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

tuisong

Browse Source
This commit is contained in:
始于初见
2024-07-13 10:45:20 +08:00
parent 41d03fb4ce
commit 772624ba9b
89 changed files with 9184 additions and 8147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -25,20 +25,16 @@
<view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
<view class="per_mes">
<view style="display: flex;align-items: center;flex-direction: column;">
<image
@click="goUserInfo"
:src="userMes.avatar"
v-if="userMes.avatar != null"
class="per_mes_img color_shandow"
></image>
<view class="user_vip_box">
<view v-if="userMes.vip == 1" class="user_vip super">超级VIP</view>
<view v-if="userMes.vip == 3" class="user_vip">众妙之门VIP</view>
<view v-if="userMes.vip == 2" class="user_vip">吴门医述VIP</view>
<view
style="display: flex; align-items: center; flex-direction: column"
>
<image
@click="goUserInfo"
:src="userMes.avatar"
v-if="userMes.avatar != null"
class="per_mes_img color_shandow"
></image>
</view>
</view>
<image
src="@/static/icon/home_icon_logo.png"
@@ -46,20 +42,47 @@
class="per_mes_img color_shandow"
></image>
<view class="userInfoBox" style="width: calc(100% - 220rpx);">
<template>
<view class="name"
>昵称：{{ userMes.nickname ? userMes.nickname : "未设置" }}</view
>
</template>
<view class="userInfoBox" style="width: calc(100% - 120rpx)">
<view class="name"
>昵称：{{ userMes.nickname ? userMes.nickname : "未设置" }}</view
>
<view
class="name"
v-if="!userMes.userVip"
style="
font-size: 28rpx;
font-weight: 500;
color: #606266 !important;
"
>普通用户</view
>
<template v-if="userMes.tel">
<view class="phone">手机号：({{ userMes.tel }})</view>
</template>
<template v-if="userMes.email">
<view class="phone email">邮箱({{ userMes.email }})</view>
</template>
<view style="display: flex; align-items: center" v-else-if="userMes.userVip&&$platform=='ios'">
<view class="user_vip_box1">
<view v-if="userMes.vip == 1" class="user_vip super user_vip_super"
>超级VIP</view
>
<view v-if="userMes.vip == 3" class="user_vip user_vip_zmzm">众妙之门VIP</view>
<view v-if="userMes.vip == 2" class="user_vip user_vip_wumen">吴门医述VIP</view>
</view>
<view class="viptime" v-if="userMes.vip != 0"
>会员时长：{{
userMes.userVip.endTime.split(" ")[0]
}}&nbsp;到期</view
>
</view>
<!-- -->
<!-- <view class="phone" v-if="userMes.tel">手机号：({{ userMes.tel }})</view>
<view class="phone email" v-if="userMes.email">邮箱({{ userMes.email }})</view>
-->
<!-- <text class="tong">累计读书5本
<span style="margin: 0 20upx;">|</span> 今日读50分钟
</text> -->
@@ -82,11 +105,154 @@
</text>
<b class="kt_btn" @click="onPageJump('./opeVip')">立即续费</b>
</view> -->
<view
v-if="$platform=='android'"
style="
padding: 20rpx 20rpx 0;
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
"
>
<template >
<view
v-if="!userMes.userVip"
:class="`chong_zhi boxShadow box_fillet vip_box`"
@click="onPageJump('/pages/mine/vip/index')"
>
<view class="noVip">
<view class="zhanghu PM_font" style="text-align: center">
<image
class="vip_image"
src="@/static/icon/mine_p.png"
mode="aspectFit"
>
</image>
<text style="color: #452808; letter-spacing: 2rpx">超级VIP</text>
</view>
<view style="margin-left: 20rpx">加入会员，畅享更多专属权益</view>
<view class="right_arrow" style="color: #fff">
<!-- <image src="@/static/icon/mine_p.png" mode="aspectFit"> </image> -->
>
</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>
</swiper-item>
</swiper> -->
</view>
</view>
<view
v-else
:class="`chong_zhi boxShadow box_fillet vip_box hasVipBox ${
userMes.vip == 1
? 'hasVipSuper'
: userMes.vip == 2
? 'hasVipWumen'
: userMes.vip == 3
? 'hasVipZmZm'
: ''
}`"
@click="onPageJump('/pages/mine/vip/index')"
>
<view class="current_identity">当前身份</view>
<view class="hasVip" style="position: relative">
<view class="zhanghu" style="text-align: center">
<view class="vbg" v-if="userMes.vip == 2 || userMes.vip == 3"
>V</view
>
<image
v-if="userMes.vip == 1"
class="vip_image"
src="@/static/icon/quanyi.png"
mode="aspectFit"
>
</image>
<!-- <image
v-if="userMes.vip == 3"
class="vip_image"
src="@/static/icon/quanyiZM.png"
mode="aspectFit"
>
</image>
<image
v-if="userMes.vip == 2"
class="vip_image"
src="@/static/icon/quanyi.png"
mode="aspectFit"
>
</image> -->
<view v-if="userMes.vip == 1" class="vip_info">
<view class="PM_font vip_name">超级VIP</view>
</view>
<view v-if="userMes.vip == 3" class="vip_info">
<view class="PM_font vip_name">众妙之门VIP</view>
</view>
<view v-if="userMes.vip == 2" class="vip_info">
<view class="PM_font vip_name">吴门医述VIP</view>
</view>
<view class="viptime"
>会员时长：{{
userMes.userVip.endTime.split(" ")[0]
}}&nbsp;到期</view
>
</view>
<view class="zhanghu quanyi" style="text-align: center">
<!-- <image
class="vip_image"
src="@/static/icon/quanyi.png"
mode="aspectFit"
>
</image> -->
<view v-if="userMes.vip == 1" class="vip_info vip_info_bottom">
<view style="color: #d33b1b">尊享 5 项专属特权</view>
<view class="xufei">立即续费</view>
</view>
<view v-if="userMes.vip == 2" class="vip_info vip_info_bottom">
<view style="">尊享 4 项专属特权,</view>
<view class="xufei">立即续费</view>
</view>
<view v-if="userMes.vip == 3" class="vip_info vip_info_bottom">
<view style="">尊享 4 项专属特权</view>
<view class="xufei">立即续费</view>
</view>
</view>
</view>
</view>
</template>
</view>
<view
style="
padding: 20rpx;
height: 220rpx;
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
@@ -181,68 +347,8 @@
>
</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" style="position: relative;">
<view class="zhanghu " style="padding-top: 20rpx;text-align: center">
<image
class="vip_image"
src="@/static/icon/quanyi.png"
mode="aspectFit"
>
</image>
<text class="PM_font">VIP</text>
<view class="viptime" v-if="userMes.vip!=0"
>{{ userMes.userVip.endTime.split(" ")[0] }}&nbsp;到期</view
>
</view>
<view class="PM_font xufei"
>立即续费</view
>
</view>
</view>
</view>
<view class="list_box order_box">
<view class="xiugai boxShadow box_fillet">
<view class="title">我的订单</view>
@@ -257,7 +363,7 @@
<image
:src="v.imgUrl"
mode="aspectFill"
style="width: 59rpx; height: 59rpx"
style="width: 58rpx; height: 58rpx"
></image
><u-badge
type="error"
@@ -646,13 +752,12 @@ export default {
});
}
},
goOrderList(url, type, index) { uni.setStorageSync("orderStatus", index);
goOrderList(url, type, index) {
uni.setStorageSync("orderStatus", index);
console.log("url at line 644:", url);
uni.switchTab({
url: url,
success: function (res) {
},
success: function (res) {},
});
},
switchTab(url) {
@@ -742,7 +847,7 @@ export default {
.per_mes {
// height: 200rpx;
position: relative;
margin: 0rpx 40rpx 60rpx 40rpx;
margin: 0rpx 20rpx 0rpx 20rpx;
align-items: center;
display: flex;
align-items: center;
@@ -750,10 +855,10 @@ export default {
.per_mes_img {
// @include themeBorder(10rpx,10rpx,#4E79A3, #A6D8DC);
width: 140rpx;
height: 140rpx;
width: 90rpx;
height: 90rpx;
// background-color: #fff;
border-radius: 140rpx;
border-radius: 90rpx;
margin: 0 0 0 0;
float: left;
}
@@ -766,12 +871,13 @@ export default {
width: 100%;
// display: inline-block;
font-weight: bold;
font-size: 38upx;
font-size: 30rpx;
margin-bottom: 10rpx;
color: #333 !important;
}
.phone { font-weight: bold;
.phone {
font-weight: bold;
font-size: 28rpx;
color: #333;
}
@@ -843,7 +949,7 @@ export default {
.zhanghu {
width: 100%;
margin-bottom: 10rpx;
font-size: 44rpx;
// line-height: 80rpx;
font-weight: bold;
display: flex;
@@ -857,12 +963,14 @@ export default {
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
padding: 0 20rpx;
// justify-content: space-between;
// flex-direction: column;
.zhanghu {
font-size: 40rpx;
width: 120rpx;
margin-top: 20rpx;
font-size: 42rpx;
width: auto;
display: inline-block;
// margin-top: 20rpx;
margin-bottom: 0rpx;
text-align: center;
display: flex;
@@ -871,19 +979,18 @@ export default {
image {
width: 40rpx;
height: 40rpx;
margin-right: 10rpx;
}
}
}
.hasVip {
}
.chong_list {
display: flex;
align-items: center;
font-size: 30rpx;
justify-content: space-between;
margin-bottom: 40rpx;
// margin-bottom: 40rpx;
.left {
display: flex;
align-items: center;
@@ -897,7 +1004,7 @@ export default {
color: $themeColor;
.text {
font-size: 28rpx;
font-size: 30rpx;
display: block;
font-weight: 700;
// margin: 0 0 10rpx 0;
@@ -910,8 +1017,8 @@ export default {
position: absolute;
font-size: 26rpx;
display: block;
top: 0px;
right: 0px;
// top: 0px;
right: 20rpx;
float: right;
border-radius: 50rpx;
color: #fffbf6;
@@ -978,34 +1085,39 @@ export default {
.chongzhi_box {
position: relative;
width: calc(100% - 320rpx);
width: calc(100%);
height: 100%;
float: left;
padding: 30rpx 20rpx 10rpx;
padding: 20rpx 20rpx;
background-color: #edf6f5ad;
border-radius: 20rpx;
}
.vip_box {
padding: 0;
padding: 20rpx 0;
float: right;
position: relative;
width: 300rpx;
height: 100%;
border-radius: 20rx;
width: 100%;
height: auto;
border-radius: 10rx !important;
// background: rgba(255, 255, 255, 0.85);
// padding: 30rpx 20rpx 10rpx;
// background-color: $themeBgColor;
// @include themeBorder(6rpx, 20rpx, #3ab3ae, #a6d8dc);
@include themeBorder(
10rpx,
20rpx,
(
linear-gradient(#edf6f5ad, #edf6f5ad),
linear-gradient(to bottom left, #bed1b1, #a6d8dc)
)
);
// #FFE9BB
background-image: linear-gradient(80deg, #eaeff2 0%, #c2d0db 100%);
.PM_font {
color: #476379;
}
// @include themeBorder(
// 10rpx,
// 20rpx,
// (
// linear-gradient(#edf6f5ad, #edf6f5ad),
// linear-gradient(to bottom left, #bed1b1, #a6d8dc)
// )
// );
.zhanghu {
font-size: 80rpx;
@@ -1057,7 +1169,7 @@ uni-page-body {
align-items: center;
// width: 80rpx;
// height: 80rpx;
padding: 8rpx;
padding: 0;
box-sizing: border-box;
font-weight: bold;
// float: left;
@@ -1127,9 +1239,9 @@ uni-page-body {
.user_vip_box {
z-index: 10;
// min-width: 130rpx;
margin-top:-20rpx ;
// margin-top: -20rpx;
// position: absolute;
bottom: -20rpx;
// bottom: -20rpx;
display: flex;
align-items: center;
justify-content: center;
@@ -1137,18 +1249,38 @@ margin-top:-20rpx ;
.user_vip {
font-size: 24rpx;
width: auto;
padding: 4rpx 10rpx;
padding: 1rpx 20rpx;
font-weight: 800;
border-radius: 20rpx;
background: linear-gradient(
to right,
rgb(204, 229, 244) 0%,
rgb(197, 227, 215) 100%
);
border-radius: 40rpx;
// background: linear-gradient(
// to right,
// rgb(204, 229, 244) 0%,
// rgb(197, 227, 215) 100%
// );
}
.user_vip_box1{
.user_vip{
// padding: 0;
font-size: 20rpx;
margin-right: 10rpx;
}
.user_vip_super{
background-image: linear-gradient(90deg, #fff0dc 0%, #f8e483 100%);
}
.user_vip_wumen{
background-image: linear-gradient(90deg, #c4e8fe 0%, #60bcff 100%);
}
.user_vip_zmzm{
background-image: linear-gradient(90deg, #aff7d6 0%, #edf5f1 100%);
}
}
.super {
background: linear-gradient(to right, #5bc9c1 0%, #268798 100%);
color: #f4f2e4;
// background: linear-gradient(to right, #fff0dc 0%, #f8e483 100%);
color: #f4a04c;
}
.cate_box {
width: 100%;
@@ -1165,7 +1297,7 @@ margin-top:-20rpx ;
display: flex;
align-items: center;
justify-content: space-around;
padding: 20rpx 0rpx 40rpx;
padding: 5rpx 0rpx 20rpx;
box-sizing: border-box;
.cate_item_box {
@@ -1212,24 +1344,201 @@ margin-top:-20rpx ;
}
}
.viptime {
// padding: 15rpx 20rpx;
font-size: 24rpx;
margin-top: 4rpx;
border-radius: 50rpx;
// background: rgba(255, 255, 255, 0.65);
// color: #6d6d6d !important;
color: rgb(211, 59, 27) !important;
// margin-top: 10rpx;
line-height: 20rpx;
}
.right_arrow {
background: #4b6579;
width: 40rpx;
height: 40rpx;
border-radius: 40rpx;
display: flex;
align-items: center;
justify-content: center;
padding: 10rpx;
position: absolute;
left: 10rpx;
top: 10rpx;
// padding: 15rpx 20rpx;
font-size: 20rpx;
border-radius: 50rpx;
// background: rgba(255, 255, 255, 0.65);
color: #6D6D6D !important;
// margin-top: 10rpx;
line-height: 20rpx;
}
.xufei{
color: rgba(244, 43, 51,0.85);
font-size: 38rpz;
border-radius: 50rpx;
padding: 0rpx 20rpx;
background: rgba(255, 255, 255, 1);
}
right: 20rpx;
image {
width: 100%;
height: 100%;
}
}
.current_identity {
top: 0;
line-height: 32rpx;
position: absolute;
padding: 2rpx 10rpx;
border: 4rpx solid #fff;
border-bottom-right-radius: 20rpx;
border-top-left-radius: 20rpx;
font-size: 20rpx;
font-weight: bold;
}
.hasVipBox {
padding-top: 45rpx;
padding-bottom: 0rpx;
box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.45);
border-radius: 20rpx;
.vip_name {
font-size: 60rpx;
}
.vip_info {
display: flex;
align-items: center;
font-size: 24rpx;
padding: 0 30rpx;
}
.viptime {
text-align: left;
padding: 0 30rpx;
font-size: 24rpx;
color: #333 !important;
// margin-top: 10rpx;
font-weight: 500;
margin-bottom: 20rpx;
}
}
.vbg {
font-size: 300px;
font-weight: 800;
position: absolute;
color: #3e9d78bd !important;
right: -40rpx;
top: -10px;
}
.xufei {
position: absolute;
height: 46rpx;
right: 20rpx;
color: rgba(244, 43, 51, 0.85) !important;
font-size: 24rpx;
border-radius: 50rpx;
line-height: 46rpx;
padding: 0rpx 20rpx;
background: rgba(255, 255, 255, 1);
}
.hasVipSuper {
border: 2rpx solid #fff1ca;
background-image: linear-gradient(90deg, #fff0dc 0%, #f8e483 100%);
.current_identity {
background-color: #fdefb5;
color: #c47029;
}
.PM_font {
color: #f4a04c;
}
}
.hasVipZmZm {
// border: 2rpx solid rgb(112, 179, 177);
box-shadow: 0px 0px 5px 1px RGBA(235, 247, 243, 0.45);
background-image: linear-gradient(90deg, #aff7d6 0%, #edf5f1 100%);
// color: #38710A;
.viptime {
color: #486a65;
}
.vip_name {
letter-spacing: 1px;
}
.current_identity {
background-color: #a9ddc4;
color: #20575c;
}
.PM_font {
color: #3e9d78;
}
.viptime {
color: #9acbce;
}
.hasVip .quanyi {
border-color: #b7f6ed;
color: #ffd598;
}
.xufei {
background-image: linear-gradient(90deg, #f6dc95 0%, #ffc45e 100%);
color: #3d2700 !important;
}
.vip_info_bottom {
color: #486a65;
}
}
.hasVipWumen {
background-image: linear-gradient(90deg, #c4e8fe 0%, #60bcff 100%);
// border: 2rpx solid rgb(112, 179, 177);
box-shadow: 0px 0px 5px 1px RGBA(235, 247, 243, 0.45);
// color: #38710A;
.viptime {
color: #486a65;
}
.vip_name {
letter-spacing: 1px;
}
.current_identity {
background-color: #e8f9ff;
color: #243a61;
}
.PM_font {
color: #127dff;
}
.viptime {
color: #1d3a65;
}
.hasVip .quanyi {
border-color: #e3f7fe;
color: #ffd598;
}
.xufei {
background-image: linear-gradient(90deg, #f6dc95 0%, #ffc45e 100%);
color: #3d2700 !important;
}
.vip_info_bottom {
color: #3583C3;
}
.vbg {
color: #d1effc !important;
}
}
.hasVip {
position: relative;
display: block !important;
.zhanghu {
display: block;
}
.vip_image {
position: absolute;
right: 20rpx;
top: -20rpx;
width: 120rpx;
height: 120rpx;
// margin-right: 10rpx;
}
.zhanghu {
}
.quanyi {
border-top: 1rpx solid #f2d494;
width: 100% !important;
width: 100% !important;
}
}
.vip_info_bottom {
height: 64rpx;
}
</style>