<template>
	<view class="page" :style="themeColor">
		<!---flex布局flex布局开始-->
		<!-- #ifdef H5 -->
		<view style="height: 60rpx;width: 100%;"></view>
		<!-- #endif -->

		<!-- #ifndef MP-WEIXIN -->
		<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_0"
			:style="{ paddingTop: StatusBar + 'px' }">
			<!-- #endif -->
			<!-- #ifdef MP-WEIXIN -->
			<view class="flex justify-between flex-wrap align-stretch benben-flex-layout myPage_flex_0"
				:style="{ paddingTop: CustomBar + 10 + 'px' }">
				<!-- #endif -->
				<view class="flex align-center" style="color: #121212; font-size: 36rpx;margin-left: 68rpx;">我的</view>
				<view class='flex flex-wrap align-center justify-end myPage_fd0_0'>
					<!-- #ifdef MP-WEIXIN -->
					<view v-if="isLogin && userInfo.show_mallbook_deposit == 1"
						class='flex flex-wrap align-center myPage_fd0_0_c0' @tap.stop="handleJumpDiy"
						data-type="navigateTo" :data-url="`/pages/my/recharge/index`">
						<image class='myPage_fd0_0_c1_c0' mode="aspectFit" src='/static/recharge.png'></image>
					</view>
					<!-- #endif -->
					<view class="" style="margin-right: 36rpx;">
						<view class='flex flex-wrap align-center myPage_fd0_0_c0' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/my/myMessage/myMessage`">
							<benben-message-num class='myPage_fd0_0_c0_c0' size='24' color='#fff'
								background-color='red'>
							</benben-message-num>
							<!-- <image class='myPage_fd0_0_c0_c1' mode="aspectFit" :src='STATIC_URL+"4.png"'></image> -->
							<image class='myPage_fd0_0_c0_c1' mode="aspectFit" :src='STATIC_URL + "my_notify_icon.png"'>
							</image>
						</view>
						<view class="">消息</view>
					</view>

					<view class="">
						<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/xtsz/systemSettings/systemSettings`">
							<!-- <image class='myPage_fd0_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"3.png"'></image> -->
							<image class='myPage_fd0_0_c1_c0' mode="aspectFit"
								:src='STATIC_URL + "my_setting_icon.png"'>
							</image>
						</view>
						<view class="">设置</view>
					</view>

				</view>
			</view>

			<view class="myPage_user">
				<view class='flex flex-wrap align-center justify-between flex-sub myPage_fd0_1'
					@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/`">
					<view class='flex flex-wrap align-center flex-sub' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/my/myProfile/myProfile`" style="padding-left: 40rpx;">
						<view class='flex flex-wrap align-center'>
							<image class='myPage_fd0_1_c0_c0_c0' mode="aspectFill"
								:src="userInfo.avatar ? userInfo.avatar : '/static/logout.png'"></image>
						</view>
						<view class='flex flex-direction flex-wrap align-start myPage_fd0_1_c0_c1'>
							<view class='flex flex-wrap align-center'>
								<view class='flex flex-wrap align-center'>
									<text class='myPage_fd0_1_c0_c1_c0_c0_c0'>{{ userInfo.nickname ? userInfo.nickname :
										'登录' }}</text>
								</view>
							</view>
						</view>
					</view>
					<view class='flex flex-wrap align-center justify-center myPage_fd0_1_c1' @tap.stop="handleJumpDiy"
						data-type="navigateTo" :data-url="`/pages/xtsz/payCode/payCode`">
						<image class='myPage_fd0_1_c1_c1' mode="aspectFit" :src='STATIC_URL + "my_pay_ercode.png"' style="margin-right: 10rpx;width:32rpx;height:32rpx;"></image>
						<text class='myPage_fd0_1_c1_c0'>付款码</text>
						<!-- <image class='myPage_fd0_1_c1_c1' mode="aspectFit" :src='STATIC_URL+"150.png"'></image> -->
					</view>
				</view>

				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout ">
					<view class='flex flex-wrap align-center justify-around myPage_fd1_0'>
						<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/my/pointsDetails/pointsDetails`">
							<view class='flex flex-wrap align-center'>
								<text class='myPage_fd1_0_c0_c0_c0'>{{ userInfo.score || '0' }}</text>
							</view>
							<text class='myPage_fd1_0_c0_c1'>抵用券</text>
						</view>
						<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleJumpDiy"
							data-type="navigateTo" :data-url="`/pages/my/contributionValue/contributionValue`">
							<view class='flex flex-wrap align-center'>
								<text class='myPage_fd1_0_c1_c0_c0'>{{ userInfo.freeze_score || '0' }}</text>
							</view>
							<text class='myPage_fd1_0_c1_c1'>积分</text>
						</view>
						<view class='flex flex-direction flex-wrap align-center'>
							<view class='flex flex-wrap align-center'>
								<text class='myPage_fd1_0_c2_c0_c0'>{{ userInfo.count_score || '0' }}</text>
							</view>
							<text class='myPage_fd1_0_c2_c1'>累计抵用券</text>
						</view>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->

			<benben-popup v-model="popupShow1684232220791" :mask="true" mode='center'>
				<!---flex布局flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_2">
					<!-- #ifndef MP-WEIXIN -->
					<view class='flex flex-direction-row-reverse flex-wrap align-center'>
						<image class='myPage_fd2_0_c0' :src='STATIC_URL + "151.png"'
							@tap.stop="popupShow1684232220791 = false"></image>
					</view>
					<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<view class='flex flex-wrap align-center'>
						<image class='myPage_fd2_0_c0' :src='STATIC_URL + "151.png"'
							@tap.stop="popupShow1684232220791 = false"></image>
					</view>
					<!-- #endif -->
					<view class='flex flex-direction flex-wrap align-stretch myPage_fd2_1'>
						<view class='flex flex-direction flex-wrap align-stretch myPage_fd2_1_c0'>
							<view class='flex flex-wrap align-center justify-center'>
								<image class='myPage_fd2_1_c0_c0_c0' mode="aspectFill" :src='userInfo.invite_url'>
								</image>
							</view>
							<view class="flex flex-wrap align-center justify-center margin-top-sm">
								邀请码：{{ userInfo.invite_code }}</view>
							<view class='flex flex-wrap align-center justify-center myPage_fd2_1_c0_c1'>
								<image class='myPage_fd2_1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL + "155.png"'
									@tap.stop="handleJumpDiy" data-type="navigateTo"
									:data-url="`/pages/my/invite-code/index`"></image>
								<!-- #ifdef MP-WEIXIN -->
								<button class="share" open-type="share"></button>
								<!-- #endif -->
								<!-- #ifndef MP-WEIXIN -->
								<!-- <button v-if="userInfo.share_url" class="share" @tap="handleShareWx">分享好友</button> -->
								<image v-if="userInfo.share_url" class='myPage_fd2_1_c0_c1_c1' mode="aspectFit"
									:src='STATIC_URL + "156.png"' @tap="handleShareWx"></image>
								<!-- #endif -->

							</view>
						</view>
						<view class='flex flex-direction flex-wrap align-stretch myPage_fd2_1_c1'>
							<view class='flex flex-wrap align-center justify-center'>
								<text class='myPage_fd2_1_c1_c0_c0'>萬家排行榜</text>
							</view>
							<view class='flex flex-wrap align-center justify-between myPage_fd2_1_c1_c1'>
								<text class='myPage_fd2_1_c1_c1_c0 text-center'>昵称</text>
								<text class='myPage_fd2_1_c1_c1_c1 text-center'>联系方式</text>
								<text class='myPage_fd2_1_c1_c1_c2 text-center'>邀请数</text>
							</view>
							<view class='flex flex-direction flex-wrap align-stretch'>
								<view class='flex flex-wrap align-center justify-between myPage_fd2_1_c1_c2_c0'
									v-for="(item, index) in rankList" :key="index">
									<view class='myPage_fd2_1_c1_c2_c0_c0 text-center'>{{ item.nickname }}</view>
									<view class='myPage_fd2_1_c1_c2_c0_c1 text-center'>{{ item.mobile }}</view>
									<view class='myPage_fd2_1_c1_c2_c0_c2 text-center'>{{ item.invite_people_num }}
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_3">
				<view class='flex flex-direction flex-wrap align-stretch myPage_fd3_0'>
					<view class="myPage_tools">
						常用工具
					</view>
					<view class='flex flex-wrap align-center myPage_menu_center'>
						<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c0'
							@tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/myCollection/myCollection`">
							<image class='myPage_fd3_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL + "12.png"'></image>
							<text class='myPage_fd3_0_c0_c0_c1'>我的收藏</text>
						</view>
						<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c1'
							@tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/myFotprint/myFotprint`">
							<image class='myPage_fd3_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL + "11.png"'></image>
							<text class='myPage_fd3_0_c0_c1_c1'>我的足迹</text>
						</view>
						<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c2'
							@tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/myEvaluation/myEvaluation`">
							<image class='myPage_fd3_0_c0_c2_c0' mode="aspectFit" :src='STATIC_URL + "10.png"'></image>
							<text class='myPage_fd3_0_c0_c2_c1'>我的评价</text>
						</view>
						<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c3'
							@tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/addressManagement/addressManagement`">
							<image class='myPage_fd3_0_c0_c3_c0' mode="aspectFit" :src='STATIC_URL + "9.png"'></image>
							<text class='myPage_fd3_0_c0_c3_c1'>地址管理</text>
						</view>
						<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c4' v-if="isPublish"
							@tap.stop="handleJumpFensi" data-type="navigateTo" :data-url="`/pages/my/myFans/myFans`">
							<image class='myPage_fd3_0_c0_c4_c0' mode="aspectFit" :src='STATIC_URL + "8.png"'></image>
							<text class='myPage_fd3_0_c0_c4_c1'>我的粉丝</text>
						</view>
						<!-- <view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c5' @tap.stop="handleJumpDiy"
            data-type="navigateTo" :data-url="`/pages/xtsz/feedbackRecord/feedbackRecord`">
            <image class='myPage_fd3_0_c0_c5_c0' mode="aspectFit" :src='STATIC_URL+"7.png"'></image>
            <text class='myPage_fd3_0_c0_c5_c1'>意见反馈</text>
          </view> -->
						<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c5' v-if="isPublish"
							@tap.stop="handleShare" data-type="navigateTo"
							:data-url="`/pages/xtsz/feedbackRecord/feedbackRecord`">
							<image class='myPage_fd3_0_c0_c5_c0' mode="aspectFit" src='/static/cate/15.png'></image>
							<text class='myPage_fd3_0_c0_c5_c1'>邀请有礼</text>
						</view>
						<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c6'
							@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/xtsz/aboutUs/aboutUs`">
							<image class='myPage_fd3_0_c0_c6_c0' mode="aspectFit" :src='STATIC_URL + "6.png"'></image>
							<text class='myPage_fd3_0_c0_c6_c1'>关于我们</text>
						</view>
						<!-- 
						<view v-if="shopStatus == -1 && isPublish"
							class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c7'
							@tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/merchantSettlement/merchantSettlement`">
							<image class='myPage_fd3_0_c0_c7_c0' mode="aspectFit" :src='STATIC_URL + "5.png"'></image>
							<text class='myPage_fd3_0_c0_c7_c1'>商家入驻</text>
						</view>
						<view v-if="(shopStatus == 2 || shopStatus == 0 || shopStatus == 1) && isPublish"
							class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c7'
							@tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/certificationAudit/certificationAudit?stateUS=${shopStatus}`">
							<image class='myPage_fd3_0_c0_c7_c0' mode="aspectFit" :src='STATIC_URL + "5.png"'></image>
							<text class='myPage_fd3_0_c0_c7_c1'>商家入驻123</text>
						</view> -->
					</view>
				</view>
			</view>

			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_3">
				<view class='flex flex-direction flex-wrap align-stretch myPage_fd3_0'>
					<view class='flex flex-wrap align-center justify-between myPage_menu' @tap.stop="toTakeoutMiNiProgram" data-type="navigateTo" :data-url="`/pages/xtsz/aboutUs/aboutUs`">
						<view class="flex align-center myPage_menu_item">
								<image :src='STATIC_URL + "my_paotui_icon2.png"' style="width:44rpx;height: 44rpx;;"></image>
								<text>跑腿服务</text>
						</view>
						<view>
							<uv-icon name="arrow-right" size="32rpx"></uv-icon>
						</view>
					</view>
					<view class="myPage_menu_line"></view>
					<view class='flex flex-wrap align-center justify-between myPage_menu' v-if="shopStatus == -1 && isPublish" @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/my/merchantSettlement/merchantSettlement`">
						<view class="flex align-center myPage_menu_item">
								<image :src='STATIC_URL + "my_shop_icon.png"' style="width:44rpx;height: 44rpx;;"></image>
								<text>商家入驻</text>
						</view>
						<view>
							<uv-icon name="arrow-right" size="32rpx"></uv-icon>
						</view>
					</view>
					<view class='flex flex-wrap align-center justify-between myPage_menu' v-if="(shopStatus == 2 || shopStatus == 0 || shopStatus == 1) && isPublish" @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/my/certificationAudit/certificationAudit?stateUS=${shopStatus}`">
						<view class="flex align-center myPage_menu_item">
							<image :src='STATIC_URL + "my_shop_icon.png"' style="width:44rpx;height: 44rpx;;"></image>
							<text>商家入驻</text>
						</view>
						<view>
							<uv-icon name="arrow-right" size="32rpx"></uv-icon>
						</view>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_4">
				<view class='flex flex-direction flex-wrap align-stretch myPage_fd4_0' @click="handleCall(mobile)">
					<view class='flex flex-wrap align-center'>
						<text class='myPage_fd4_0_c0_c0'>客服电话：</text>
						<text class='myPage_fd4_0_c0_c1'>{{ mobile }}</text>
					</view>
					<view class='flex flex-wrap align-center myPage_fd4_0_c1'>
						<!-- <text class='myPage_fd4_0_c1_c0'>周一至周五 </text> -->
						<text class='myPage_fd4_0_c1_c1'>{{ time }}</text>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->


		</view>
</template>
<script>
import {
	validate
} from '@/common/utils/validate.js'
export default {
	components: {},


	data() {
		return {
			"popupShow1684232220791": false,
			// "userInfo": {
			//   "invite_code": "",
			//   "address": "",
			//   "address_code": "",
			//   "address_citycode": "",
			//   "id": "",
			//   "lastid": "",
			//   "user_nickname": "",
			//   "mobile": "",
			//   "user_name": "",
			//   "head_img": "",
			//   "birthday": "",
			//   "is_finger": "",
			//   "user_money": "",
			//   "freeze_money": "",
			//   "withdrawal_money": "",
			//   "score": "",
			//   "empirical": "",
			//   "invoice_title": "",
			//   "invoice_company_title": "",
			//   "total_consumption_money": "",
			//   "sex": "",
			//   "create_time": "",
			//   "phone": "",
			//   "online": "",
			//   "_mobile": "",
			//   "coupon": "",
			//   "age": "",
			//   "collection_count": "",
			//   "browse_count": "",
			//   "certified": "",
			//   "invite": []
			// },
			"money": {
				"aid": "",
				"user_money": "",
				"freeze_money": "",
				"total_consumption_money": "",
				"total_consumption_virtual_money": "",
				"total_revenue_money": "",
				"total_revenue_virtual_money": "",
				"empirical": "",
				"score": "",
				"count_score": "",
				"commission": "",
				"total_order_commission_money": "",
				"withdrawal_money": "",
				"share_money": "",
				"discounts_money": "",
				"create_time": "",
				"user_id": ""
			},
			mobile: '',
			time: '',
			shopStatus: -1,
			rankList: [],
			applyStatus: -1
		};
	},
	computed: {
		themeColor() {
			return this.$store.getters.themeColor
		},
		isLogin() {
			return this.$store.state.token == '' ? false : true;
		},
		userInfo() {
			return this.$store.getters.userInfo;
		}
	},
	watch: {},
	onLoad(options) {

	},
	onUnload() {

	},
	onReady() {

	},
	onShow() {
		this.token = global.token;
		this.getPublishStatus()
		console.log(123)
		console.log('~~~~~~~~~~')
		console.log(global.token)

		if (global.token) {
			console.log(123)
			this.getInfo();
			this.getRank();
			this.getShopStatus();
			this.getApplyStatus()
		}
		this.getCommonInfo();
	},
	onHide() {

	},
	onResize() {

	},
	onPullDownRefresh() {

	},
	onReachBottom(e) {

	},
	onPageScroll(e) {

	},
	onShareAppMessage(e) {
		if (res.from === 'button') { // 来自页面内分享按钮
			return {
				title: '萬家商超',
				path: '/pages/tabBar/homePage/homePage?invite_id=' + this.userInfo.invite_code
			}
		}

	},
	methods: {

		async handleJumpFensi() {
			let res = await this.$api.post(global.apiUrls.post67306ffb6ec75)
			if (res.data.code == 1) {
				console.log(res.data.data.status);
				this.applyStatus = res.data.data.status - 0;
			}
			console.log(2);
			console.log(this.applyStatus);
			if (this.applyStatus == 1) {
				this.$urouter.navigateTo(`/pages/my/myFans/myFans`)
			} else {
				let tips = ''
				switch (this.applyStatus) {
					case -1:
						tips = '请先前往“设置”中申请成为推广人员'
						break;
					case 0:
						tips = '您申请成为推广人员正在审核中，需审核通过才能查看'
						break;
					default:
						tips = '您申请成为推广人员已被拒绝，需审核通过才能查看'
						break;
				}
				this.$message.info(tips)
			}
		},
		async getApplyStatus() {

			let res = await this.$api.post(global.apiUrls.post67306ffb6ec75)
			if (res.code == 1) {
				this.applyStatus = res.data.status;
				this.reason = res.data.reason;
			}
			console.log(1);
			uni.stopPullDownRefresh();
		},
		handleShareWx() {
			uni.share({
				provider: "weixin",
				scene: "WXSceneSession",
				type: 0,
				href: this.userInfo.share_url,
				title: "萬家商超",
				summary: "我正在使用萬家商超，赶紧跟我一起来体验呀！",
				imageUrl: "https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/logo.png",
				success: function (res) {
					console.log("success:" + JSON.stringify(res));
				},
				fail: function (err) {
					console.log("fail:" + JSON.stringify(err));
				}
			});
		},
		handleShare() {
			if (!global.token) return this.$message.info('请先进行登录')
			if (!this.userInfo.district) {
				this.$util.showModal({
					title: '提示',
					content: '请先完善个人资料(所在地填写不能二次修改)?',
					confirmColor: "#ff9300",
					success: res => {
						if (res.confirm) {
							uni.navigateTo({
								url: '/pages/my/myProfile/myProfile'
							})
						}
					}
				});
				return false
			}
			this.popupShow1684232220791 = true;
		},
		handleCall(mobile) {
			if (!mobile) return this.$message.info('暂无客服联系电话')
			this.callMobile(mobile)
			// uni.makePhoneCall({
			//   phoneNumber: mobile
			// })
		},
		getCommonInfo() {

			this.$api
				.post(global.apiUrls.post6483f11510991)
				.then(res => {
					console.log(res);
					res = res.data;
					if (res.code == 1) {
						this.mobile = res.data.service_phone;
						this.time = res.data.service_time;
					}
					uni.stopPullDownRefresh();
				});
		},
		getShopStatus() {
			this.$api
				.post(global.apiUrls.getShopStatus)
				.then(res => {
					console.log(res);
					res = res.data;
					if (res.code == 1) {
						if (Array.isArray(res.data)) {
							this.shopStatus = -1;
						} else {
							this.shopStatus = res.data.status;
						}

					}
					uni.stopPullDownRefresh();
				});
		},
		/**
		 * @function
		 * @description 获取用户信息
		 */
		getInfo() {
			this.$api.post(global.apiUrls.post5c78c4772da97)
				.then(res => {
					res = res.data;
					console.log('res=', res)
					if (res.code == 1) {
						this.$store.commit('updateUserInfo', res.data);
						this.$forceUpdate();
					}
					uni.stopPullDownRefresh();
				});
		},
		getRank() {
			this.$api
				.post(global.apiUrls.post649baca5b33e8, {
					user_id: (global.userInfo && global.userInfo.id) || 0
				})
				.then(res => {
					console.log(res);
					res = res.data;
					if (res.code == 1) {
						if (res.data.length > 10) {
							this.rankList = res.data.slice(0, 10);
						} else {
							this.rankList = res.data;
						}

					}
					uni.stopPullDownRefresh();
				});
		},

		//获取用户详细信息
		async queryUserInfoFunc() {
			//请求方法
			let datauserInfo = await this.$api.post(global.apiUrls.post5c78c4772da97, {

			});
			if (datauserInfo.data.code != 1) {
				this.$message.info(datauserInfo.data.msg);
				return
			}
			let infouserInfo = datauserInfo.data;
			this.userInfo = infouserInfo.data
		},
		//查询金额信息
		async queryMoneyInfoFunc() {
			//请求方法
			//数据验证

			let datamoney = await this.$api.get(global.apiUrls.post636d04052bb00, {

			});
			if (datamoney.data.code != 1) {
				this.$message.info(datamoney.data.msg);
				return
			}
			let infomoney = datamoney.data;
			this.money = infomoney.data
		},
		
		// 跳转小程序
		toTakeoutMiNiProgram() {
			uni.navigateToMiniProgram({
				appId: 'wxc71d195244088eac',
				path: '/pages/index/index',
				success(res) {
					console.log('打开成功');
				}
			})
		}
	}
};
</script>
<style lang="scss" scoped>
.page {
	width: 100vw;
	overflow-x: hidden;
	min-height: calc(100vh - var(--window-bottom));
	// background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/2.png) no-repeat, rgba(248, 248, 248, 1);
	background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/my_bg2.png) no-repeat, rgba(248, 248, 248, 1);
	background-size: 100% auto !important;
}

.myPage_flex_0 {
	padding: 0rpx 0rpx 0rpx 25rpx;
}

.myPage_fd0_1_c1_c1 {
	width: 60rpx;
	height: 60rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	margin: 0rpx 0rpx 0rpx 16rpx;
}

.myPage_fd0_1_c1_c0 {
	// color: #FFFFFF;
	color: #fff;
	font-size: 28rpx;
	font-weight: 500;
	line-height: 28rpx;
}

.myPage_fd0_1_c1 {
	// background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/149.png) no-repeat, transparent;
	background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/my_pay_ercode_bg.png) no-repeat, transparent;
	width: 178rpx;
	height: 90rpx;
	background-size: 100% auto !important;
}

.myPage_user {
	background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/my_user_bg.png) no-repeat, transparent;
	background-size: 100% auto;
	margin: 20rpx 40rpx 0;
	padding: 36rpx 0 20rpx;
	// border-radius: 42rpx 0rpx 0rpx 42rpx;
	// background-size: 100% auto !important;
}

.myPage_fd0_1_c0_c1_c0_c0_c0 {
	color: #333;
	font-size: 32rpx;
	font-weight: 500;
	line-height: 36rpx;
}

.myPage_fd0_1_c0_c1 {
	margin: 0rpx 0rpx 0rpx 24rpx;
}

.myPage_fd0_1_c0_c0_c0 {
	width: 128rpx;
	height: 128rpx;
	border-radius: 100rpx 100rpx 100rpx 100rpx;
}

.myPage_fd0_1 {
	/* #ifdef MP-WEIXIN */
	margin: 0rpx 0rpx 0rpx 0rpx;
	/* #endif */
	/* #ifndef MP-WEIXIN */
	margin: 48rpx 0rpx 0rpx 0rpx;
	/* #endif */

}

.myPage_fd0_0_c1_c0 {
	width: 48rpx;
	height: 48rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd0_0_c0_c1 {
	width: 48rpx;
	height: 48rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd0_0_c0_c0 {
	position: absolute;
	right: -9rpx;
	top: -8rpx;
	z-index: 10;
}

.myPage_fd0_0_c0 {
	margin: 0rpx 24rpx 0rpx 0rpx;
	position: relative;
}

.myPage_fd0_0 {
	padding: 0rpx 32rpx 0rpx 0rpx;
}

.myPage_fd0_01 {
	padding: 60rpx 32rpx 0rpx 0rpx;
}

.myPage_flex_1 {

	padding: 40rpx 32rpx 0rpx 32rpx;
}

.myPage_fd1_0_c2_c1 {
	color: #121212;
	font-size: 28rpx;
	font-weight: 400;
	margin: 13rpx 0rpx 0rpx 0rpx;
	line-height: 30rpx;
}

.myPage_fd1_0_c2_c0_c0 {
	color: #121212;
	font-size: 40rpx;
	font-weight: 700;
	line-height: 40rpx;
}

.myPage_fd1_0_c1_c1 {
	color: #121212;
	font-size: 28rpx;
	font-weight: 400;
	margin: 13rpx 0rpx 0rpx 0rpx;
	line-height: 30rpx;
}

.myPage_fd1_0_c1_c0_c0 {
	color: #121212;
	font-size: 40rpx;
	font-weight: 700;
	line-height: 40rpx;
}

.myPage_fd1_0_c0_c1 {
	color: #121212;
	font-size: 28rpx;
	font-weight: 400;
	margin: 13rpx 0rpx 0rpx 0rpx;
	line-height: 30rpx;
}

.myPage_fd1_0_c0_c0_c0 {
	color: #121212;
	font-size: 40rpx;
	font-weight: 700;
	line-height: 40rpx;
}

.myPage_fd1_0 {
	// background: #FFFFFF;
	// background: linear-gradient(359deg, #FD8218 0%, #FFAB38 100%);
	// border-radius: 16rpx 16rpx 16rpx 16rpx;
	padding: 32rpx 0rpx 32rpx 0rpx;
}

.myPage_flex_2 {
	padding: 0rpx 32rpx 0rpx 32rpx;
}

.myPage_fd2_1_c1_c2_c0_c2 {
	width: 33.3%;
	color: #333333;
	font-size: 28rpx;
	font-weight: 500;
	line-height: 52rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.myPage_fd2_1_c1_c2_c0_c1 {
	width: 33.3%;
	color: #333333;
	font-size: 28rpx;
	font-weight: 500;
	line-height: 52rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.myPage_fd2_1_c1_c2_c0_c0 {
	width: 33.3%;
	color: #333333;
	font-size: 28rpx;
	font-weight: 400;
	line-height: 52rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.myPage_fd2_1_c1_c2_c0 {
	margin: 32rpx 0rpx 0rpx 0rpx;
}

.myPage_fd2_1_c1_c1_c2 {
	// max-width: 168rpx;
	width: 33.3%;
	color: #333333;
	font-size: 28rpx;
	font-weight: 500;
	line-height: 52rpx;
}

.myPage_fd2_1_c1_c1_c1 {
	// max-width: 168rpx;
	width: 33.3%;
	font-size: 28rpx;
	font-weight: 500;
	line-height: 52rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.myPage_fd2_1_c1_c1_c0 {
	// max-width: 168rpx;
	width: 33.3%;
	color: #333333;
	font-size: 28rpx;
	font-weight: 500;
	line-height: 52rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.myPage_fd2_1_c1_c1 {
	margin: 40rpx 0rpx 0rpx 0rpx;
}

.myPage_fd2_1_c1_c0_c0 {
	color: #FFFFFF;
	font-size: 32rpx;
	font-weight: 500;
	line-height: 52rpx;
}

.myPage_fd2_1_c1 {
	background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/157.png) no-repeat, #eee;
	margin: 41rpx 0rpx 0rpx 0rpx;
	border-radius: 32rpx 32rpx 32rpx 32rpx;
	background-size: 100% 100% !important;
	padding: 33rpx 32rpx 32rpx 32rpx;
}

.share {
	background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/156.png) no-repeat, transparent;
	// background: url(../../../static/share_bg.png) no-repeat, transparent;
	width: 284rpx;
	height: 88rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	background-size: 100% 100% !important;
}

.myPage_fd2_1_c0_c1_c1 {
	width: 284rpx;
	height: 88rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;

}

.myPage_fd2_1_c0_c1_c0 {
	width: 284rpx;
	height: 88rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd2_1_c0_c1 {
	margin: 60rpx 0rpx 0rpx 0rpx;
	padding: 0rpx 18rpx 0rpx 18rpx;
}

.myPage_fd2_1_c0_c0_c0 {
	width: 286rpx;
	height: 286rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd2_1_c0 {
	background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/153.png) no-repeat, rgba(253, 174, 79, 1);
	background-size: 100% auto !important;
	border-radius: 40rpx 40rpx 40rpx 40rpx;
	padding: 50rpx 0rpx 41rpx 0rpx;
}

.myPage_fd2_1 {
	background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/152.png) no-repeat, #eee;
	border-radius: 40rpx 40rpx 40rpx 40rpx;
	// background-size: 100% auto !important;
	padding: 32rpx 34rpx 32rpx 34rpx;
	margin: 24rpx 0rpx 0rpx 0rpx;
	background-size: cover;
}

.myPage_fd2_0_c0 {
	width: 48rpx;
	height: 48rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_flex_3 {
	border-radius: 24rpx 24rpx 0rpx 0rpx;
	padding: 24rpx 32rpx 0rpx 32rpx;
}

.myPage_fd3_0_c0_c7_c1 {
	margin: 18rpx 0rpx 0rpx 0rpx;
	font-size: 24rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-width: 97rpx;
}

.myPage_fd3_0_c0_c7_c0 {
	width: 55rpx;
	height: 55rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd3_0_c0_c7 {
	margin: 30rpx 37rpx 8rpx 37rpx;
}

.myPage_fd3_0_c0_c6_c1 {
	margin: 18rpx 0rpx 0rpx 0rpx;
	font-size: 24rpx;
	max-width: 97rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.myPage_fd3_0_c0_c6_c0 {
	width: 55rpx;
	height: 55rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd3_0_c0_c6 {
	margin: 30rpx 37rpx 8rpx 37rpx;
}

.myPage_fd3_0_c0_c5_c1 {
	margin: 18rpx 0rpx 0rpx 0rpx;
	font-size: 24rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-width: 97rpx;
}

.myPage_fd3_0_c0_c5_c0 {
	width: 55rpx;
	height: 55rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd3_0_c0_c5 {
	margin: 30rpx 37rpx 8rpx 37rpx;
}

.myPage_fd3_0_c0_c4_c1 {
	margin: 18rpx 0rpx 0rpx 0rpx;
	font-size: 24rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-width: 97rpx;
}

.myPage_fd3_0_c0_c4_c0 {
	width: 55rpx;
	height: 55rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd3_0_c0_c4 {
	margin: 30rpx 37rpx 8rpx 37rpx;
}

.myPage_fd3_0_c0_c3_c1 {
	margin: 18rpx 0rpx 0rpx 0rpx;
	font-size: 24rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-width: 97rpx;
}

.myPage_fd3_0_c0_c3_c0 {
	width: 55rpx;
	height: 55rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd3_0_c0_c3 {
	margin: 30rpx 37rpx 8rpx 37rpx;
}

.myPage_fd3_0_c0_c2_c1 {
	margin: 18rpx 0rpx 0rpx 0rpx;
	font-size: 24rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-width: 97rpx;
}

.myPage_fd3_0_c0_c2_c0 {
	width: 55rpx;
	height: 55rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd3_0_c0_c2 {
	margin: 30rpx 37rpx 8rpx 37rpx;
}

.myPage_fd3_0_c0_c1_c1 {
	margin: 18rpx 0rpx 0rpx 0rpx;
	font-size: 24rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-width: 97rpx;
}

.myPage_fd3_0_c0_c1_c0 {
	width: 55rpx;
	height: 55rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd3_0_c0_c1 {
	margin: 30rpx 37rpx 8rpx 37rpx;
}

.myPage_fd3_0_c0_c0_c1 {
	margin: 18rpx 0rpx 0rpx 0rpx;
	font-size: 24rpx;
	max-width: 97rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.myPage_fd3_0_c0_c0_c0 {
	width: 55rpx;
	height: 55rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.myPage_fd3_0_c0_c0 {
	margin: 30rpx 37rpx 8rpx 37rpx;
}

.myPage_fd3_0 {
	background: rgba(255, 255, 255, 1);
	background-size: 100% auto !important;
	border-radius: 24rpx 24rpx 24rpx 24rpx;
}

.myPage_flex_4 {
	padding: 24rpx 32rpx 0rpx 32rpx;
}

.myPage_fd4_0_c1_c1 {
	color: #FFFFFF;
	font-size: 24rpx;
	font-weight: 400;
	line-height: 24rpx;
}

.myPage_fd4_0_c1_c0 {
	color: #FFFFFF;
	font-size: 24rpx;
	font-weight: 400;
	line-height: 24rpx;
}

.myPage_fd4_0_c1 {
	margin: 28rpx 0rpx 0rpx 0rpx;
}

.myPage_fd4_0_c0_c1 {
	color: #FFFFFF;
	font-size: 32rpx;
	font-weight: 500;
	line-height: 32rpx;
}

.myPage_fd4_0_c0_c0 {
	color: #FFFFFF;
	font-size: 32rpx;
	font-weight: 500;
	line-height: 32rpx;
}

.myPage_fd4_0 {
	background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/158.png) no-repeat, #eee;
	border-radius: 16rpx 16rpx 16rpx 16rpx;
	background-size: 100% auto !important;
	padding: 27rpx 32rpx 25rpx 32rpx;
}

.myPage_menu {
	padding: 34rpx 30rpx;
}

.myPage_menu_item text:last-child {
	font-size: 30rpx;
	color: #333;
	margin-left: 20rpx;
}

.myPage_menu_line {
	border: 1px solid #F5F5F5;
	margin: 0 44rpx;
}

.myPage_tools {
	color: #121212; 
	font-size: 32rpx;
	margin-left: 37rpx;
	padding-top: 20rpx;	
}

.myPage_menu_center {
	padding-bottom: 20rpx;
}
</style>