You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1556 lines
36 KiB
1556 lines
36 KiB
<template>
|
|
<view class="page">
|
|
<view>
|
|
<u-navbar title="" :background="background"></u-navbar>
|
|
</view>
|
|
<view class="section_1">
|
|
<view class="box_1">
|
|
<image src="/static/default-logo.png" class="image_2"></image>
|
|
<view class="group_1">
|
|
<view class="image-text_1" v-if="isLogin">
|
|
<text lines="1" class="text-group_1">{{userInfo.nick_name}}</text>
|
|
<image :src="userInfo.avatar_url" class="thumbnail_1"></image>
|
|
</view>
|
|
<view class="image-text_1" v-if="!isLogin" @click="goLogin">
|
|
未登录
|
|
</view>
|
|
<view class="text-wrapper_1" v-if="isLogin">
|
|
<text lines="1" class="text_1" v-if="userInfo.user_type==40">店长</text>
|
|
<text lines="1" class="text_1" v-else-if="userInfo.user_type==30">分销</text>
|
|
<text lines="1" class="text_1" v-else-if="userInfo.user_type==20">Plus会员</text>
|
|
<text lines="1" class="text_1" v-else-if="userInfo.user_type==10">游客</text>
|
|
</view>
|
|
</view>
|
|
<view class="group_2">
|
|
<image src="/static/home/news.png" class="thumbnail"></image>
|
|
<text lines="1" class="text_2">消息</text>
|
|
</view>
|
|
<view class="group_4" @click="lookMemberCode('2')">
|
|
<image src="/static/user/code.png" class="thumbnail_2"></image>
|
|
<text lines="1" class="text_3">会员码</text>
|
|
</view>
|
|
<view class="group_5" v-if="userInfo.user_type!=20&&userInfo.user_type!=10"
|
|
@click="lookMemberCode('3')">
|
|
<image src="/static/user/code.png" class="thumbnail_3"></image>
|
|
<text lines="1" class="text_4">分销码</text>
|
|
</view>
|
|
</view>
|
|
<view class="plus" v-if="userInfo.user_type!=40&&userInfo.user_type!=10&&userInfo.effective_time"
|
|
@click="goMember(userInfo.user_type==20?'hy':'fx')">
|
|
<view class="plusLeft">
|
|
<view class="leftTop">
|
|
<text v-if="userInfo.user_type==20">Plus</text>
|
|
<text v-if="userInfo.user_type==30">分销</text>
|
|
会员
|
|
</view>
|
|
<view class="leftBottom">
|
|
{{userInfo.effective_time}}到期
|
|
</view>
|
|
</view>
|
|
<view class="plusLine">
|
|
|
|
</view>
|
|
<view class="plusRight">
|
|
<view class="rightTop">
|
|
年终百款好物热兑中！
|
|
</view>
|
|
<view class="rightBot">
|
|
兑换好物别浪费！
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- v-if="userInfo.user_type!=30&&userInfo.user_type!=40" -->
|
|
<view class="newplus" v-if="userInfo.effective_time==''">
|
|
<view class="memVip" @click="goMember('hy')">
|
|
<view class="vipLine">
|
|
<image src="/static/user/vip.png" mode="" class="vipIcon"></image>
|
|
<text>Plus会员</text>
|
|
</view>
|
|
<view class="sec">
|
|
<text class="inVip">加入会员</text>
|
|
<text class="enjoyVip">享受会员价</text>
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</view>
|
|
</view>
|
|
<view class="memVip fxVip" @click="goMember('fx')">
|
|
<view class="vipLine">
|
|
<image src="/static/user/vip.png" mode="" class="vipIcon"></image>
|
|
<text>分销会员</text>
|
|
</view>
|
|
<view class="sec">
|
|
<text class="inVip">加入会员</text>
|
|
<text class="enjoyVip">享受分销价</text>
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsManage" v-if="userInfo.user_type==40&&userInfo">
|
|
<view class="manageTitle">
|
|
<text lines="1" class="text_5 titleLeft">商品管理</text>
|
|
<text lines="1" class="text_6 titleRight">查看全部</text>
|
|
<image
|
|
src="https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG734520a67fe8e1d927b6d6e351bd2ade.png"
|
|
class="thumbnail_4"></image>
|
|
</view>
|
|
<view class="grounding" v-if="userInfo.user_type==1">
|
|
<view class="image-text_2">
|
|
<image src="/static/user/shelf.png" class="label_1"></image>
|
|
<view class="text-group_2">
|
|
<text lines="1" class="text_7">2</text>
|
|
<text lines="1" class="text_8">一键上架</text>
|
|
</view>
|
|
</view>
|
|
<view class="box_3">
|
|
<image src="/static/user/deal.png" class="image_4"></image>
|
|
<text lines="1" class="text_9">删除商品</text>
|
|
</view>
|
|
<view class="image-text_4">
|
|
<image src="/static/user/search.png" class="label_3"></image>
|
|
<text lines="1" class="text-group_4">商品查询</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="userSell" v-if="userInfo.user_type==40">
|
|
<view class="sell">
|
|
会员分销
|
|
</view>
|
|
<view class="type">
|
|
<view class="typeLeft common">
|
|
会员管理
|
|
</view>
|
|
<view class="typeRight common">
|
|
<image src="/static/user/sale.png" mode="" class="sale"></image>
|
|
分销管理
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="coupon" v-if="userInfo.user_type!=40">
|
|
<view class="walletList">
|
|
<view class="listItem">
|
|
<view class="num">
|
|
235
|
|
</view>
|
|
<view class="info">
|
|
预约记录
|
|
</view>
|
|
</view>
|
|
<view class="listItem">
|
|
<view class="num">
|
|
2
|
|
</view>
|
|
<view class="info">
|
|
浏览记录
|
|
</view>
|
|
</view>
|
|
<view class="listItem">
|
|
<view class="num">
|
|
2
|
|
</view>
|
|
<view class="info">
|
|
发货记录
|
|
</view>
|
|
</view>
|
|
<view class="listItem" @click="getCoupon">
|
|
<view class="num">
|
|
2
|
|
</view>
|
|
<view class="info">
|
|
优惠券
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsManage">
|
|
<view class="manageTitle">
|
|
<text lines="1" class="text_5 titleLeft">商品订单</text>
|
|
<text lines="1" class="text_6 titleRight" @click="goOrder">查看全部</text>
|
|
<image
|
|
src="https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG734520a67fe8e1d927b6d6e351bd2ade.png"
|
|
class="thumbnail_4"></image>
|
|
</view>
|
|
<view class="grounding goodsOrder">
|
|
<view class="image-text_2" @click="goGoodsOrder('payment')">
|
|
<image src="/static/user/unpay.png" class="label_1"></image>
|
|
<view class="text-group_2">
|
|
<text lines="1" class="text_7">2</text>
|
|
<text lines="1" class="text_8">待付款</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_3 send" @click="goGoodsOrder('delivery')">
|
|
<image src="/static/user/unsend.png" class="label_2"></image>
|
|
<text lines="1" class="text-group_3">待发货</text>
|
|
</view>
|
|
<view class="box_3 send" @click="goGoodsOrder('received')">
|
|
<image src="/static/user/untake.png" class="image_4"></image>
|
|
<text lines="1" class="text_9">待收货</text>
|
|
</view>
|
|
<view class="box_3 send" @click="goGoodsOrder('received')">
|
|
<image src="/static/user/over.png" class="image_4"></image>
|
|
<text lines="1" class="text_9">已完成</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsManage">
|
|
<view class="manageTitle">
|
|
<text lines="1" class="text_5 titleLeft">服务订单</text>
|
|
<text lines="1" class="text_6 titleRight">查看全部</text>
|
|
<image
|
|
src="https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG734520a67fe8e1d927b6d6e351bd2ade.png"
|
|
class="thumbnail_4"></image>
|
|
</view>
|
|
<view class="grounding goodsOrder">
|
|
<view class="image-text_2">
|
|
<image src="/static/user/unpay.png" class="label_1"></image>
|
|
<view class="text-group_2">
|
|
<text lines="1" class="text_7">2</text>
|
|
<text lines="1" class="text_8">待确认</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_3 send">
|
|
<image src="/static/user/unsend.png" class="label_2"></image>
|
|
<text lines="1" class="text-group_3">待服务</text>
|
|
</view>
|
|
<view class="box_3 send">
|
|
<image src="/static/user/untake.png" class="image_4"></image>
|
|
<text lines="1" class="text_9">待支付</text>
|
|
</view>
|
|
<view class="image-text_4 send">
|
|
<image src="/static/user/detail.png" class="label_3"></image>
|
|
<text lines="1" class="text-group_4">待验收</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsManage" v-if="userInfo.user_type!=20&&userInfo.user_type!=10">
|
|
<view class="manageTitle">
|
|
<text lines="1" class="text_5 titleLeft">分销订单</text>
|
|
<text lines="1" class="text_6 titleRight">查看全部</text>
|
|
<image
|
|
src="https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG734520a67fe8e1d927b6d6e351bd2ade.png"
|
|
class="thumbnail_4"></image>
|
|
</view>
|
|
<view class="grounding goodsOrder">
|
|
<view class="image-text_2">
|
|
<image src="/static/user/unpay.png" class="label_1"></image>
|
|
<view class="text-group_2">
|
|
<text lines="1" class="text_7">2</text>
|
|
<text lines="1" class="text_8">待付款</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_3 send">
|
|
<image src="/static/user/unsend.png" class="label_2"></image>
|
|
<text lines="1" class="text-group_3">待发货</text>
|
|
</view>
|
|
<view class="box_3 send">
|
|
<image src="/static/user/untake.png" class="image_4"></image>
|
|
<text lines="1" class="text_9">待收货</text>
|
|
</view>
|
|
<view class="box_3 send">
|
|
<image src="/static/user/over.png" class="image_4"></image>
|
|
<text lines="1" class="text_9">已完成</text>
|
|
</view>
|
|
<view class="image-text_4 send">
|
|
<image src="/static/user/detail.png" class="label_3"></image>
|
|
<text lines="1" class="text-group_4">退款中</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="wallet">
|
|
<view class="myWallet">
|
|
我的钱包
|
|
</view>
|
|
<view class="walletList">
|
|
<view class="listItem" @click="myWallet">
|
|
<view class="num">
|
|
{{userInfo.balance}}
|
|
</view>
|
|
<view class="info">
|
|
余额
|
|
</view>
|
|
</view>
|
|
<view class="listItem">
|
|
<view class="num">
|
|
{{userInfo.income}}
|
|
</view>
|
|
<view class="info">
|
|
收入
|
|
</view>
|
|
</view>
|
|
<view class="listItem">
|
|
<view class="num">
|
|
{{userInfo.finace_count}}
|
|
</view>
|
|
<view class="info">
|
|
提现记录
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="myServe">
|
|
<view class="myservice">
|
|
我的服务
|
|
</view>
|
|
<view class="serve">
|
|
<view class="serveIcon" v-if="userInfo.user_type==40" @click="goPage()">
|
|
<image src="/static/user/record.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
发货记录
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-if="userInfo.user_type==40" @click="goPage()">
|
|
<image src="/static/user/car.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
物流查询
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-if="userInfo.user_type==40">
|
|
<image src="/static/user/member.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
会员价
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-if="userInfo.user_type==40">
|
|
<image src="/static/user/retail.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
分销价
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goPage('/pages/news1/MerchantSettlement')">
|
|
<image src="/static/user/checkIn.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
商家入驻
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-if="userInfo.user_type==40">
|
|
<image src="/static/user/staff.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
员工管理
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-if="userInfo.user_type==40">
|
|
<image src="/static/user/setHome.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
店铺设置
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goPage('/pages/news/park/addressList')">
|
|
<image src="/static/user/address.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
地址
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goPage('/pages/invite/index')">
|
|
<image src="/static/user/invite.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
邀请朋友
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/invites.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
<text v-if="userInfo.user_type!=20&&userInfo.user_type!=10">邀请分销</text>
|
|
<text v-if="userInfo.user_type==20||userInfo.user_type==10">加入分销</text>
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/customer.png" mode="" class="icons"></image>
|
|
<view>
|
|
<!-- 客服 class="serveInfo" -->
|
|
<button type="default" open-type="contact" class="infoBtn"
|
|
style="border: none;display: inline-block;width: 120rpx;padding:0;color">客服</button>
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/set.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
设置
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/complaint.png" mode="" class="icons"
|
|
@click="goPage('/pages/news1/feedback')"></image>
|
|
<view class="serveInfo">
|
|
投诉
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goPage('/pages/news/consult/about')">
|
|
<image src="/static/user/about.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
联系我们
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goPage('/pages/news1/help')">
|
|
<image src="/static/user/help.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
帮助中心
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goPage('/pages/news1/huoyuan')">
|
|
<image src="/static/user/retail.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
我要找货
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-if="userInfo.user_type!=10&&userInfo.user_type!=20&&userInfo.user_type!=30">
|
|
<image src="/static/user/sj.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
数据统计
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-if="userInfo.user_type!=10&&userInfo.user_type!=20&&userInfo.user_type!=30">
|
|
<image src="/static/user/hygl.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
会员管理
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goPage('/pages/news1/jinqun')"
|
|
v-if="userInfo.user_type!=10&&userInfo.user_type!=20&&userInfo.user_type!=30">
|
|
<image src="/static/user/jq.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
进群有礼
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsSuggest" v-if="userInfo.user_type!=40">
|
|
<view class="line">
|
|
<image src="/static/user/left.png" mode=""></image>
|
|
<text>专属推荐</text>
|
|
<image src="/static/user/right.png" mode=""></image>
|
|
</view>
|
|
<view class="goodsList">
|
|
<view class="group_11" v-for="(item,index) in 8" :key="index" @click="goodsDetail(item)">
|
|
<view class="block_2">
|
|
<image src="/static/home/phone.jpg" class="image_3"></image>
|
|
<view class="box_6">
|
|
<view class="text-wrapper_4">
|
|
<text lines="1" class="text_12">自营</text>
|
|
</view>
|
|
<text lines="1" decode="true" class="text_13">iphone13 绿色 128GB</text>
|
|
</view>
|
|
<view class="text-wrapper_5">
|
|
<text lines="1" class="text_14">¥</text>
|
|
<text lines="1" class="text_15">7599</text>
|
|
<text lines="1" class="text_16">到手价</text>
|
|
<text lines="1" class="text_17">¥7089</text>
|
|
</view>
|
|
<text lines="1" decode="true" class="text_18">200+条评论 99%好评率</text>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="memberCode" v-if="memberCode" @click="memberCode=false">
|
|
<view class="codeMain">
|
|
<view class="myCode">
|
|
<text v-if="userInfo.user_type==20">我的专属会员识别码</text>
|
|
<text v-if="userInfo.user_type==30">我的专属分销识别码</text>
|
|
</view>
|
|
<view class="codeImg">
|
|
<image src="" mode="" class="img"></image>
|
|
</view>
|
|
<view class="codeName">
|
|
SJIHIHOHOOHOH
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import img from "@/static/member/head.png"
|
|
import {
|
|
checkLogin
|
|
} from '@/core/app'
|
|
import * as UserApi from '@/api/user'
|
|
export default {
|
|
data() {
|
|
return {
|
|
background: {
|
|
background: 'url(' + img + ') center top no-repeat',
|
|
backgroundSize: '100% auto',
|
|
},
|
|
userType: 2,
|
|
memberCode: false,
|
|
isLogin: false,
|
|
userInfo: {
|
|
user_type: 40
|
|
},
|
|
}
|
|
},
|
|
onShow(options) {
|
|
this.onRefreshPage()
|
|
},
|
|
methods: {
|
|
// 刷新页面
|
|
onRefreshPage() {
|
|
this.isLogin = checkLogin()
|
|
console.log(this.isLogin, '是否登录')
|
|
// 获取页面数据
|
|
this.getUserInfo()
|
|
},
|
|
// 获取当前用户信息
|
|
getUserInfo() {
|
|
const that = this
|
|
return new Promise((resolve, reject) => {
|
|
!that.isLogin ? resolve(null) : UserApi.info({}, {
|
|
load: that.isFirstload
|
|
})
|
|
.then(result => {
|
|
that.userInfo = result.data.userInfo
|
|
resolve(that.userInfo)
|
|
})
|
|
.catch(err => {
|
|
if (err.result && err.result.status == 401) {
|
|
that.isLogin = false
|
|
resolve(null)
|
|
} else {
|
|
reject(err)
|
|
}
|
|
})
|
|
})
|
|
},
|
|
goLogin() {
|
|
// 去登录
|
|
uni.navigateTo({
|
|
url: '/pages/login/index'
|
|
})
|
|
},
|
|
goMember(type) {
|
|
uni.navigateTo({
|
|
url: '/pages/member/index?type=' + type
|
|
})
|
|
},
|
|
goOrder() {
|
|
uni.navigateTo({
|
|
url: '/pages/order/index'
|
|
})
|
|
},
|
|
lookMemberCode(val) {
|
|
this.memberCode = true;
|
|
},
|
|
getCoupon() {
|
|
// 跳转领券中心
|
|
uni.navigateTo({
|
|
url: '/pages/news/coupon/index'
|
|
})
|
|
},
|
|
myWallet() {
|
|
// 我的钱包
|
|
uni.navigateTo({
|
|
url: '/pages/news1/wallet'
|
|
})
|
|
},
|
|
goGoodsOrder(val) {
|
|
// 我的订单
|
|
uni.navigateTo({
|
|
url: '/pages/order/index?dataType=' + val
|
|
})
|
|
},
|
|
goodsDetail(item) {
|
|
// 跳转商品详情
|
|
uni.navigateTo({
|
|
url: '/pages/goods/detail'
|
|
})
|
|
},
|
|
goPage(url) {
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.page {
|
|
background-color: rgba(247, 248, 250, 1.000000);
|
|
position: relative;
|
|
width: 750rpx;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.section_1 {
|
|
position: relative;
|
|
width: 902rpx;
|
|
background: url('../../static/home/homeback.png') 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: -26rpx 0 0 -60rpx;
|
|
}
|
|
|
|
|
|
.box_1 {
|
|
width: 668rpx;
|
|
height: 114rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
margin: 50rpx 0 0 108rpx;
|
|
}
|
|
|
|
.image_2 {
|
|
width: 114rpx;
|
|
height: 114rpx;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.group_1 {
|
|
width: 288rpx;
|
|
height: 96rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
margin: 2rpx 0 0 24rpx;
|
|
}
|
|
|
|
.image-text_1 {
|
|
width: 286rpx;
|
|
height: 50rpx;
|
|
margin-left: 2rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.text-group_1 {
|
|
width: 232rpx;
|
|
height: 50rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1.000000);
|
|
font-size: 36rpx;
|
|
font-family: PingFang SC-Medium;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 36rpx;
|
|
}
|
|
|
|
.thumbnail_1 {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.text-wrapper_1 {
|
|
background-color: rgba(255, 255, 255, 0.560000);
|
|
border-radius: 28rpx;
|
|
height: 44rpx;
|
|
border: 1px solid rgba(255, 255, 255, 1);
|
|
margin-top: 2rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100rpx;
|
|
}
|
|
|
|
.text_1 {
|
|
width: 48rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(100, 100, 100, 1.000000);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin: 4rpx 0 0 18rpx;
|
|
}
|
|
|
|
.group_2 {
|
|
width: 40rpx;
|
|
height: 68rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
margin: 8rpx 0 0 48rpx;
|
|
|
|
.thumbnail {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
}
|
|
}
|
|
|
|
.group_3 {
|
|
background-color: rgba(17, 17, 17, 1.000000);
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
margin-left: 4rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.text_2 {
|
|
width: 40rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(53, 53, 53, 1.000000);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.group_4 {
|
|
width: 60rpx;
|
|
height: 66rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
margin: 10rpx 0 0 20rpx;
|
|
}
|
|
|
|
.thumbnail_2 {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-left: 16rpx;
|
|
}
|
|
|
|
.text_3 {
|
|
width: 60rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(53, 53, 53, 1.000000);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.group_5 {
|
|
width: 60rpx;
|
|
height: 66rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
margin: 10rpx 0 0 14rpx;
|
|
}
|
|
|
|
.thumbnail_3 {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-left: 16rpx;
|
|
}
|
|
|
|
.text_4 {
|
|
width: 60rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(53, 53, 53, 1.000000);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.plus {
|
|
width: 688rpx;
|
|
height: 130rpx;
|
|
background: linear-gradient(180deg, #FFF0DF 0%, #EFD4B4 100%);
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
opacity: 1;
|
|
margin: 24rpx 0 0 92rpx;
|
|
display: flex;
|
|
|
|
.plusLeft {
|
|
.leftTop {
|
|
width: 198rpx;
|
|
height: 48rpx;
|
|
background: linear-gradient(180deg, #FFF4E4 0%, #F3C683 100%);
|
|
opacity: 1;
|
|
border-radius: 8rpx 0 40rpx 0;
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
color: #966542;
|
|
line-height: 48rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.leftBottom {
|
|
// width: 162rpx;
|
|
height: 34rpx;
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #885733;
|
|
line-height: 34rpx;
|
|
margin: 22rpx 0 0 14rpx;
|
|
}
|
|
}
|
|
|
|
.plusLine {
|
|
margin: 16rpx 0 0 42rpx;
|
|
width: 0rpx;
|
|
height: 98rpx;
|
|
opacity: 1;
|
|
border: 2rpx solid;
|
|
border-image: linear-gradient(90deg, rgba(252, 234, 213, 1), rgba(241, 184, 116, 1), rgba(242, 217, 187, 1)) 2 2;
|
|
}
|
|
|
|
.plusRight {
|
|
.rightTop {
|
|
width: 280rpx;
|
|
height: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
color: #654731;
|
|
line-height: 40rpx;
|
|
margin: 30rpx 0 0 44rpx;
|
|
}
|
|
|
|
.rightBot {
|
|
width: 160rpx;
|
|
height: 28rpx;
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #966542;
|
|
line-height: 28rpx;
|
|
margin: 4rpx 0 0 44rpx;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
.coupon {
|
|
width: 688rpx;
|
|
height: 142rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
opacity: 1;
|
|
margin: 16rpx 0 0 92rpx;
|
|
|
|
.walletList {
|
|
display: flex;
|
|
margin: 30rpx 0 0 28rpx;
|
|
justify-content: space-around;
|
|
|
|
.listItem {
|
|
text-align: center;
|
|
|
|
.num {
|
|
height: 50rpx;
|
|
font-size: 36rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 600;
|
|
color: #2F2F2F;
|
|
line-height: 50rpx;
|
|
}
|
|
|
|
.info {
|
|
height: 34rpx;
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #3D3D3D;
|
|
line-height: 34rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.newplus {
|
|
display: flex;
|
|
margin: 16rpx 0 0 92rpx;
|
|
|
|
.memVip {
|
|
width: 334rpx;
|
|
height: 130rpx;
|
|
background: linear-gradient(180deg, #FFF0DF 0%, #EFD4B4 100%);
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
opacity: 1;
|
|
margin-right: 12rpx;
|
|
|
|
.vipLine {
|
|
width: 176rpx;
|
|
height: 46rpx;
|
|
background: #FCF0E3;
|
|
opacity: 1;
|
|
border-radius: 8rpx 0 20rpx 0;
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
color: #966542;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.vipIcon {
|
|
width: 42rpx;
|
|
height: 40rpx;
|
|
margin-left: 16rpx;
|
|
}
|
|
}
|
|
|
|
.sec {
|
|
color: #AD836C;
|
|
margin-top: 12rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
|
|
.inVip {
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
color: #654731;
|
|
margin-right: 6rpx;
|
|
}
|
|
|
|
.enjoyVip {
|
|
height: 28rpx;
|
|
font-size: 20rpx;
|
|
font-weight: 400;
|
|
color: #966542;
|
|
line-height: 28rpx;
|
|
margin-right: 28rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.fxVip {
|
|
width: 334rpx;
|
|
height: 130rpx;
|
|
background: linear-gradient(180deg, #F8DAC2 0%, #F5C4A6 100%);
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.goodsManage {
|
|
background-color: rgba(255, 255, 255, 1.000000);
|
|
border-radius: 10rpx;
|
|
height: 216rpx;
|
|
width: 688rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 16rpx 0 0 92rpx;
|
|
|
|
.manageTitle {
|
|
width: 638rpx;
|
|
height: 44rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
margin: 16rpx 0 0 28rpx;
|
|
|
|
.titleLeft {
|
|
width: 112rpx;
|
|
height: 40rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(36, 36, 36, 1.000000);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Medium;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.titleRight {
|
|
width: 96rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(144, 144, 144, 1.000000);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-left: 406rpx;
|
|
}
|
|
}
|
|
|
|
.grounding {
|
|
width: 570rpx;
|
|
height: 100rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 26rpx 0 30rpx 44rpx;
|
|
}
|
|
|
|
.goodsOrder {
|
|
width: 688rpx;
|
|
margin: 26rpx 0rpx 30rpx 12rpx;
|
|
justify-content: space-around;
|
|
text-align: center;
|
|
padding-right: 26rpx;
|
|
}
|
|
|
|
.send {
|
|
margin: 4rpx 0 0 36rpx;
|
|
text-align: center;
|
|
justify-content: center;
|
|
|
|
text {
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.thumbnail_4 {
|
|
width: 16rpx;
|
|
height: 10rpx;
|
|
margin: 26rpx 0 0 8rpx;
|
|
}
|
|
|
|
.image-text_2 {
|
|
width: 104rpx;
|
|
height: 100rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.label_1 {
|
|
width: 62rpx;
|
|
height: 62rpx;
|
|
// margin-left: 24rpx;
|
|
}
|
|
|
|
.text-group_2 {
|
|
width: 104rpx;
|
|
height: 34rpx;
|
|
margin-top: 4rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
text-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.text_7 {
|
|
width: 12rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1.000000);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.text_8 {
|
|
width: 96rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(61, 61, 61, 1.000000);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
}
|
|
|
|
.image-text_3 {
|
|
width: 96rpx;
|
|
height: 96rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
margin: 4rpx 0 0 58rpx;
|
|
}
|
|
|
|
.label_2 {
|
|
width: 54rpx;
|
|
height: 54rpx;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.text-group_3 {
|
|
width: 96rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(61, 61, 61, 1.000000);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.box_3 {
|
|
width: 96rpx;
|
|
height: 90rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 10rpx 0 0 60rpx;
|
|
}
|
|
|
|
.image_4 {
|
|
width: 54rpx;
|
|
height: 54rpx;
|
|
margin: 2rpx 0 0 24rpx;
|
|
}
|
|
|
|
.text_9 {
|
|
width: 96rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(61, 61, 61, 1.000000);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-top: 12rpx;
|
|
}
|
|
|
|
.image-text_4 {
|
|
width: 96rpx;
|
|
height: 96rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
margin: 4rpx 0 0 60rpx;
|
|
}
|
|
|
|
.label_3 {
|
|
width: 52rpx;
|
|
height: 52rpx;
|
|
margin-left: 22rpx;
|
|
}
|
|
|
|
.text-group_4 {
|
|
width: 96rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(61, 61, 61, 1.000000);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.userSell {
|
|
width: 892rpx;
|
|
width: 684rpx;
|
|
height: 220rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
opacity: 1;
|
|
margin: 16rpx 0 0 92rpx;
|
|
|
|
.sell {
|
|
height: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
color: #242424;
|
|
line-height: 40rpx;
|
|
margin: 20rpx 0 0 28rpx;
|
|
}
|
|
|
|
.type {
|
|
display: flex;
|
|
|
|
.common {
|
|
width: 304rpx;
|
|
height: 120rpx;
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
opacity: 1;
|
|
background-image: url('../../static/user/manage.png');
|
|
background-size: 100% 100%;
|
|
line-height: 120rpx;
|
|
text-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.typeLeft {
|
|
margin: 20rpx 20rpx 0 28rpx;
|
|
}
|
|
|
|
.typeRight {
|
|
margin: 20rpx 20rpx 0 0rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.sale {
|
|
width: 98rpx;
|
|
height: 98rpx;
|
|
position: relative;
|
|
top: 0rpx;
|
|
left: 20rpx;
|
|
margin-right: 20rpx;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.wallet {
|
|
width: 688rpx;
|
|
height: 186rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
opacity: 1;
|
|
margin: 16rpx 0 0 92rpx;
|
|
|
|
.myWallet {
|
|
height: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
color: #242424;
|
|
line-height: 40rpx;
|
|
margin: 18rpx 0 0 30rpx;
|
|
}
|
|
|
|
.walletList {
|
|
display: flex;
|
|
margin: 22rpx 0 0 18rpx;
|
|
justify-content: space-around;
|
|
|
|
.listItem {
|
|
text-align: center;
|
|
|
|
.num {
|
|
height: 50rpx;
|
|
font-size: 36rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 600;
|
|
color: #2F2F2F;
|
|
line-height: 50rpx;
|
|
}
|
|
|
|
.info {
|
|
height: 34rpx;
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #3D3D3D;
|
|
line-height: 34rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.myServe {
|
|
width: 688rpx;
|
|
// height: 436rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
opacity: 1;
|
|
margin: 16rpx 0 0 92rpx;
|
|
|
|
.myservice {
|
|
margin: 20rpx 0 0 30rpx;
|
|
height: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
color: #242424;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.serve {
|
|
margin: 16rpx 0 0 42rpx;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
.serveIcon {
|
|
width: 120rpx;
|
|
height: 100rpx;
|
|
text-align: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin-bottom: 22rpx;
|
|
|
|
.icons {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
|
|
.serveInfo {
|
|
width: 96rpx;
|
|
height: 34rpx;
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #3D3D3D;
|
|
line-height: 34rpx;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.infoBtn {
|
|
width: 120rpx;
|
|
height: 34rpx;
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: #3D3D3D;
|
|
line-height: 34rpx;
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.line {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 26rpx 0 20rpx 0;
|
|
|
|
image {
|
|
width: 60rpx;
|
|
height: 44rpx;
|
|
}
|
|
|
|
text {
|
|
height: 44rpx;
|
|
font-size: 32rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 600;
|
|
color: #3B3B3B;
|
|
line-height: 44rpx;
|
|
margin: 0 16rpx;
|
|
}
|
|
}
|
|
|
|
.goodsList {
|
|
margin: 0 0 0 72rpx;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
|
|
.group_11 {
|
|
width: 340rpx;
|
|
height: 438rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 14rpx 0 0 16rpx;
|
|
}
|
|
|
|
.block_2 {
|
|
background-color: rgba(255, 255, 255, 1.000000);
|
|
border-radius: 8rpx;
|
|
width: 340rpx;
|
|
height: 436rpx;
|
|
margin-top: 2rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-center;
|
|
}
|
|
|
|
.image_3 {
|
|
width: 276rpx;
|
|
height: 252rpx;
|
|
margin: 20rpx 0 0 28rpx;
|
|
}
|
|
|
|
.box_6 {
|
|
width: 300rpx;
|
|
height: 34rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 14rpx 0 0 28rpx;
|
|
}
|
|
|
|
.text-wrapper_4 {
|
|
background-color: rgba(255, 68, 56, 1.000000);
|
|
border-radius: 4rpx;
|
|
height: 34rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 58rpx;
|
|
}
|
|
|
|
.text_12 {
|
|
width: 48rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1.000000);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-left: 6rpx;
|
|
}
|
|
|
|
.text_13 {
|
|
width: 236rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(30, 30, 30, 1.000000);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
}
|
|
|
|
.text-wrapper_5 {
|
|
width: 242rpx;
|
|
height: 50rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
margin: 20rpx 0 0 34rpx;
|
|
}
|
|
|
|
.text_14 {
|
|
width: 16rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(242, 26, 28, 1.000000);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-top: 12rpx;
|
|
}
|
|
|
|
.text_15 {
|
|
width: 86rpx;
|
|
height: 50rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(242, 26, 28, 1.000000);
|
|
font-size: 36rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 36rpx;
|
|
}
|
|
|
|
.text_16 {
|
|
width: 60rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(242, 26, 28, 1.000000);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Medium;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin: 14rpx 0 0 4rpx;
|
|
}
|
|
|
|
.text_17 {
|
|
width: 66rpx;
|
|
height: 30rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(148, 148, 148, 1.000000);
|
|
font-size: 22rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
margin: 16rpx 0 0 10rpx;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.text_18 {
|
|
width: 220rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(148, 148, 148, 1.000000);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin: -2rpx 0 20rpx 36rpx;
|
|
}
|
|
}
|
|
|
|
.memberCode {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(9, 9, 9, 0.38);
|
|
z-index: 20;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
.codeMain {
|
|
width: 560rpx;
|
|
height: 714rpx;
|
|
background: #FFF5E8;
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
opacity: 1;
|
|
|
|
.myCode {
|
|
width: 100%;
|
|
height: 50rpx;
|
|
font-size: 36rpx;
|
|
font-weight: 500;
|
|
color: #654731;
|
|
line-height: 50rpx;
|
|
text-align: center;
|
|
margin-top: 64rpx;
|
|
}
|
|
|
|
.codeImg {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 378rpx;
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
opacity: 1;
|
|
margin-top: 34rpx;
|
|
|
|
.img {
|
|
width: 388rpx;
|
|
height: 378rpx;
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
|
|
.codeName {
|
|
width: 100%;
|
|
height: 44rpx;
|
|
font-size: 32rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
color: #A8A8A8;
|
|
line-height: 44rpx;
|
|
text-align: center;
|
|
margin-top: 62rpx;
|
|
}
|
|
}
|
|
}
|
|
</style> |