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

热更新

Browse Source
This commit is contained in:
始于初见
2024-06-13 10:04:13 +08:00
parent e595e034dc
commit 7eaaf64a22
1180 changed files with 70026 additions and 731709 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,12 @@
<template>
<view style="padding: 0 0; font-size: 28rpx" class="commonPage commonPageBox">
<view
style="
padding: 0 0;
font-size: 28rpx;
background-color: #39b4a84d !important;
"
class="commonPage commonPageBox"
>
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<view class="bg_top">
@@ -18,24 +25,31 @@
<view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
<view class="per_mes">
<image @click="goUserInfo"
<image
@click="goUserInfo"
:src="userMes.avatar"
v-if="userMes.avatar != null"
class="per_mes_img color_shandow"
></image>
<image
<view class="user_vip_box">
<view v-if="userMes.vip == 1" class="user_vip super">超级VIP</view>
<view v-if="userMes.vip == 2" class="user_vip">众妙之门VIP</view>
<view v-if="userMes.vip == 3" class="user_vip">吴门医述VIP</view>
</view>
<image
src="@/static/icon/home_icon_logo.png"
v-if="userMes.avatar == null"
class="per_mes_img color_shandow"
></image>
<view class="userInfoBox">
<template v-if="userMes.nickname != null">
<view class="name">昵称：{{ userMes.nickname }}</view>
</template>
<template v-else>
<view class="name">未设置</view>
<view class="userInfoBox" style="width: calc(100% - 220rpx)">
<template>
<view class="name"
>昵称：{{ userMes.nickname ? userMes.nickname : "未设置" }}</view
>
</template>
<template v-if="userMes.tel">
<view class="phone">手机号：({{ userMes.tel }})</view>
</template>
@@ -65,96 +79,164 @@
</text>
<b class="kt_btn" @click="onPageJump('./opeVip')">立即续费</b>
</view> -->
<view
class="chong_zhi boxShadow box_fillet chongzhi_box"
style="padding-top: 50rpx"
style="
padding: 20rpx;
height: 200rpx;
display: flex;
align-items: center;
justify-content: space-between;
"
>
<!-- <view
<view class="chong_zhi boxShadow box_fillet chongzhi_box">
<!-- <view
class="zhanghu"
@click="onPageJump('/pages/mine/wallet/index/index')"
>
我的账户
<image src="@/static/icon/icon_right.png" class="rightArrow"></image>
</view> -->
<view class="chong_list">
<view class="left"
>
<view
class="chong_list_item"
style="
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
"
@click="onPageJump('/pages/mine/wallet/index/index')"
>
<view class="pay_item_img">
<image
<view class="chong_list">
<view class="left">
<view
class="chong_list_item"
style="
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
"
@click="onPageJump('/pages/mine/wallet/index/index')"
>
<view class="pay_item_img">
天医币<u-icon
@click.native.stop="openInfo()"
name="question-circle"
style="float: right; margin: 0 6rpx"
></u-icon>
<!-- <image
style="width: 100%; height: 100%"
src="@/static/icon/pay_3.png"
mode="aspectFil"
>
</image>
</image> -->
</view>
<view class="text" style="line-height: 40rpx; display: flex">{{
userMes.peanutCoin ? userMes.peanutCoin : 0
}}</view>
</view>
<view class="text" style="line-height: 40rpx"
>天医币&nbsp;{{ userMes.peanutCoin ? userMes.peanutCoin : 0 }}</view
<view
class="chong_list_item"
style="
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
"
@click="onPageJump('/pages/mine/wallet/jf/index')"
>
<view class="pay_item_img">
积分
<!-- <image
style="width: 100%; height: 100%"
src="@/static/icon/jifen2.png"
mode="aspectFil"
>
</image> -->
</view>
<view class="text" style="line-height: 40rpx">{{
userMes.jf ? userMes.jf : 0
}}</view>
</view>
</view>
<!-- v-if="iosHide" -->
<!-- <view v-if="iosHide" class="chong_list_item">
<b>{{ userMes.conponsCount }}</b>
优惠券
</view> -->
<!-- <b class="chong_btn" @click="onPageJump('../sdkDemo/pay')">充 值</b> -->
<view
class="chong_list_item"
style="
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
"
@click="onPageJump('/pages/mine/wallet/jf/index')"
>
<view class="pay_item_img">
<image
style="width: 100%; height: 100%"
src="@/static/icon/jifen2.png"
mode="aspectFil"
>
</image>
</view>
<view class="text" style="line-height: 40rpx"
>积分&nbsp;{{ userMes.jf ? userMes.jf : 0 }}</view
>
</view>
</view
>
<!-- v-if="iosHide" -->
<!-- <view v-if="iosHide" class="chong_list_item">
<b>{{ userMes.conponsCount }}</b>
优惠券
</view> -->
<!-- <b class="chong_btn" @click="onPageJump('../sdkDemo/pay')">充 值</b> -->
<view class="chong_list_item" style="
display: flex;
align-items: center;
margin-right:0;
margin-right: 0;
justify-content: center;
"> <view
class="chong_btn"
v-if="iosHide"
@click="onPageJump('/pages/mine/wallet/recharge/index')"
>充 值</view
></view>
"
>
<view
class="chong_btn"
v-if="iosHide"
@click="onPageJump('/pages/mine/wallet/recharge/index')"
>充 值</view
></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 class="list_box">
<view class="xiugai boxShadow box_fillet">
<common-list
@@ -163,9 +245,11 @@
label="name"
>
<template slot="rightSlot" slot-scope="slotProps">
<text class="fdButtonBox aui-text-success" style="line-height:40rpx">{{
slotProps.row.content
}}</text>
<text
class="fdButtonBox aui-text-success"
style="line-height: 40rpx"
>{{ slotProps.row.content }}</text
>
<view> </view>
</template>
@@ -215,6 +299,46 @@
<uni-popup-share @select="haveSelected"></uni-popup-share>
</uni-popup>
<u-popup :show="infoShow" mode="center" round="6" backgroundColor="#fff">
<view class="popup_box">
<view class="title">温馨提示</view>
<view class="content">
<view class="center">
&nbsp;&nbsp;&nbsp;&nbsp;【天医币】仅为我平台支付使用币种 。
一人民币=一天医币，仅为了方便用户支付使用。<br />【天医币】可以用于在我平台支付书籍或课程使用。
<br />【天医币】这个名称是为适应我们平台的定位属性，所起名称。与区块链虚拟货币无任何关系。
</view>
<view class="bottom">
<view
class="button_box"
style="
align-items: center;
justify-content: center;
"
>
<!-- <u-button
size="small"
text="不同意"
@click="protocolShow=false"
></u-button> -->
<u-button
style="width: 200rpx; float: center"
:plain="true"
text="知道啦"
color="#9b9b9b"
size="small"
@click="infoShow = false"
></u-button>
</view>
</view>
</view>
</view>
</u-popup>
<!-- <u-modal :show="infoShow" title="提示信息" :content=""></u-modal> -->
<music-play :playData="playData"></music-play>
<z-navigation></z-navigation>
</view>
@@ -228,6 +352,19 @@ import { mapState, mapMutations } from "vuex";
export default {
data() {
return {
swiperList: [
{ name: "开通会员畅享更多活动" },
{ name: "众妙之门视频" },
{
name: "吴门医述视频",
},
{ name: "专属视频视听" },
{
name: "读书相关权益",
},
{ name: "活动报名<text style='color:red'>(折扣价)</text>" },
],
infoShow: false, // 显示电子书相关
showEbook: false, // 显示电子书相关
userMes: {},
signShow: false,
@@ -304,7 +441,9 @@ export default {
//方法
methods: {
...mapMutations(["setUserInfo"]),
openInfo() {
this.infoShow = true;
},
goSetting() {
this.onPageJump("/pages/mine/set/index");
},
@@ -354,9 +493,9 @@ export default {
scene: "WXSceneSession",
type: 0,
href: this.$apkUrl,
title: "疯子读书",
summary: "我正在使用疯子读书提升自己，赶紧跟我一起来体验吧！",
imageUrl: "static/fengziIcon.jpg",
title: "众妙之门",
summary: "我正在使用众妙之门提升自己，赶紧跟我一起来体验吧！",
imageUrl: "static/icon/fengziIcon.png",
success: function (res) {
console.log("success:" + JSON.stringify(res));
},
@@ -371,9 +510,9 @@ export default {
scene: "WXSceneTimeline",
type: 0,
href: this.$apkUrl,
title: "疯子读书",
summary: "我正在使用疯子读书提升自己，赶紧跟我一起来体验吧！",
imageUrl: "static/fengziIcon.jpg",
title: "众妙之门",
summary: "我正在使用众妙之门提升自己，赶紧跟我一起来体验吧！",
imageUrl: "static/icon/fengziIcon.png",
success: function (res) {
console.log("success:" + JSON.stringify(res));
},
@@ -391,13 +530,17 @@ export default {
getData() {
// 获取个人信息
if (this.userInfo.id != undefined) {
this.$http.post("book/user/info/" + this.userInfo.id).then((res) => {
this.userMes = res.user;
if (this.userMes.vip == 1) {
this.userMes.vipValidtime = this.userMes.vipValidtime.substring(
0,
this.userMes.vipValidtime.indexOf(" ")
);
this.$http.post("common/user/getUserInfo").then((res) => {
this.userMes = res.result;
if (this.userMes.userVip) {
// console.log(
// "this.userMes.vipValidtime at line 510:",
// this.userMes.vipValidtime
// );
// this.userMes.vipValidtime = this.userMes.vipValidtime.substring(
// 0,
// this.userMes.vipValidtime.indexOf(" ")
// );
}
});
}
@@ -463,17 +606,20 @@ export default {
@import "@/style/mixin.scss";
.per_mes {
position: relative;
margin: 0rpx 40rpx 60rpx 40rpx;
align-items: center;
display: flex;
align-items: center;
justify-content: space-between;
.per_mes_img {
width: 160rpx;
height: 160rpx;
background-color: #fff;
border-radius: 160rpx;
margin: 0 30rpx 0 0;
// @include themeBorder(10rpx,10rpx,#4E79A3, #A6D8DC);
width: 140rpx;
height: 140rpx;
// background-color: #fff;
border-radius: 140rpx;
margin: 0 0 0 0;
float: left;
}
@@ -545,21 +691,24 @@ export default {
}
}
.commonPageBox {
background-color: #d8f8e4 !important;
background-image: url("@/static/icon/mine_bg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
// background-color: #d8f8e4 !important;
}
.chong_zhi {
box-shadow: none;
border-bottom-left-radius: 0rpx !important;
border-bottom-right-radius: 0rpx !important;
background-color: #d8f8e4;
// border-bottom-left-radius: 0rpx !important;
// border-bottom-right-radius: 0rpx !important;
// background-color: #d8f8e4;
// margin: 0 0 30upx 0;
padding: 0 30upx;
height: auto;
.zhanghu {
width: 100%;
margin-bottom: 40rpx;
font-size: 32upx;
margin-bottom: 10rpx;
// line-height: 80rpx;
font-weight: bold;
display: flex;
@@ -568,19 +717,54 @@ export default {
color: $themeColor;
font-weight: 700;
}
.chong_list {
.noVip {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
.zhanghu {
font-size: 40rpx;
width: 120rpx;
margin-top: 20rpx;
margin-bottom: 0rpx;
text-align: center;
display: flex;
align-items: center;
// justify-content: space-around;
image {
width: 40rpx;
height: 40rpx;
}
}
}
.hasVip {
.time {
padding: 4rpx 20rpx;
font-size: 26rpx;
border-radius: 20rpx;
background: linear-gradient(
to right,
rgb(204, 229, 244) 0%,
rgb(197, 227, 215) 100%
) !important;
}
}
.chong_list {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 60rpx;
margin-bottom: 40rpx;
.left {
display: flex;
align-items: center;
}
.chong_list_item {
width: auto;
height: 128rpx;
height: 100rpx;
margin-right: 60rpx;
text-align: center;
display: inline-block;
@@ -597,27 +781,30 @@ export default {
}
.chong_btn {
position: absolute;
font-size: 26rpx;
display: block;
top: 0px;
right: 0px;
float: right;
border-radius: 50rpx;
color: #fffbf6;
padding: 10rpx 32rpx;
// margin-top: -60rpx;
// margin: 20rpx 0 0 0;
background-image: linear-gradient(90deg, #3AB3AE 0%, #d5ecdd 200%);
background-image: linear-gradient(90deg, #3ab3ae 0%, #d5ecdd 200%);
}
}
}
.xiugai {
border-radius: 20rpx !important;
margin: 0 30rpx;
margin: 0 20rpx;
// padding:0 40rpx;
background: #edfcf7;
background: #edf6f5ad;
.nav_list {
background-color: #edfcf7;
background-color: #b7e0e2;
padding: 15rpx 0 15rpx 10rpx;
display: flex;
align-items: center;
@@ -664,8 +851,42 @@ export default {
}
.chongzhi_box {
padding: 30rpx 50rpx 10rpx;
background-color: #d8f8e4;
position: relative;
width: calc(100% - 320rpx);
height: 100%;
float: left;
padding: 30rpx 20rpx 10rpx;
background-color: #edf6f5ad;
border-radius: 20rpx;
}
.vip_box {
padding: 0;
float: right;
position: relative;
width: 300rpx;
height: 100%;
border-radius: 20rx;
// 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)
)
);
.zhanghu {
font-size: 80rpx;
text-align: center;
line-height: 100%;
margin-bottom: 0;
}
}
/deep/.scroll-view-item:nth-child(2n-1) {
@@ -673,15 +894,13 @@ export default {
}
uni-page-body {
background: #d8f8e4 !important;
// background: #d8f8e4 !important;
}
.bg_top {
background-image: url("@/static/icon/login_bg.png");
// background-position: center center;
padding: 0 30rpx;
background-repeat: no-repeat;
background-size: 100% 100%;
height: 30vh;
position: relative;
@@ -701,19 +920,107 @@ uni-page-body {
}
.list_box {
background: #d8f8e4 !important;
// background: #d8f8e4 !important;
padding: 20rpx 0;
margin-top: -10rpx;
}
.pay_item_img {
width: 80rpx;
height: 80rpx;
display: flex;
color: #333;
// color: #dac4b7;
align-items: center;
// width: 80rpx;
// height: 80rpx;
padding: 8rpx;
box-sizing: border-box;
font-weight: bold;
// float: left;
// margin-right: 20rpx;
margin: 0 auto;
margin-bottom: 10rpx;
//margin-top:-10rpx;
}
.popup_box {
padding-bottom: 20rpx;
width: 88vw;
overflow: hidden;
position: relative;
height: auto;
.title {
font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
font-weight: normal;
font-size: 46rpx;
color: $themeColor;
background-color: #f5f5f5;
// line-height: 46rpx;
padding: 20rpx;
// border-leradius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.content {
font-size: 26rpx;
letter-spacing: 0.15rpx;
padding: 20rpx;
color: #3f3f3f;
.top {
margin: 30rpx 0;
}
.center {
line-height: 40rpx;
// padding:0 10rpx;
}
.bottom {
width: 100%;
margin-top: 60rpx;
font-size: 24rpx;
line-height: 26rpx;
color: #b0b0b0;
}
}
.button_box {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20rpx;
.u-button {
margin-left: 40rpx;
}
.u-button:nth-child(1) {
margin-left: 0;
}
}
}
.user_vip_box {
min-width: 130rpx;
position: absolute;
bottom: -20rpx;
display: flex;
align-items: center;
justify-content: center;
}
.user_vip {
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%
);
}
.super {
background: linear-gradient(to right, #5bc9c1 0%, #268798 100%);
color: #f4f2e4;
}
</style>