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.
1236 lines
27 KiB
1236 lines
27 KiB
<template>
|
|
<view class="page">
|
|
<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">
|
|
<text lines="1" class="text-group_1">18034562920</text>
|
|
<image src="/static/user/weChat.png" class="thumbnail_1"></image>
|
|
</view>
|
|
<view class="text-wrapper_1">
|
|
<text lines="1" class="text_1" v-if="userType==1">店长</text>
|
|
<text lines="1" class="text_1" v-else-if="userType==2">Plus会员</text>
|
|
<text lines="1" class="text_1" v-else-if="userType==3">分销</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">
|
|
<image src="/static/user/code.png" class="thumbnail_2"></image>
|
|
<text lines="1" class="text_3">会员码</text>
|
|
</view>
|
|
<view class="group_5" v-if="userType!=2">
|
|
<image src="/static/user/code.png" class="thumbnail_3"></image>
|
|
<text lines="1" class="text_4">分销码</text>
|
|
</view>
|
|
</view>
|
|
<view class="plus" v-if="userType!=3">
|
|
<view class="plusLeft">
|
|
<view class="leftTop">
|
|
Plus会员
|
|
</view>
|
|
<view class="leftBottom">
|
|
2026.7.20到期
|
|
</view>
|
|
</view>
|
|
<view class="plusLine">
|
|
|
|
</view>
|
|
<view class="plusRight">
|
|
<view class="rightTop">
|
|
年终百款好物热兑中！
|
|
</view>
|
|
<view class="rightBot">
|
|
兑换好物别浪费！
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsManage" v-if="userType==1">
|
|
<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">
|
|
<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="image-text_3">
|
|
<image src="/static/user/update.png" class="label_2"></image>
|
|
<text lines="1" class="text-group_3">批量改价</text>
|
|
</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">
|
|
<view class="sell">
|
|
会员分销
|
|
</view>
|
|
<view class="type">
|
|
<view class="typeLeft common">
|
|
会员管理
|
|
</view>
|
|
<view class="typeRight common">
|
|
分销管理
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="coupon">
|
|
<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">
|
|
<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">查看全部</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="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="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="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="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">
|
|
<view class="num">
|
|
235.00
|
|
</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>
|
|
</view>
|
|
<view class="myServe">
|
|
<view class="myservice">
|
|
我的服务
|
|
</view>
|
|
<view class="serve">
|
|
<view class="serveIcon">
|
|
<image src="/static/user/record.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
发货记录
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/car.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
物流查询
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/member.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
会员价
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/retail.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
分销价
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/checkIn.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
商家入驻
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/staff.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
员工管理
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/setHome.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
店铺设置
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/address.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
地址管理
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<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">
|
|
邀请分销
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/customer.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
客服
|
|
</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"></image>
|
|
<view class="serveInfo">
|
|
投诉
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/about.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
联系我们
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon">
|
|
<image src="/static/user/help.png" mode="" class="icons"></image>
|
|
<view class="serveInfo">
|
|
帮助中心
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<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">
|
|
<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>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
userType: 1,
|
|
}
|
|
}
|
|
}
|
|
</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;
|
|
}
|
|
|
|
.image_1 {
|
|
width: 158rpx;
|
|
height: 56rpx;
|
|
margin: 120rpx 0 0 626rpx;
|
|
}
|
|
|
|
.box_1 {
|
|
width: 668rpx;
|
|
height: 114rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
margin: 240rpx 0 0 108rpx;
|
|
}
|
|
|
|
.image_2 {
|
|
width: 114rpx;
|
|
height: 114rpx;
|
|
}
|
|
|
|
.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: 88rpx;
|
|
}
|
|
|
|
.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 42rpx;
|
|
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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.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 0 30rpx 12rpx;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.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;
|
|
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_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;
|
|
margin-left: -4rpx;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.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 80rpx;
|
|
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 62rpx;
|
|
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;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.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_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;
|
|
}
|
|
}
|
|
</style> |