|
|
@@ -174,12 +174,23 @@
|
|
|
<u-icon name="close"></u-icon>
|
|
|
<official-account @load='bindload'></official-account>
|
|
|
</view> -->
|
|
|
- <view class="weixin_official_account" v-if="isLogin && (isFollow != 1) && curClose" :style="{'opacity':opacity}">
|
|
|
- <text class="txt">关注【祥粤学校】公众号，通知不再错过</text>
|
|
|
- <button type="default" class="btn btn-official">去关注<official-account class="official-account" id="official_account" @click.native="toFollows"></official-account>
|
|
|
- </button>
|
|
|
- <u-icon name="close" class="icon-close" @click="closeOff"></u-icon>
|
|
|
+ <view v-if="isLogin && (isFollow != 1) && curClose" class="officials">
|
|
|
+ <view class="weixin_official_account" :style="{'opacity':opacity}">
|
|
|
+ <image class="off_logo" src="/static/index/official.png"></image>
|
|
|
+ <view>
|
|
|
+ <view class="one">关注 “祥粤学校” 公众号</view>
|
|
|
+ <view class="two">学习提醒、 报考通知不会错过</view>
|
|
|
+ </view>
|
|
|
+ <button type="default" class="btn btn-official" >
|
|
|
+ 去关注
|
|
|
+ <official-account class="official-account" id="official_account"></official-account>
|
|
|
+ </button>
|
|
|
+ <view class="close_icon">
|
|
|
+ <u-icon name="close" class="icon-close" @click="closeOff"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -282,8 +293,7 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
onShow() {
|
|
|
- let userInfo = this.$store.state.userInfo
|
|
|
- this.isFollow = userInfo && userInfo.userFollowWx // 不是1就是没关注
|
|
|
+ this.getInfo() // 判断有没有关注公众号
|
|
|
this.isClickOff() //关注公众号，每天最多显示1次；当天学员关闭弹窗后，无需再显示
|
|
|
|
|
|
uni.removeStorageSync('goPath')
|
|
|
@@ -320,7 +330,17 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
...mapActions(['getUserInfo','appCommonConfig']),
|
|
|
-
|
|
|
+ getInfo() {
|
|
|
+ // /app/user/getInfo 登录用户信息
|
|
|
+ this.$api.getInfo().then(res => {
|
|
|
+ if(res.data.code == 200){
|
|
|
+ console.log('---res', res.data)
|
|
|
+ this.$store.state.userInfo = res.data.data
|
|
|
+ this.isFollow = res.data.data.userFollowWx // 不是1就是没关注
|
|
|
+ console.log('有没有关注', this.isFollow)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
// 每天最多显示1次；当天学员关闭弹窗后，无需再显示
|
|
|
isClickOff() {
|
|
|
//当天23：59：59秒 转换成的毫秒数
|
|
|
@@ -339,6 +359,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
closeOff() {
|
|
|
+ console.log('关闭')
|
|
|
this.curClose = false
|
|
|
uni.setStorageSync("curClose", '1')
|
|
|
},
|
|
|
@@ -1217,41 +1238,52 @@ page {
|
|
|
font-weight: bold;
|
|
|
color: #32467B;
|
|
|
}
|
|
|
-.official {
|
|
|
+.officials {
|
|
|
width:100%;
|
|
|
+ height: 104rpx;
|
|
|
position:fixed;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
- background-color: #fff;
|
|
|
+ z-index: 20211208;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
.weixin_official_account {
|
|
|
position: fixed;
|
|
|
- z-index: 20211208;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
- // transform: translateX(-50%);
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
- width: 100%;
|
|
|
- height: 84rpx;
|
|
|
+ width: 718rpx;
|
|
|
+ height: 104rpx;
|
|
|
padding: 0 32rpx;
|
|
|
- background: #EEF6FF;
|
|
|
- // border-radius: 6rpx;
|
|
|
-
|
|
|
- .txt {
|
|
|
+ margin-left: 16rpx;
|
|
|
+ background: #3A3F54;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ .off_logo {
|
|
|
+ width: 48rpx;
|
|
|
+ height: 48rpx;
|
|
|
+ margin-right: 24rpx;
|
|
|
+ }
|
|
|
+ .one {
|
|
|
+ color: #fff;
|
|
|
font-size: 24rpx;
|
|
|
- color: #3577E8;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+ .two {
|
|
|
+ color: #BCBEC7;
|
|
|
+ font-size: 20rpx;
|
|
|
}
|
|
|
-
|
|
|
.btn {
|
|
|
position: relative;
|
|
|
- width: 136rpx;
|
|
|
+ width: 128rpx;
|
|
|
height: 56rpx;
|
|
|
line-height: 56rpx;
|
|
|
padding: 0;
|
|
|
- background: #3577E8;
|
|
|
- border-radius: 80rpx;
|
|
|
+ background: linear-gradient(274deg, #408BF6 0%, #40B4F6 100%);
|
|
|
+ border-radius: 156rpx;
|
|
|
overflow: hidden;
|
|
|
text-align: center;
|
|
|
font-size: 24rpx;
|
|
|
@@ -1260,12 +1292,24 @@ page {
|
|
|
.official-account {
|
|
|
position: absolute;
|
|
|
z-index: 20211209;
|
|
|
- right: -14px;
|
|
|
- top: -40px;
|
|
|
+ right: -9px;
|
|
|
+ top: -38px;
|
|
|
opacity: 0;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+ .close_icon {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ opacity: 0.2;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 0rpx 16rpx;
|
|
|
+ }
|
|
|
.icon-close {
|
|
|
display: flex;
|
|
|
align-items: center;
|
xuqiaoying
