wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

开通商城

Browse Source
h5
fanfan 4 months ago
parent a60a920986
commit bf2639a39b
5 changed files with 321 additions and 65 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      pages/checkout/cashier/index.vue
  2. 380
      pages/gamll/index.vue
  3. 2
      pages/member/index.vue
  4. 2
      pages/member/index1.vue
  5. BIN
      static/user/weChat.png

2
pages/checkout/cashier/index.vue
Unescape View File

@ -182,7 +182,7 @@
// 选择支付方式
handleSelectPayType(index) {
if (index == 1) {
if (this.methods[index].method == 'huifu') {
this.$toast('抱歉，此支付方式暂未完善')
return
}

380
pages/gamll/index.vue
Unescape View File

@ -84,13 +84,60 @@
</image>
</view>
</view>
<view class="equity" style="margin-top: 15px;">
<view class="equity-active-top"
<view class="equity" style="margin-top: 8px;">
<view class="table_box">
<u-table>
<u-tr v-for="(item,index) in equityList">
<u-td class="box_cus flex-1">
<view class="box_tips" :style="{ color: index==0?'#333':'#594b40' }">
{{item.feature}}
<u-icon custom-style='margin-left:10rpx' v-if="index>2"
@click="openPopup(item.function_description,item.feature)"
name="question-circle-fill" color="#999" size="30"></u-icon>
</view>
</u-td>
<u-td class="box_cus flex-2">
<view class="box_view">
<u-icon v-if="equityList[0].airIndex==1&&item.air=='10'" name="checkbox-mark"
color="#594b40" size="28"></u-icon>
<view v-else>
<u-icon v-if="item.air=='20'" name="close" color="#959595" size="28"></u-icon>
<text :style="{ color: index==0?'#fff':'#594b40' }" v-else>{{item.air}}</text>
</view>
</view>
</u-td>
<u-td class="box_cus flex-3">
<view class="box_view">
<u-icon v-if="equityList[0].proIndex==1&&item.pro=='10'" name="checkbox-mark"
color="#b24341" size="28"></u-icon>
<view v-else>
<u-icon v-if="item.pro=='20'" name="close" color="#959595" size="28"></u-icon>
<text :style="{ color: index==0?'#fff':'#b24341' }" v-else>{{item.pro}}</text>
</view>
</view>
</u-td>
<u-td class="box_cus flex-4">
<view class="box_view">
<u-icon v-if="equityList[0].H5Index==1&&item.H5=='10'" name="checkbox-mark"
color="#5362d9" size="28"></u-icon>
<view v-else>
<u-icon v-if="item.H5=='20'" name="close" color="#959595" size="28"></u-icon>
<text :style="{ color: index==0?'#fff':'#5362d9' }" v-else>{{item.H5}}</text>
</view>
</view>
</u-td>
</u-tr>
</u-table>
</view>
<!-- <view class="equity-active-top"
:style="{ 'left': leftNum + '%','height': ((equityList.length*35)+20) + 'px' }">
<view class="equity-active-th" v-for="(item,index) in equityList"
:class="index==0?'equit-tips-title':''">
<text v-if="index==0">{{index==0?item.p_gmall:item.l_gmall}}</text>
<text v-else>{{tabIndex==0?(item.retail==10?'√':'-'):(item.wholesale==10?'√':'-')}}</text>
<view v-else class="imaged">
<image :src="$picUrl+'/static/user/dui2.png'" mode="" v-if="(item.retail==10&&tabIndex==0)||(item.wholesale==10&&tabIndex==1)"></image>
<text v-else style="font-size: 32rpx;">-</text>
</view>
</view>
</view>
<view class="equityList" v-for="(item,index) in equityList">
@ -98,12 +145,20 @@
{{index==0?item.name:item.function_name}}
</view>
<view class="equit-tips" :class="index==0?'equit-tips-title':''">
{{index==0?item.p_gmall:(item.retail==10?'√':'-')}}
<text v-if="index==0">{{item.p_gmall}}</text>
<view v-else>
<image v-if="item.retail==10" :src="$picUrl+'/static/user/dui3.png'" mode="" ></image>
<text v-else>-</text>
</view>
</view>
<view class="equit-tips" :class="index==0?'equit-tips-title':''">
{{index==0?item.l_gmall:(item.wholesale==10?'√':'-')}}
<text v-if="index==0">{{item.l_gmall}}</text>
<view v-else>
<image v-if="item.wholesale==10" :src="$picUrl+'/static/user/dui3.png'" mode="" ></image>
<text v-else>-</text>
</view>
</view>
</view>
</view> -->
</view>
<view class="payment-method">
<view class="title">选择支付方式</view>
@ -130,6 +185,16 @@
<button class="submitBtn" formType="submit" @click="submitPay">立即支付 ¥<text
style="font-size: 48rpx;">{{tabFavour[priceIndex].price}}</text>（开通您的{{tabbar[tabIndex]}}）</button>
</view>
<u-popup v-model="show" length="60%" mode='center' :mask='true' :closeable='true'>
<view class="content">
<view class="content-title">
{{feature_name}}
</view>
<view class="content-box">
{{content_description}}
</view>
</view>
</u-popup>
</view>
</template>
<script>
@ -186,7 +251,10 @@
],
equityList: [],
userInfo: '',
retail: null
retail: null,
show: false,
content_description: '',
feature_name: ''
}
},
onLoad() {
@ -199,8 +267,15 @@
},
methods: {
openPopup(msg, name) {
this.feature_name = name
this.content_description = msg
if (msg) {
this.show = true
}
},
tabItem1(i) {
if (i == 1) {
if (this.paymentMethods[i].method == 'huifu') {
this.$toast('抱歉，此支付方式暂未完善')
return
}
@ -333,9 +408,14 @@
} = await api.describe();
if (status == 200) {
let all = {
name: '可享权益',
p_gmall: '批发商城',
l_gmall: '零售商城'
feature: '功能',
air: 'air',
airIndex: 1,
pro: 'pro',
proIndex: 1,
H5: 'H5',
H5Index: 1,
function_description: '说明'
}
data.list.unshift(all)
that.equityList = data.list
@ -381,6 +461,31 @@
width: 100%;
}
.content {
padding: 0rpx 30rpx 40rpx 30rpx;
border-radius: 16rpx;
font-size: 30rpx;
color: #333;
.content-title {
font-size: 32rpx;
font-weight: 700;
height: 110rpx;
text-align: center;
line-height: 110rpx;
}
.content-box {
font-size: 28rpx;
line-height: 40rpx;
}
}
::v-deep .u-mode-center-box {
border-radius: 8rpx;
}
.warp {
display: flex;
align-items: center;
@ -680,77 +785,228 @@
.equity {
margin-bottom: 60rpx;
position: relative;
max-height: 800rpx;
overflow: auto;
.equityList {
width: 100%;
height: 35px;
line-height: 35px;
background-color: #fff;
display: flex;
// flex-direction: column;
justify-content: space-between;
font-size: 26rpx;
.table_box {
overflow: hidden;
border-radius: 20rpx;
}
.equit-tips {
width: 33.33333%;
text-align: center;
font-weight: 400;
color: rgba(51, 51, 51, 1);
}
::v-deep .u-table {
border: none !important;
}
.equit-tips-title {
font-size: 28rpx;
font-weight: 700;
}
::v-deep u-td,
u-th {
display: flex !important;
flex: auto !important
}
::v-deep .u-tr {
border: 1rpx solid #e4e7ed;
}
::v-deep .u-tr {
border-left: none;
border-right: none;
border-bottom: none;
}
.equity-active-top {
opacity: 1;
/* 这里的0.5表示50%透明度 */
width: 33.33333%;
position: absolute;
height: 100%;
padding: 10px 0;
top: -10px;
left: 33.33333%;
z-index: 1;
border-radius: 8rpx;
background: linear-gradient(180deg, rgba(255, 227, 209, 1) 0%, rgba(255, 193, 179, 1) 100%);
.equit-tips-title {
font-size: 32rpx !important;
font-weight: 700 !important;
::v-deep u-tr:nth-child(1) .flex-1 {
background-color: #e3e6f5;
color: #333 !important;
font-size: 34rpx;
font-weight: 700;
}
::v-deep u-tr:nth-child(1) .flex-2 {
background-color: #f6cdb1;
font-size: 34rpx;
font-weight: 700;
}
::v-deep u-tr:nth-child(1) .flex-3 {
background-color: #fe9a9a;
font-size: 34rpx;
font-weight: 700;
}
::v-deep u-tr:nth-child(1) .flex-4 {
background-color: #5a74e3;
font-size: 34rpx;
font-weight: 700;
}
::v-deep u-tr:nth-child(1) {
border-top: none;
}
.box_cus {
text-align: center;
padding: 10px 3px !important;
height: auto;
vertical-align: middle;
width: 25%;
// border-left: 1rpx solid #e4e7ed;
.box_view {
display: flex;
align-items: center;
height: 100%;
justify-content: center;
flex-grow: 1;
vertical-align: middle;
color: #333;
font-size: 28rpx;
image {
width: 30rpx;
height: 30rpx;
margin: 0 auto;
margin-left: calc(50% - 15rpx);
display: block;
vertical-align: middle;
}
}
.equity-active-th {
width: 100%;
text-align: center;
font-size: 26rpx;
font-weight: 500;
line-height: 35px;
color: rgba(125, 44, 26, 1);
.box_tips {
display: flex;
align-items: center;
justify-content: center;
}
}
.flex-1 {
width: 28% !important;
background-color: #F5F5F5;
}
.equityList:nth-child(even) {
background: rgba(246, 246, 246, 1);
.flex-2,
.flex-3,
.flex-4 {
width: 24% !important;
}
.equityList:nth-child(1) {
font-size: 28rpx !important;
font-weight: 700 !important;
.flex-2 {
background-color: #fef4e8;
}
.equityList:nth-child(2) {
border-top: 1rpx solid rgba(229, 229, 229, 1);
.flex-3 {
background-color: #feeaeb;
}
.equityList:last-child {
border-bottom: 1rpx solid rgba(229, 229, 229, 1);
.flex-4 {
background-color: #eeedfd;
}
// .flex-2:nth-child(1) {
// background-color: #ffc1b3 !important;
// color: #fff !important;
// }
// .box_cus {
// border-top: none !important;
// }
// .box_cus {
// border-left: none !important;
// }
.box_cus:nth-child(1) {
border-left: none;
}
::v-deep .u-td {
border: none !important;
padding: 0 !important;
}
// .equityList {
// width: 100%;
// height: 35px;
// line-height: 35px;
// background-color: #fff;
// display: flex;
// // flex-direction: column;
// justify-content: space-between;
// font-size: 26rpx;
// .equit-tips {
// width: 33.33333%;
// text-align: center;
// font-weight: 400;
// color: rgba(51, 51, 51, 1);
// image {
// width: 34rpx;
// height: 34rpx;
// }
// }
// .equit-tips-title {
// font-size: 28rpx;
// font-weight: 700;
// }
// }
// .equity-active-top {
// opacity: 1;
// /* 这里的0.5表示50%透明度 */
// width: 33.33333%;
// position: absolute;
// height: 100%;
// padding: 10px 0;
// top: -10px;
// left: 33.33333%;
// z-index: 1;
// border-radius: 8rpx;
// background: linear-gradient(180deg, rgba(255, 227, 209, 1) 0%, rgba(255, 193, 179, 1) 100%);
// .equit-tips-title {
// font-size: 32rpx !important;
// font-weight: 700 !important;
// }
// .equity-active-th {
// width: 100%;
// text-align: center;
// font-size: 26rpx;
// font-weight: 500;
// line-height: 35px;
// color: rgba(125, 44, 26, 1);
// .imaged {
// overflow: hidden;
// image {
// width: 34rpx;
// height: 34rpx;
// }
// }
// }
// }
// .equityList:nth-child(even) {
// background: rgba(246, 246, 246, 1);
// }
// .equityList:nth-child(1) {
// font-size: 28rpx !important;
// font-weight: 700 !important;
// }
// .equityList:nth-child(2) {
// border-top: 1rpx solid rgba(229, 229, 229, 1);
// }
// .equityList:last-child {
// border-bottom: 1rpx solid rgba(229, 229, 229, 1);
// }
}
.advantage {

2
pages/member/index.vue
Unescape View File

@ -180,7 +180,7 @@
},
methods: {
tabItem1(i) {
if (i == 1) {
if (this.paymentMethods[i].method == 'huifu') {
this.$toast('抱歉，此支付方式暂未完善')
return
}

2
pages/member/index1.vue
Unescape View File

@ -274,7 +274,7 @@
},
chosePayType(item, index) {
// 选择支付方式
if (index == 1) {
if (this.paymentMethods[index].method == 'huifu') {
this.$toast('抱歉，此支付方式暂未完善')
return
}

BIN
static/user/weChat.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1023 B

Write Preview
Loading…
Cancel
Save