zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

苹果内购调整，苹果端隐藏vip相关内容

Browse Source
This commit is contained in:
@fawn-nine
2024-07-09 16:39:48 +08:00
parent 545fd9cc75
commit 7f49331372
7 changed files with 186 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

244
pages/mine/mine/index.vue
View File

@@ -63,31 +63,73 @@
</view>
<br clear="both" />
</view>
<!-- <view class="now_vip" v-if="userMes.vip==0">
<text>
<image src="../../static/icon/mine_p.png" style="height: 44rpx;"></image>
开通会员畅享海量内容
</text>
<b class="kt_btn" @click="onPageJump('./opeVip')">开通VIP</b>
</view> -->
<!-- <view class="now_vip" v-if="userMes.vip==1">
<text>
<image src="../../static/icon/mine_v.png"></image>
尊贵的VIP会员
<font style="font-size: 14rpx;margin-left: 20rpx;">{{userMes.vipValidtime}}到期</font>
</text>
<b class="kt_btn" @click="onPageJump('./opeVip')">立即续费</b>
</view> -->
<view
style="
padding: 20rpx;
height: 200rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx; overflow: hidden;
"
>
<!-- vip 只有安卓才显示-->
<view v-if="isAndorid"
class="chong_zhi boxShadow box_fillet vip_box"
@click="onPageJump('/pages/mine/vip/index')"
>
<view v-if="!userMes.userVip" class="noVip">
<view class="zhanghu PM_font" style="text-align: left">
<image
class="vip_image"
src="@/static/vip.png"
mode="aspectFit"
>
</image>
<text style="color: #fff; font-size: 60rpx;">VIP</text>
</view>
<view class="" style="width:calc(100% - 200rpx);">
<swiper
:autoplay="true"
:interval="3000"
:duration="1000"
style="width:100%; height: 60rpx"
>
<swiper-item
v-for="(item, index) in swiperList"
style="width: 100%; height: 100%"
>
<view
style="
background: linear-gradient(
130deg,
rgb(46, 103, 106) 0%,
rgb(114, 173, 146) 100%
)
text;
text-align: center;
"
:style="item.style"
v-html="item.name"
></view>
<!-- <image :src="curriculumData.explainsImg" mode="widthFix" class="headImage"></image> -->
</swiper-item>
</swiper>
</view>
</view>
<view v-else class="noVip hasVip">
<view class="zhanghu PM_font" style="text-align: center">
<image
class="vip_image"
src="@/static/vip.png"
mode="aspectFit"
>
</image>
<text style="color: #fff; font-size: 60rpx;">VIP</text>
</view>
<view class="time"
>{{ userMes.userVip.endTime.split(" ")[0] }}到期</view
>
</view>
</view>
<!-- end -->
<view class="chong_zhi boxShadow box_fillet chongzhi_box">
<!-- <view
class="zhanghu"
@@ -176,67 +218,9 @@
></view
>
</view>
</view>
<view
class="chong_zhi boxShadow box_fillet vip_box"
@click="onPageJump('/pages/mine/vip/index')"
>
<view v-if="!userMes.userVip" class="noVip">
<view class="zhanghu PM_font" style="text-align: center">
<image
class="vip_image"
src="@/static/icon/noquanyi.png"
mode="aspectFit"
>
</image>
<text style="color: #c4d3d4">VIP</text>
</view>
<swiper
:autoplay="true"
:interval="3000"
:duration="1000"
style="width: 100%; height: 60rpx"
>
<swiper-item
v-for="(item, index) in swiperList"
style="width: 100%; height: 100%"
>
<view
style="
background: linear-gradient(
130deg,
rgb(46, 103, 106) 0%,
rgb(114, 173, 146) 100%
)
text;
text-align: center;
"
:style="item.style"
v-html="item.name"
></view>
<!-- <image :src="curriculumData.explainsImg" mode="widthFix" class="headImage"></image> -->
</swiper-item>
</swiper>
</view>
<view v-else class="noVip hasVip">
<view class="zhanghu PM_font" style="text-align: center">
<image
class="vip_image"
src="@/static/icon/quanyi.png"
mode="aspectFit"
>
</image>
<text style="">VIP</text>
</view>
<view class="time"
>{{ userMes.userVip.endTime.split(" ")[0] }}到期</view
>
</view>
</view>
</view>
</view>
<view class="list_box">
<view class="xiugai boxShadow box_fillet">
<common-list
@@ -326,16 +310,16 @@ export default {
data() {
return {
swiperList: [
{ name: "开通会员畅享更多活动" },
{ name: "众妙之门视频" },
{ name: "开通会员畅享更多活动",style:"color:#fff;font-size:28rpx" },
{ name: "众妙之门视频",style:"color:#fff;font-size:28rpx" },
{
name: "吴门医述视频",
name: "吴门医述视频",style:"color:#fff;font-size:28rpx"
},
{ name: "专属视频视听" },
{ name: "专属视频视听",style:"color:#fff;font-size:28rpx" },
{
name: "读书相关权益",
name: "读书相关权益",style:"color:#fff;font-size:28rpx"
},
{ name: "活动报名<text style='color:red'>(折扣价)</text>" },
{ name: "活动报名<text style='color:#ffaa7f'>(折扣价)</text>" ,style:"color:#fff;font-size:28rpx"},
],
infoShow: false, // 显示电子书相关
showEbook: false, // 显示电子书相关
@@ -613,16 +597,16 @@ export default {
font-weight: bold;
font-size: 38upx;
margin-bottom: 10rpx;
color: #fff !important;
color: #6990c7 !important;
}
.phone {
font-size: 28rpx;
color: #fff;
color: #6990c7 !important;
}
.tong {
color: #999;
color: #6990c7 !important;
font-size: 25upx;
}
@@ -671,9 +655,10 @@ export default {
}
}
.commonPageBox {
background-image: url("@/static/icon/mine_bg.png");
// background-image: url("@/static/icon/mine_bg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: linear-gradient(-60deg, #fdf0ed 0%, #bfe3f0 40%, #e4eefa 60%, #bfe3f0 80%, #fdf0ed 100%);
// background-color: #d8f8e4 !important;
}
.chong_zhi {
@@ -703,19 +688,19 @@ export default {
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
// flex-direction: column;
.zhanghu {
font-size: 40rpx;
width: 120rpx;
margin-top: 20rpx;
width: 200rpx;
// margin-top: 20rpx;
margin-bottom: 0rpx;
text-align: center;
display: flex;
align-items: center;
// justify-content: space-around;
image {
width: 40rpx;
height: 40rpx;
width: 100rpx;
height: 100rpx;
}
}
}
@@ -724,13 +709,13 @@ export default {
.time {
color: #fff;
padding: 4rpx 20rpx;
font-size: 26rpx;
border-radius: 20rpx;
background: linear-gradient(
to right,
#56B0CE 0%,
#6DDAEA 100%
) !important;
font-size: 28rpx;
border-radius: 20rpx;
// background: linear-gradient(
// to right,
// #56B0CE 0%,
// #6DDAEA 100%
// ) !important;
}
}
.chong_list {
@@ -762,11 +747,11 @@ export default {
}
.chong_btn {
position: absolute;
// position: absolute;
font-size: 26rpx;
display: block;
top: 0px;
right: 0px;
// top: 0px;
// right: 0px;
float: right;
border-radius: 50rpx;
color: #fffbf6;
@@ -782,7 +767,7 @@ export default {
border-radius: 20rpx !important;
margin: 0 20rpx;
// padding:0 40rpx;
background: #E2F5FA;
background: #f0f9fb;
.nav_list {
background-color: #b7e0e2;
@@ -824,7 +809,7 @@ export default {
}
.box_fillet {
border-radius: 40rpx;
border-radius: 20rpx;
overflow: hidden;
@@ -833,34 +818,30 @@ export default {
.chongzhi_box {
position: relative;
width: calc(100% - 320rpx);
width: 100%;
height: 100%;
float: left;
// float: left;
padding: 30rpx 20rpx 10rpx;
background-color: #E2F5FA;
background-color: #f0f9fb;
border-radius: 20rpx;
}
.vip_box {
padding: 0;
float: right;
margin-bottom: 32rpx;
padding: 0;
position: relative;
width: 300rpx;
width: 100%;
height: 100%;
border-radius: 20rx;
// background: rgba(255, 255, 255, 0.85);
// padding: 30rpx 20rpx 10rpx;
// background-color: $themeBgColor;
border-radius: 20rx;
background-image: linear-gradient(60deg, #8265f9 30%, #016dea 100%);
// @include themeBorder(6rpx, 20rpx, #258feb, #a6d8dc);
@include themeBorder(
10rpx,
20rpx,
(
linear-gradient(#DDF2FC, #BFDDF2),
linear-gradient(to bottom left, #D5EDF8, #a6d8dc)
)
);
// @include themeBorder(
// 10rpx,
// 20rpx,
// (
// linear-gradient(#DDF2FC, #BFDDF2),
// linear-gradient(to bottom left, #D5EDF8, #a6d8dc)
// )
// );
.zhanghu {
font-size: 80rpx;
@@ -990,16 +971,13 @@ uni-page-body {
}
.user_vip {
z-index:1;
color: #fff;
font-size: 24rpx;
width: auto;
padding: 4rpx 10rpx;
font-weight: 800;
border-radius: 20rpx;
background: linear-gradient(
to right,
rgb(204, 229, 244) 0%,
rgb(197, 227, 215) 100%
);
background: linear-gradient(60deg, #8265f9 30%, #016dea 100%);
}
.super {
background: linear-gradient(to right, #5bc9c1 0%, #258feb 100%);