微信小程序实现类似elementUI的Timeline时间线效果,自适应页面与文本

wxml代码:

<view class="box">
  <view wx:for="{{list}}" wx:key="index" class="one">
    <view class="onedot"></view>
    <view wx:if="{{index!=list.length-1}}" class="oneline"></view>
    <view class="onemain">
      <view class="onemaintitle">{{item.time}}</view>
      <view class="onemaincon">{{item.con}}</view>
    </view>
  </view>
</view>

wxss代码:

.box {
  padding: 30rpx;
}
.one {
  position: relative;
  padding-bottom: 40rpx;
}
.onedot {
  left: -2rpx;
  width: 24rpx;
  height: 24rpx;
  position: absolute;
  background-color: #67c23a;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.oneline {
  position: absolute;
  left: 8rpx;
  height: 100%;
  border-left: 2px solid #e4e7ed;
}
.onemain {
  position: relative;
  padding-left: 56rpx;
  top: -6rpx;
}
.onemaintitle {
  margin-bottom: 16rpx;
  padding-top: 8rpx;
  color: #909399;
  line-height: 1;
  font-size: 26rpx;
}
.onemaincon {
  color: #303133;
}

js代码:

data: {
    list: [{
      time: "2021-02-02 10:30:30",
      con: "这是主要内容部分"
    },{
      time: "2021-02-02 10:30:30",
      con: "这是主要内容部分这是主要内容部分这是主要内容部分这是主要内容部分这是主要内容部分"
    },{
      time: "2021-02-02 10:30:30",
      con: "这是主要内容部分这是主要内容部分这是主要内容部分这是主要内容部分"
    }]
  },

效果:
请输入图片描述

因为没有GUI界面,所以不能用直接双击打开的方式安装。而需要使用命令行的方式。
具体参数可以见这里:从命令提示符安装 SQL Server, 在 Server Core 上安装 SQL Server
也可以在命令行中执行:Setup.exe /help

比如我常用的参数:

Setup.exe /qs /ACTION=Install /INSTANCENAME=[实例名] /INSTANCEID=[实例ID] /SECURITYMODE=SQL /SAPWD=[密码] /IACCEPTSQLSERVERLICENSETERMS /TCPENABLED=1 /InstallSQLDataDir="D:\Data\MSSQL" /FEATURES=SQLEngine,FullText,Replication

安装完成之后,可以在注册表中修改SQL服务监听的TCP端口号。具体路径为:

\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Microsoft SQL Server\[SQW版本及实例名]\MSSQLServer\SuperSocketNetLib\Tcp\IPAll

服务名为:MSSQL$[实例名]

如果需要删除的话,可以:

Setup.exe /qs /ACTION=UNINSTALL /INSTANCENAME=[实例名] /FEATURES=SQLEngine,FullText,Replication

在IIS环境下部署前端应用时,可以使用以下Url重写规则:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="rule1">
                    <match url="^([\w\-\/]+)$" ignoreCase="true" />
                    <action type="Rewrite" url="index.html" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>

蒲公英旁路由组网小结

  • 在网络管理中设置好旁路由
  • 在各自的网络中设置如下:

    • 在网关路由器设置静态路由: Lan口,对方网络,通过本地旁路由
    • 在旁路由中打开: 智能组网->转发设置。