0315
This commit is contained in:
@fawn-nine
@@ -6,14 +6,14 @@
|
||||
<view class="vip_top">
|
||||
<view class="now_vip">
|
||||
<image src="../../static/icon/mine_card.png" alt=""></image>
|
||||
<text>
|
||||
<view class="text">
|
||||
<image src="../../static/icon/mine_v.png" alt=""></image>
|
||||
疯子读书会员
|
||||
<br>
|
||||
<i>VIPFENGZIDUSHU</i>
|
||||
<br>
|
||||
<b>加入会员立项4项特权</b>
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="vip_quan">
|
||||
@@ -75,11 +75,27 @@
|
||||
</u-radio-group>
|
||||
</view>
|
||||
</view>
|
||||
<view class="agree_wo">* 我已阅读并同意《会员服务协议》</view>
|
||||
<view class="agree_wo" style="float: left; display: flex;">
|
||||
<radio-group class="agree">
|
||||
<view v-for="(item, index) in argee" :key="index" >
|
||||
<radio class="agreeRadio" :value="item.id" :checked="item.id==radioValue" @click="radioCheck(index)"></radio>
|
||||
<!-- <view>{{item.value}}</view> -->
|
||||
</view>
|
||||
</radio-group>
|
||||
<view>* 我已阅读并同意<span class="highlight" @click="showXieyi">《会员服务协议》</span></view></view>
|
||||
|
||||
<view class="vip_btn">
|
||||
<view @click="goPoinBuy">立即开通会员</view>
|
||||
</view>
|
||||
<!-- 充值协议 -->
|
||||
<u-popup :show="xieyiShow" :round="10" @close="xieyiShow=false">
|
||||
<view class="tanchu">
|
||||
<view class="dp_title">会员服务协议</view>
|
||||
<view style="max-height: 1000rpx;overflow-y: scroll;">
|
||||
<view v-html="xieyi.content"></view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -95,6 +111,16 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
xieyiShow : false,
|
||||
xieyi:{
|
||||
title:'',
|
||||
content:''
|
||||
},
|
||||
argee:[
|
||||
{value:false,id:'1'}
|
||||
|
||||
] ,// 同意权限
|
||||
radioValue:'',
|
||||
stepsVc: {},
|
||||
vcList: [],
|
||||
userMes:{},
|
||||
@@ -135,7 +161,29 @@
|
||||
},
|
||||
//方法
|
||||
methods: {
|
||||
showXieyi(){
|
||||
this.$http
|
||||
.get(`sys/agreement/list?key=member`)
|
||||
.then(res => {
|
||||
this.xieyi = res.page.list[0]
|
||||
this.xieyiShow = true
|
||||
})
|
||||
|
||||
},
|
||||
radioCheck (index) {
|
||||
this.argee.forEach((item =>{
|
||||
item.isCheck = false
|
||||
}))
|
||||
if(this.radioValue==this.argee[index].id) {
|
||||
this.radioValue =null
|
||||
}else {
|
||||
this.radioValue = this.argee[index].id
|
||||
}
|
||||
// console.log(this.radioValue)
|
||||
},
|
||||
goPoinBuy(){
|
||||
if(this.radioValue == '1'){
|
||||
|
||||
if(this.stepsVc.money > this.userMes.peanutCoin){
|
||||
uni.showToast({
|
||||
title:'疯币不足，请充值',
|
||||
@@ -146,6 +194,13 @@
|
||||
}else{
|
||||
this.kaiVip()
|
||||
}
|
||||
}else{
|
||||
uni.showToast({
|
||||
title:'请勾选服务协议',
|
||||
icon:'error'
|
||||
})
|
||||
return false
|
||||
}
|
||||
},
|
||||
// 充值疯币
|
||||
buPoint() {
|
||||
@@ -290,6 +345,115 @@
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import '@/style/mixin.scss';
|
||||
.agreeRadio{ zoom: .8;}
|
||||
.tanchu {
|
||||
padding: 40rpx 30rpx 40rpx 30rpx;
|
||||
position: relative;
|
||||
|
||||
|
||||
.dp_title {
|
||||
font-size: 32rpx;
|
||||
margin-bottom: 50rpx;
|
||||
color: #555;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dp_add {
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
right: 30rpx;
|
||||
font-size: 22rpx;
|
||||
background-color: #fd6004;
|
||||
color: #fff;
|
||||
border-radius: 10rpx;
|
||||
padding: 5rpx 10rpx;
|
||||
|
||||
.u-icon {
|
||||
display: inline-block;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.addressItem {
|
||||
border: 2px dashed #d9d9d9;
|
||||
border-radius: 10rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 20rpx 10rpx;
|
||||
margin: 25rpx 0 0 0;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
|
||||
.addrContent {
|
||||
margin-left: 40rpx;
|
||||
flex: 1;
|
||||
|
||||
.addrContentTop {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
margin: 0 0 15rpx 0;
|
||||
position: relative;
|
||||
|
||||
.userName {
|
||||
font-size: 35rpx;
|
||||
font-weight: bold;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.userTel {
|
||||
font-size: 25rpx;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.userMoren {
|
||||
border: 1px solid #fd6004;
|
||||
color: #fd6004;
|
||||
padding: 3rpx 10rpx;
|
||||
font-size: 22rpx;
|
||||
border-radius: 10rpx;
|
||||
margin: 0 0 0 20rpx;
|
||||
}
|
||||
|
||||
|
||||
.chooseCheck {
|
||||
position: absolute;
|
||||
top: 3rpx;
|
||||
right: 6rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.addrContentBottom {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.addressItem.addItem_style {
|
||||
border-color: #fd6004;
|
||||
}
|
||||
|
||||
.youhuiItem {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 10rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 20rpx 10rpx;
|
||||
margin: 25rpx 0 0 0;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.youhuiItem>view {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.youhuiItem.youItem_style {
|
||||
border-color: #fd6004;
|
||||
}
|
||||
}
|
||||
.chongBtn {
|
||||
background-color: #54a966;
|
||||
color: #fff !important;
|
||||
@@ -320,8 +484,15 @@
|
||||
width: 100%;
|
||||
height: 410rpx;
|
||||
}
|
||||
|
||||
text {
|
||||
.text{margin-top: 60rpx;
|
||||
font-size: 50upx;
|
||||
line-height: 80upx;
|
||||
color: #977749;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: 80rpx;
|
||||
top: 3rpx;}
|
||||
.text {
|
||||
margin-top: 60rpx;
|
||||
font-size: 50upx;
|
||||
line-height: 80upx;
|
||||
|
||||
Reference in New Issue
Block a user