| | |
| | | * 扫码取水相关 |
| | | */ |
| | | function toScan(){ |
| | | uni.navigateTo({ |
| | | url:'/pages/scanWater/index' |
| | | }) |
| | | // 调用二维码扫描接口 |
| | | uni.scanCode({ |
| | | scanType: ['qrCode'], |
| | | success: function (res) { |
| | | console.log('条码类型:' + res.scanType); |
| | | console.log('条码内容:' + res.result); |
| | | uni.navigateTo({ |
| | | url:'/pages/scanWater/index' |
| | | }) |
| | | } |
| | | }); |
| | | } |
| | | /** |
| | | * 功能列表相关 |
| | |
| | | } |
| | | onMounted( async() =>{ |
| | | getTopHeight() |
| | | await getInfo() |
| | | // await getInfo() |
| | | // await getUserLocation() |
| | | }) |
| | | onShow(async() =>{ |
| | | await getInfo() |
| | | await getInfo() |
| | | }) |
| | | </script> |
| | | |
| | |
| | | <view class="left-bottom">电话:{{cardInfo.userPhone}}</view> |
| | | </view> |
| | | <view class="card-right"> |
| | | <view>金额卡</view> |
| | | <view> |
| | | <view class="card-right-top"> |
| | | <view @click="navTo('/pages/addCard/index')"> |
| | | <image src='../../static/images/index/vip-add.png' alt=''></image> |
| | | <span>添加会员卡</span> |
| | | </view> |
| | | <span>金额卡</span> |
| | | </view> |
| | | <view @click="navTo('/pages/recharge/index')"> |
| | | <span>余额:</span> |
| | | <span class="card-balance">{{cardInfo.balance}}</span> |
| | | <span>元</span> |
| | |
| | | <image src="../../static/images/index/home21.png" alt=""></image> |
| | | <view>送水到家</view> |
| | | </view> |
| | | <view class="box1-bg box1-two"> |
| | | <view>账户余额(元)</view> |
| | | <view @click="navTo('/pages/facilityList/index')" class="box1-bg box1-two"> |
| | | <image src="../../static/images/index/icon22.png" alt=""></image> |
| | | <view>附近设备</view> |
| | | <!-- <view>账户余额(元)</view> |
| | | <view class="recharge"> |
| | | <text>¥</text> |
| | | <text>120.00</text> |
| | | </view> |
| | | <view @click="navTo('/pages/recharge/index')"> |
| | | 充值 |
| | | </view> |
| | | </view> --> |
| | | </view> |
| | | <view class="box1-bg box1-three" @click="toScan()"> |
| | | <image src="../../static/images/index/icon23.png" alt=""></image> |
| | |
| | | align-items:flex-end; |
| | | flex-direction: column; |
| | | height:100%; |
| | | .card-right-top{ |
| | | align-items: center; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | view{ |
| | | background-color: #fff; |
| | | color: #5EA1FA; |
| | | border-radius:20rpx; |
| | | padding: 5rpx 8rpx; |
| | | align-items: center; |
| | | display: flex; |
| | | justify-content: space-around; |
| | | font-size:24rpx; |
| | | margin-right:10rpx; |
| | | image{ |
| | | width:28rpx; |
| | | height:28rpx; |
| | | margin-right:10rpx; |
| | | } |
| | | } |
| | | } |
| | | .card-balance{ |
| | | font-weight:600; |
| | | } |
| | |
| | | } |
| | | } |
| | | .box1-two{ |
| | | box-sizing: border-box; |
| | | padding:25rpx 0 10rpx; |
| | | font-weight: 300; |
| | | font-size: 32rpx; |
| | | color: #000000; |
| | | display: flex; |
| | | flex-direction:column; |
| | | align-items:center; |
| | | justify-content:space-around; |
| | | view:first-child{ |
| | | font-weight: 300; |
| | | font-size: 24rpx; |
| | | color: #464646; |
| | | text-align: center; |
| | | margin-bottom:10rpx; |
| | | justify-content:space-evenly; |
| | | image{ |
| | | width:96rpx; |
| | | height: 96rpx; |
| | | // margin-bottom:20rpx; |
| | | } |
| | | .recharge{ |
| | | text:first-child{ |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #000; |
| | | } |
| | | text:last-child{ |
| | | font-weight: 300; |
| | | font-size: 32rpx; |
| | | color: #2269E5; |
| | | } |
| | | } |
| | | view:last-child{ |
| | | width: 140rpx; |
| | | height: 80rpx; |
| | | font-weight:300; |
| | | font-size: 24rpx; |
| | | color: #000141; |
| | | background-image: url('../../static/images/index/icon22.png'); |
| | | background-repeat: no-repeat; |
| | | background-position: center; |
| | | background-size: 100% 100%; |
| | | text-align:center; |
| | | line-height:80rpx; |
| | | margin-top:10rpx; |
| | | } |
| | | // view:first-child{ |
| | | // font-weight: 300; |
| | | // font-size: 24rpx; |
| | | // color: #464646; |
| | | // text-align: center; |
| | | // margin-bottom:10rpx; |
| | | // } |
| | | // .recharge{ |
| | | // text:first-child{ |
| | | // font-weight: 500; |
| | | // font-size: 32rpx; |
| | | // color: #000; |
| | | // } |
| | | // text:last-child{ |
| | | // font-weight: 300; |
| | | // font-size: 32rpx; |
| | | // color: #2269E5; |
| | | // } |
| | | // } |
| | | // view:last-child{ |
| | | // width: 140rpx; |
| | | // height: 70rpx; |
| | | // font-weight:300; |
| | | // font-size: 24rpx; |
| | | // color: #000141; |
| | | // background-image: url('../../static/images/index/icon22.png'); |
| | | // background-repeat: no-repeat; |
| | | // background-position: center; |
| | | // background-size: 100% 100%; |
| | | // text-align:center; |
| | | // line-height:70rpx; |
| | | // margin-top:10rpx; |
| | | // } |
| | | } |
| | | .box1-three{ |
| | | font-weight: 300; |