<template> <view class="page"> <u-navbar title="绑定微信" :border-bottom="false" :background="bgc" title-color='#000' back-icon-color="000" 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: "#F9F8FF", }, } }, 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>