wxmlview class="container" input placeholder="输入快递单号" placeholder-class="placeColor" bindinput="getText"/ !--显示查得的快递信息-- scroll-view scroll-y="true" clas ...
wxml
-
<view class="container">
-
<input placeholder="输入快递单号" placeholder-class="placeColor" bindinput="getText"/>
-
-
<scroll-view scroll-y="true" class="scroll">
-
<view class="info" wx:for="{{dataInfo}}">
-
<view class="time">{{item.time}}</view>
-
<view class="context">{{item.context}}</view>
-
</view>
-
</scroll-view>
-
-
<view class="btngroup">
-
<button type="primary" hover-class="none" bindtap="search">查询</button>
-
<button type="primary" hover-class="none" bindtap="onBtnTap">{{expressChinese}}</button>
-
</view>
-
</view>
wxss
-
/* index/index.wxss */
-
page{
-
background: #565656;
-
}
-
scroll-view{
-
border: 2rpx solid #f60;
-
}
-
-
.container{
-
display: flex;
-
flex-direction: column;
-
align-items: center;
-
padding: 80rpx 0;
-
}
-
-
input{
-
width: 550rpx;
-
padding: 10rpx 0;
-
text-align: center;
-
border: 2px solid #f60;
-
border-radius: 10rpx;
-
color: #fff;
-
}
-
.placeColor{
-
color: #fff;
-
}
-
-
.scroll{
-
height: 600rpx;
-
width: 100%;
-
margin-top: 20rpx;
-
}
-
-
.info{
-
padding: 30rpx;
-
}
-
.time{
-
color: #fff;
-
font-size: 14px;
-
}
-
-
.context{
-
color: #fff;
-
font-size: 16px;
-
margin-top: 10rpx;
-
}
-
-
.btngroup{
-
width: 100%;
-
margin-top: 100rpx;
-
-
}
-
.btngroup button{
-
width: 100%;
-
background: #f60;
-
color: #fff;
-
margin-top: 5rpx;
-
}
-
.btngroup .default{
-
background-color: #f60;
-
}
-
.btngroup .warn{
-
background-color: red;
-
}
js
原作者: 模板之家
来自: 网络收集
| 
