推荐下载
-
2020-05-12 浏览：789
-
2020-04-04 浏览：654
-
2020-05-06 浏览：560
-
2020-05-08 浏览：545
-
2020-05-12 浏览：543
二重奏 给ofo撸一个微信小程序之扫码
发布时间:2021-01-03
获取了密码的页面
页面分析
1.后台需要拿到开锁密码，然后显示在页面上
2.我们需要一个定时器，规定多长时间用来检查车辆，这期间可以点击回首页去车辆报障链接，当然也就取消了本次扫码。
3.检查时长完成后，自动跳转到计费页面
1.页面布局
<!--pages/scanresult/index.wxml--><viewclass="container"><viewclass="password-title"><text>开锁密码</text></view><viewclass="password-content"><text>{{password}}</text></view><viewclass="tips"><text>请使用密码解锁，{{time}}s后开始计费</text><viewclass="tips-action"bindtap="moveToWarn"> 车辆有问题? <textclass="tips-href">回首页去车辆报障</text></view></view></view>2.页面样式
.container{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; background-color: #fff; } .password-title,.tips{ width: 100%; flex: 1; text-align: center; padding: 60rpx 0; } .password-content{ width: 100%; flex: 8; text-align: center; font-size: 240rpx; font-weight: 900; } .tips{ font-size: 32rpx; } .tips .tips-action{ margin-top: 20rpx; } .tips .tips-href{ color: #b9dd08 }