【微信小程序】【样式】分割线
学习的过程中,有个时间和日期的选择控件,如果直接将时间和日期紧紧的挨在一起,那么白白的一块区域很难看,如果中间加一条分割线,那么显得更加清晰一些。实现方法如下:
*.wxss文件添加样式
1 2 3 4 5 |
.line{ width:100%; height:2rpx; background:#aaa; } |
*.wxml文件添加<view class=”line”></view>,如下
1 2 3 4 5 6 7 8 |
<view class="itemView">【截止日期、时间】</view> <picker class="input" mode="date" value="{{dateValue}}" start="2016-01-01" end="2030-12-31" bindchange="datePickerBindchange"> 日期选择: {{dateValue}} </picker> <view class="line"></view> <picker class="input" mode="time" value="{{timeValue}}" start="00:00" end="24:00" bindchange="timePickerBindchange"> 时间选择: {{timeValue}} </picker> |