108 lines
1.8 KiB
Vue
108 lines
1.8 KiB
Vue
|
<template>
|
|||
|
|
<view class="page">
|
|||
|
|
<u-navbar title="绑定微信" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
|||
|
|
height='50'></u-navbar>
|
|||
|
|
<view class="img">
|
|||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uhjLUHAVaz9X8fDB4qQ8" mode="aspectFit"></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="wei">
|
|||
|
|
您尚未绑定微信，绑定登录更便捷
|
|||
|
|
</view>
|
|||
|
|
<view class="bang">
|
|||
|
|
点击下方按钮绑定您的微信账号
|
|||
|
|
</view>
|
|||
|
|
<view class="bangd">
|
|||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uvqyhfTLZXAQoYW8jobf" mode="aspectFit"></image> 绑定微信
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
bgc: {
|
|||
|
|
backgroundColor: " #48893B",
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.img{
|
|||
|
|
width: 188rpx;
|
|||
|
|
height: 250rpx;
|
|||
|
|
margin: auto;
|
|||
|
|
margin-top: 134rpx;
|
|||
|
|
image{
|
|||
|
|
width: 188rpx;
|
|||
|
|
height: 250rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.wei{
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
color: #3D3D3D;
|
|||
|
|
font-weight: 600;
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 40rpx;
|
|||
|
|
}
|
|||
|
|
.bang{
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #808080;
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.bangd{
|
|||
|
|
width: 574rpx;
|
|||
|
|
height: 86rpx;
|
|||
|
|
background: #14C45B;
|
|||
|
|
border-radius: 47rpx 47rpx 47rpx 47rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 86rpx;
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
font-weight: 600;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
margin: auto;
|
|||
|
|
margin-top: 90rpx;
|
|||
|
|
image{
|
|||
|
|
width: 50rpx;
|
|||
|
|
height: 50rpx;
|
|||
|
|
margin-right: 18rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/deep/ .u-title{
|
|||
|
|
padding-bottom: 22rpx;
|
|||
|
|
}
|
|||
|
|
/deep/ .uicon-nav-back{
|
|||
|
|
padding-bottom: 22rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
page {
|
|||
|
|
background: #F4F5F7;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.page {
|
|||
|
|
width: 750rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</style>
|