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> |