20240517
This commit is contained in:
@@ -1,8 +1,5 @@
|
||||
<template>
|
||||
<view
|
||||
style="padding: 0 0; font-size: 28rpx; "
|
||||
class="commonPage commonPageBox"
|
||||
>
|
||||
<view style="padding: 0 0; font-size: 28rpx" class="commonPage commonPageBox">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
<view class="bg_top">
|
||||
@@ -19,15 +16,15 @@
|
||||
></u-icon>
|
||||
</view>
|
||||
|
||||
<view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
|
||||
<view class="per_mes" @click="goUserInfo">
|
||||
<image
|
||||
<view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
|
||||
<view class="per_mes">
|
||||
<image @click="goUserInfo"
|
||||
:src="userMes.avatar"
|
||||
v-if="userMes.avatar != null"
|
||||
class="per_mes_img color_shandow"
|
||||
></image>
|
||||
<image
|
||||
src="@/static/icon/home_icon_1.png"
|
||||
<image
|
||||
src="@/static/icon/home_icon_logo.png"
|
||||
v-if="userMes.avatar == null"
|
||||
class="per_mes_img color_shandow"
|
||||
></image>
|
||||
@@ -69,7 +66,10 @@
|
||||
<b class="kt_btn" @click="onPageJump('./opeVip')">立即续费</b>
|
||||
</view> -->
|
||||
|
||||
<view class="chong_zhi boxShadow box_fillet chongzhi_box" style="padding-top: 50rpx;">
|
||||
<view
|
||||
class="chong_zhi boxShadow box_fillet chongzhi_box"
|
||||
style="padding-top: 50rpx"
|
||||
>
|
||||
<!-- <view
|
||||
class="zhanghu"
|
||||
@click="onPageJump('/pages/mine/wallet/index/index')"
|
||||
@@ -78,81 +78,128 @@
|
||||
<image src="@/static/icon/icon_right.png" class="rightArrow"></image>
|
||||
</view> -->
|
||||
<view class="chong_list">
|
||||
|
||||
<!-- v-if="iosHide" -->
|
||||
<view class="chong_list_item" @click="onPageJump('/pages/mine/wallet/index/index')">
|
||||
<uni-icons
|
||||
type="wallet-filled"
|
||||
size="40"
|
||||
color="#3ab3ae"
|
||||
></uni-icons>
|
||||
<view class="text"
|
||||
>天医币 {{
|
||||
userMes.peanutCoin ? userMes.peanutCoin : ""
|
||||
}}</view
|
||||
<view class="left"
|
||||
>
|
||||
</view>
|
||||
|
||||
|
||||
<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
|
||||
style="width: 100%; height: 100%"
|
||||
src="@/static/icon/pay_3.png"
|
||||
mode="aspectFil"
|
||||
>
|
||||
</image>
|
||||
</view>
|
||||
|
||||
<view class="text" style="line-height: 40rpx"
|
||||
>天医币 {{ userMes.peanutCoin ? userMes.peanutCoin : 0 }}</view
|
||||
>
|
||||
</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> -->
|
||||
<b
|
||||
<view class="chong_list_item" style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right:0;
|
||||
justify-content: center;
|
||||
"> <view
|
||||
class="chong_btn"
|
||||
v-if="iosHide"
|
||||
@click="onPageJump('/pages/mine/wallet/recharge/index')"
|
||||
>充 值</b
|
||||
>
|
||||
>充 值</view
|
||||
></view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="list_box">
|
||||
<view class="xiugai boxShadow box_fillet">
|
||||
|
||||
<common-list
|
||||
:dataList="pageList"
|
||||
@hancleClick="handleClickTab"
|
||||
label="name"
|
||||
>
|
||||
<template slot="rightSlot" slot-scope="slotProps">
|
||||
<text class="fdButtonBox aui-text-success">{{
|
||||
slotProps.row.content
|
||||
}}</text>
|
||||
<view class="list_box">
|
||||
<view class="xiugai boxShadow box_fillet">
|
||||
<common-list
|
||||
:dataList="pageList"
|
||||
@hancleClick="handleClickTab"
|
||||
label="name"
|
||||
>
|
||||
<template slot="rightSlot" slot-scope="slotProps">
|
||||
<text class="fdButtonBox aui-text-success" style="line-height:40rpx">{{
|
||||
slotProps.row.content
|
||||
}}</text>
|
||||
|
||||
<view> </view>
|
||||
</template>
|
||||
</common-list>
|
||||
<view> </view>
|
||||
</template>
|
||||
</common-list>
|
||||
|
||||
<!-- <view class="nav_list" @click="onPageJump('../clock/clockList')">
|
||||
<!-- <view class="nav_list" @click="onPageJump('../clock/clockList')">
|
||||
<text>我的打卡</text>
|
||||
</view> -->
|
||||
<!-- <view class="nav_list" @click="onPageJump('../listen/home')" v-if="iosHide">
|
||||
<!-- <view class="nav_list" @click="onPageJump('../listen/home')" v-if="iosHide">
|
||||
<text>我的听书</text>
|
||||
</view> -->
|
||||
<!-- 暂时去掉 -->
|
||||
<!-- <view class="nav_list" @click="onPageJump('../listen/setListen')" v-if="iosHide">
|
||||
<!-- 暂时去掉 -->
|
||||
<!-- <view class="nav_list" @click="onPageJump('../listen/setListen')" v-if="iosHide">
|
||||
<text>听书设置</text>
|
||||
</view> -->
|
||||
<!-- <view class="nav_list" @click="onPageJump('../peanut/myComments')">
|
||||
<!-- <view class="nav_list" @click="onPageJump('../peanut/myComments')">
|
||||
<text>我的评价</text>
|
||||
</view> -->
|
||||
|
||||
<!-- 暂时去掉 -->
|
||||
<!-- 暂时去掉 -->
|
||||
|
||||
<!-- <view v-if="showEbook" class="nav_list" @click="onPageJump('../eBook/bookBuy')">
|
||||
<!-- <view v-if="showEbook" class="nav_list" @click="onPageJump('../eBook/bookBuy')">
|
||||
<text>电子书购买记录</text>
|
||||
</view> -->
|
||||
<!-- <view v-if="showEbook" class="nav_list" @click="onPageJump('../eBook/bookRecord')">
|
||||
<!-- <view v-if="showEbook" class="nav_list" @click="onPageJump('../eBook/bookRecord')">
|
||||
<text>阅读记录</text>
|
||||
</view> -->
|
||||
|
||||
<!-- <view class="nav_list" @click="onGoing()">
|
||||
<!-- <view class="nav_list" @click="onGoing()">
|
||||
<text>帮助与反馈11111</text>
|
||||
</view> -->
|
||||
<!-- <view class="nav_list" @click="newOnShare" v-if="isAndorid"> -->
|
||||
<!-- <view class="nav_list" @click="newOnShare" v-if="isAndorid"> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<u-modal
|
||||
@@ -191,8 +238,9 @@ export default {
|
||||
pageList: [
|
||||
{
|
||||
name: "我的订单",
|
||||
url: "../bookShop/orderList",
|
||||
type: "pageJump",
|
||||
url: "/pages/bookShop/orderList?type=mine",
|
||||
|
||||
type: "switchTab",
|
||||
},
|
||||
// {
|
||||
// name: "购物车",
|
||||
@@ -202,11 +250,12 @@ export default {
|
||||
{
|
||||
name: "个人资料",
|
||||
url: "/pages/mine/userInfo/persData",
|
||||
|
||||
type: "pageJump",
|
||||
},
|
||||
{
|
||||
name: "地址管理",
|
||||
url: "../user/address",
|
||||
url: "/pages/component/commonComponents/address/index?type=mine",
|
||||
type: "pageJump",
|
||||
},
|
||||
|
||||
@@ -241,10 +290,14 @@ export default {
|
||||
},
|
||||
//页面显示
|
||||
onShow() {
|
||||
console.log(this.userInfo, "11111111111111");
|
||||
// 隐藏原生的tabbar
|
||||
// uni.hideTabBar();
|
||||
this.getData();
|
||||
},
|
||||
async onTabItemTap() {
|
||||
this.getData();
|
||||
},
|
||||
components: {
|
||||
musicPlay,
|
||||
},
|
||||
@@ -259,11 +312,14 @@ export default {
|
||||
this.onPageJump("/pages/mine/userInfo/persData");
|
||||
},
|
||||
handleClickTab(v) {
|
||||
console.log('v at line 259:', v)
|
||||
console.log("v at line 259:", v);
|
||||
switch (v.type) {
|
||||
case "pageJump":
|
||||
this.onPageJump(v.url);
|
||||
break;
|
||||
case "switchTab":
|
||||
this.switchTab(v.url);
|
||||
break;
|
||||
case "share":
|
||||
//分享
|
||||
this.newOnShare();
|
||||
@@ -435,7 +491,7 @@ export default {
|
||||
}
|
||||
|
||||
.phone {
|
||||
font-size: 24rpx;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -488,14 +544,14 @@ export default {
|
||||
background-image: linear-gradient(90deg, #dfa964 0%, #7f5218 100%);
|
||||
}
|
||||
}
|
||||
.commonPageBox{
|
||||
background-color: #d8f8e4 !important;
|
||||
.commonPageBox {
|
||||
background-color: #d8f8e4 !important;
|
||||
}
|
||||
.chong_zhi {
|
||||
box-shadow: none;
|
||||
border-bottom-left-radius: 0rpx !important;
|
||||
border-bottom-right-radius: 0rpx !important;
|
||||
background-color: #d8f8e4 ;
|
||||
background-color: #d8f8e4;
|
||||
// margin: 0 0 30upx 0;
|
||||
padding: 0 30upx;
|
||||
height: auto;
|
||||
@@ -514,9 +570,17 @@ export default {
|
||||
}
|
||||
|
||||
.chong_list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 60rpx;
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.chong_list_item {
|
||||
width: auto;
|
||||
height: 120rpx;
|
||||
height: 128rpx;
|
||||
margin-right: 60rpx;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
@@ -539,8 +603,9 @@ export default {
|
||||
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%);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -600,7 +665,7 @@ export default {
|
||||
|
||||
.chongzhi_box {
|
||||
padding: 30rpx 50rpx 10rpx;
|
||||
background-color: #d8f8e4 ;
|
||||
background-color: #d8f8e4;
|
||||
}
|
||||
|
||||
/deep/.scroll-view-item:nth-child(2n-1) {
|
||||
@@ -608,7 +673,7 @@ export default {
|
||||
}
|
||||
|
||||
uni-page-body {
|
||||
background: #d8f8e4 !important;
|
||||
background: #d8f8e4 !important;
|
||||
}
|
||||
|
||||
.bg_top {
|
||||
@@ -617,7 +682,7 @@ uni-page-body {
|
||||
padding: 0 30rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
height: 45vh;
|
||||
height: 30vh;
|
||||
position: relative;
|
||||
|
||||
.setIcon {
|
||||
@@ -635,12 +700,20 @@ uni-page-body {
|
||||
padding: 0 0rpx;
|
||||
}
|
||||
|
||||
|
||||
.list_box{
|
||||
background: #d8f8e4 !important;
|
||||
.list_box {
|
||||
background: #d8f8e4 !important;
|
||||
padding: 20rpx 0;
|
||||
margin-top: -10rpx;
|
||||
|
||||
}
|
||||
|
||||
.pay_item_img {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
padding: 8rpx;
|
||||
box-sizing: border-box;
|
||||
// float: left;
|
||||
// margin-right: 20rpx;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 10rpx;
|
||||
//margin-top:-10rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user