smartswrtch-app/page_fenbao/statulist/fault/bangwx.vue

124 lines
2.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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=""></image>
</view>
<view class="wei">
您尚未绑定微信绑定登录更便捷
</view>
<view class="bang">
点击下方按钮绑定您的微信账号
</view>
<view class="bangd">
<image src="https://api.ccttiot.com/smartmeter/img/static/uvqyhfTLZXAQoYW8jobf" mode=""></image> 绑定微信
</view>
</view>
</template>
<script>
export default {
data() {
return {
bgc: {
backgroundColor: " #8883F0",
},
}
},
onLoad() {
},
// 分享到好友(会话)
onShareAppMessage: function () {
return {
title: '创想物联',
path: '/pages/shouye/index'
}
},
// 分享到朋友圈
onShareTimeline: function () {
return {
title: '创想物联',
query: '',
path: '/pages/shouye/index'
}
},
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>