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.
2489 lines
65 KiB
2489 lines
65 KiB
<template>
|
|
<view class="page">
|
|
<view>
|
|
<u-navbar :is-back="false" title="" :background="background"></u-navbar>
|
|
</view>
|
|
<view class="section_1">
|
|
<view class="box_1">
|
|
<image :src="$picUrl+'/static/default-logo.png'" v-if="!isLogin || !userInfo.avatar_url" class="image_2"
|
|
@click="goJump('/pages/news1/setting')"></image>
|
|
<image :src="userInfo.avatar_url" @click="goJump('/pages/news1/setting')" v-else class="image_2">
|
|
</image>
|
|
<view class="group_1">
|
|
<view class="image-text_1" v-if="!isLogin" @click="goLogin()">
|
|
未登录
|
|
</view>
|
|
<!-- open-type="chooseAvatar"
|
|
@chooseavatar="onChooseAvatar" -->
|
|
<button class="avatar-wrapper" v-else type="primary" @click="goJump('/pages/news1/setting')">
|
|
<text lines="1" class="text-group_1">{{userInfo.nick_name}}</text>
|
|
<!-- <image :src="$picUrl+'/static/user/weChat.png'" class="thumbnail_1"></image> -->
|
|
</button>
|
|
<view class="text-wrapper_1" :style="{'width': userInfo.user_type==20?'130rpx':'100rpx' }"
|
|
v-if="isLogin" @click="wechatLogin">
|
|
<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 style="display: flex; flex: 1; justify-content: flex-end;">
|
|
<view class="group_2">
|
|
<image :src="$picUrl+'/static/home/news.png'" class="thumbnail"></image>
|
|
<text lines="1" class="text_2">消息</text>
|
|
<button open-type="contact" v-if="isLogin"></button>
|
|
</view>
|
|
<!-- / -->
|
|
<view class="group_4" @click="lookMemberCode('2')"
|
|
v-if="userInfo.user_type == 20 || userInfo.user_type==40">
|
|
|
|
<image :src="$picUrl+'/static/user/code.png'" class="thumbnail_2"></image>
|
|
<text lines="1" class="text_3">会员码</text>
|
|
</view>
|
|
<!-- 、 -->
|
|
<view class="group_5" @click="lookMemberCode('3')"
|
|
v-if="userInfo.user_type == 30 || userInfo.user_type==40">
|
|
<image :src="$picUrl+'/static/user/code.png'" class="thumbnail_3"></image>
|
|
<text lines="1" class="text_4">分销码</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="plus" v-if="userInfo.user_type== 20 || userInfo.user_type== 30 "
|
|
@click="goMember(userInfo.user_type==20?'hy':'fx')">
|
|
<view class="plusLeft">
|
|
<view class="leftTop">
|
|
<image :src="$picUrl+'/static/user/vip.png'" class="vipIcon"></image>
|
|
<text v-if="userInfo.user_type==20">Plus</text>
|
|
<text v-if="userInfo.user_type==30">分销</text>
|
|
会员
|
|
</view>
|
|
<view class="leftBottom">
|
|
{{userInfo.user_type==20?userInfo.effective_time:userInfo.fx_effective_time}}到期
|
|
</view>
|
|
</view>
|
|
<view class="plusLine"></view>
|
|
<view class="plusRight">
|
|
<view class="rightTop">
|
|
年终百款好物热兑中！
|
|
</view>
|
|
<view class="rightBot">
|
|
兑换好物别浪费！
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="newplus" v-if="isLogin == false || userInfo.user_type == 10">
|
|
<view class="memVip" @click="goMember('hy')">
|
|
<!-- <view class="vipLine">
|
|
<image :src="$picUrl+'/static/user/vip.png'" 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> -->
|
|
<image :src="$picUrl+'/static/bg-4.png'" class="icon"></image>
|
|
</view>
|
|
<view class="memVip fxVip" @click="goMember('fx')">
|
|
|
|
<image :src="$picUrl+'/static/bg-3.png'" class="icon"></image>
|
|
<!-- <view class="vipLine">
|
|
<image :src="$picUrl+'/static/user/vip.png'" 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">
|
|
<view class="manageTitle">
|
|
<text lines="1" class="text_5 titleLeft">商品管理</text>
|
|
<text lines="1" class="text_6 titleRight" @click="goJump('/pages/news/goods/list')">查看全部</text>
|
|
<u-icon @click="goJump('/pages/news/goods/list')"
|
|
style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
|
|
</view>
|
|
<!-- -->
|
|
<view class="grounding">
|
|
<view class="image-text_2" @click="goJump('/pages/news/goods/addOneGround')">
|
|
<image :src="$picUrl+'/static/user/shelf.png'" class="label_1"></image>
|
|
<view class="text-group_2">
|
|
<text lines="1" class="text_8">一键上架</text>
|
|
</view>
|
|
</view>
|
|
<view class="box_3" @click="goJump('/pages/news/goods/batchdel')">
|
|
<image :src="$picUrl+'/static/user/deal.png'" class="image_4"></image>
|
|
<text lines="1" class="text_9">删除商品</text>
|
|
</view>
|
|
<view class="image-text_4" @click="goJump('/pages/news/goods/list')">
|
|
<image :src="$picUrl+'/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" @click="goManagementHandle('/pages/news/user/vip?type=1','会员管理')">
|
|
<view class="typeLeft common">
|
|
会员管理<u-icon style="margin-left: 10rpx;" name="arrow-right"></u-icon>
|
|
</view>
|
|
<view class="typeRight common" @click="goManagementHandle('/pages/news/user/vip?type=2','分销管理')">
|
|
<image :src="$picUrl+'/static/user/sale.png'" class="sale"></image>
|
|
分销管理<u-icon style="margin-left: 10rpx;" name="arrow-right"></u-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="coupon" v-if="isLogin == false || userInfo.user_type != 40">
|
|
<view class="walletList">
|
|
<view class="listItem" @click="goJump('/pages/news/park/recordHistory')">
|
|
<view class="num">
|
|
{{actionCountsInfo.reservation_number?actionCountsInfo.reservation_number:0}}
|
|
</view>
|
|
<view class="info">
|
|
预约记录
|
|
</view>
|
|
</view>
|
|
<view class="listItem" @click="goJump('/pages/news/park/browsingHistory')">
|
|
<view class="num">
|
|
{{actionCountsInfo.view_number?actionCountsInfo.view_number:0}}
|
|
</view>
|
|
<view class="info">
|
|
浏览记录
|
|
</view>
|
|
</view>
|
|
<view class="listItem" @click="goShopOrderList()">
|
|
<view class="num">
|
|
{{actionCountsInfo.take_goods_number?actionCountsInfo.take_goods_number:0}}
|
|
</view>
|
|
<view class="info">
|
|
提货记录
|
|
</view>
|
|
</view>
|
|
<view class="listItem" @click="goJump('/pages/news/coupon/list')">
|
|
<view class="num">
|
|
{{actionCountsInfo.coupon_number?actionCountsInfo.coupon_number:0}}
|
|
</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="goGoodsOrder('all')">查看全部</text>
|
|
<u-icon style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
|
|
</view>
|
|
<view class="grounding goodsOrder">
|
|
<view class="image-text_21" @click="goGoodsOrder('pay')">
|
|
<image :src="$picUrl+'/static/user/unpay.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text class="text_71"
|
|
v-if="orderTodoInfo.goods_order.payment_number">{{orderTodoInfo.goods_order.payment_number>=100?"99+":orderTodoInfo.goods_order.payment_number}}</text>
|
|
<text class="text_81">待付款</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="goGoodsOrder('delivery')">
|
|
<image :src="$picUrl+'/static/user/unsend.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text class="text_71"
|
|
v-if="orderTodoInfo.goods_order.delivery_number">{{orderTodoInfo.goods_order.delivery_number>=100?"99+":orderTodoInfo.goods_order.delivery_number}}</text>
|
|
<text class="text_81">待发货</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="goGoodsOrder('receipt')">
|
|
<image :src="$picUrl+'/static/user/untake.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text class="text_71"
|
|
v-if="orderTodoInfo.goods_order.received_number">{{orderTodoInfo.goods_order.received_number>=100?"99+":orderTodoInfo.goods_order.received_number}}</text>
|
|
<text class="text_81">待收货</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="goGoodsOrder('complete')">
|
|
<image :src="$picUrl+'/static/user/over.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<!-- <text class="text_71"
|
|
v-if="orderTodoInfo.goods_order.finish_number">{{orderTodoInfo.goods_order.finish_number>=100?"99+":orderTodoInfo.goods_order.finish_number}}</text>-->
|
|
<text class="text_81">已完成</text>
|
|
</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="toFuwu(0)">查看全部</text>
|
|
<u-icon style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
|
|
</view>
|
|
<view class="grounding goodsOrder">
|
|
<view class="image-text_21" @click="toFuwu(1)">
|
|
<image :src="$picUrl+'/static/user/untake.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text class="text_71"
|
|
v-if="orderTodoInfo.service_order.payment_number">{{orderTodoInfo.service_order.payment_number}}</text>
|
|
<text class="text_81">待支付</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="toFuwu(3)">
|
|
<image :src="$picUrl+'/static/user/unpay.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text class="text_71"
|
|
v-if="orderTodoInfo.service_order.service_number">{{orderTodoInfo.service_order.service_number}}</text>
|
|
<text class="text_81">待服务</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="toFuwu(2)">
|
|
<image :src="$picUrl+'/static/user/unsend.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text class="text_71"
|
|
v-if="orderTodoInfo.service_order.confirm_number">{{orderTodoInfo.service_order.confirm_number}}</text>
|
|
<text class="text_81">待派单</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="toFuwu(4)">
|
|
<image :src="$picUrl+'/static/user/detail.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<!-- <text class="text_71"
|
|
v-if="orderTodoInfo.service_order.check_number">{{orderTodoInfo.service_order.check_number}}</text>-->
|
|
<text class="text_81">已完成</text>
|
|
</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="toRecovery('')">查看全部</text>
|
|
<u-icon style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
|
|
</view>
|
|
<view class="grounding goodsOrder">
|
|
<view class="image-text_21" @click="toRecovery(0)">
|
|
<image :src="$picUrl+'/static/user/unpay.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text class="text_71"
|
|
v-if="orderTodoInfo.recovery_order.accepted_number">{{orderTodoInfo.recovery_order.accepted_number>=100?"99+":orderTodoInfo.recovery_order.accepted_number}}</text>
|
|
<text class="text_81">待验收</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="toRecovery(1)">
|
|
<image :src="$picUrl+'/static/user/unsend.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text class="text_71"
|
|
v-if="orderTodoInfo.recovery_order.already_number">{{orderTodoInfo.recovery_order.already_number>=100?"99+":orderTodoInfo.recovery_order.already_number}}</text>
|
|
<text class="text_81">已验收</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="toRecovery(3)">
|
|
<image :src="$picUrl+'/static/user/untake.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<!-- <text class="text_71" v-if="orderTodoInfo.recovery_order.cancel_number">{{orderTodoInfo.recovery_order.cancel_number>=100?"99+":orderTodoInfo.recovery_order.cancel_number}}</text> -->
|
|
<text class="text_81">已取消</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="toRecovery(2)">
|
|
<image :src="$picUrl+'/static/user/detail.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<!-- <text class="text_71" v-if="orderTodoInfo.recovery_order.finish_number">{{orderTodoInfo.recovery_order.finish_number>=100?"99+":orderTodoInfo.recovery_order.finish_number}}</text> -->
|
|
<text class="text_81">已完成</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsManage" v-if="userInfo.user_type == 30">
|
|
<view class="manageTitle">
|
|
<text lines="1" class="text_5 titleLeft">分销订单</text>
|
|
<!-- <text lines="1" class="text_6 titleRight" @click="goJump('/pages/news3/fenxiao')">查看全部</text> -->
|
|
<text lines="1" class="text_6 titleRight"
|
|
@click="goJump('/pages/news3/shopDealerOrder')">查看全部</text>
|
|
<u-icon @click="goJump('/pages/news3/fenxiao')"
|
|
style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
|
|
</view>
|
|
<view class="grounding goodsOrder">
|
|
<view class="image-text_21" @click="goJump('/pages/news3/shopDealerOrder?type=pay')">
|
|
<image :src="$picUrl+'/static/user/unpay.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text lines="1" class="text_7"
|
|
v-if="orderTodoInfo.distribution_order.payment_number">{{orderTodoInfo.distribution_order.payment_number}}</text>
|
|
<text lines="1" class="text_8">待付款</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="goJump('/pages/news3/shopDealerOrder?type=delivery')">
|
|
<image :src="$picUrl+'/static/user/unsend.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text lines="1" class="text_7"
|
|
v-if="orderTodoInfo.distribution_order.delivery_number">{{orderTodoInfo.distribution_order.delivery_number}}</text>
|
|
<text lines="1" class="text_8">待发货</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="goJump('/pages/news3/shopDealerOrder?type=receipt')">
|
|
<image :src="$picUrl+'/static/user/untake.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<text lines="1" class="text_7"
|
|
v-if="orderTodoInfo.distribution_order.received_number">{{orderTodoInfo.distribution_order.received_number}}</text>
|
|
<text lines="1" class="text_8">待收货</text>
|
|
</view>
|
|
</view>
|
|
<view class="image-text_21" @click="goJump('/pages/news3/shopDealerOrder?type=complete')">
|
|
<image :src="$picUrl+'/static/user/over.png'" class="label_11"></image>
|
|
<view class="text-group_21">
|
|
<!-- <text lines="1" class="text_7" v-if="orderTodoInfo.distribution_order.finish_number">{{orderTodoInfo.distribution_order.finish_number}}</text> -->
|
|
<text lines="1" class="text_8">已完成</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="wallet">
|
|
<view class="myWallet">
|
|
我的钱包
|
|
</view>
|
|
<view class="walletList">
|
|
<view class="listItem" @click="myWallet()">
|
|
<view class="num">
|
|
{{userInfo.balance?Number(userInfo.balance):0}}
|
|
</view>
|
|
<view class="info">
|
|
余额
|
|
</view>
|
|
</view>
|
|
<view class="listItem" @click="myWallet()">
|
|
<view class="num">
|
|
{{userInfo.income?Number(userInfo.income):0}}
|
|
</view>
|
|
<view class="info">
|
|
收入
|
|
</view>
|
|
</view>
|
|
<view class="listItem" @click="goJump('/pages/news/user/rechargeList')">
|
|
<view class="num">
|
|
{{userInfo.finace_count?userInfo.finace_count:0}}
|
|
</view>
|
|
<view class="info">
|
|
提现记录
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="myServe">
|
|
<view class="myservice">
|
|
我的服务
|
|
</view>
|
|
<view class="serve">
|
|
<view class="serveIcon" v-if="isLogin == false" @click="goJump('/pages/news/user/rechargeList')">
|
|
<image :src="$picUrl+'/static/user/customer.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
客服
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-else>
|
|
<image :src="$picUrl+'/static/user/customer.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
客服
|
|
</view>
|
|
<button type="default" open-type="contact" class="infoBtn"></button>
|
|
</view>
|
|
<view class="serveIcon" @click="goJump('/pages/news1/setting')">
|
|
<image :src="$picUrl+'/static/user/set.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
设置
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goJump('/pages/news1/feedback')">
|
|
<image :src="$picUrl+'/static/user/complaint.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
投诉
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-if="userInfo.user_type == 40" @click="goJump('/pages/feedback/index')">
|
|
<image src="/static/feedback/feedback.png" class="icons"></image>
|
|
<view class="serveInfo">
|
|
意见反馈
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goJump('/pages/news/park/addressList')">
|
|
<image :src="$picUrl+'/static/user/address.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
地址
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goJump('/pages/news/consult/about',1)">
|
|
<image :src="$picUrl+'/static/user/about.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
联系我们
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goJump('/pages/news3/setOutRecords')"
|
|
v-if="userInfo.user_type == 40">
|
|
<image :src="$picUrl+'/static/user/record.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
发货记录
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goJump('/pages/news3/LogisticsInquiry')"
|
|
v-if="userInfo.user_type == 40">
|
|
<image :src="$picUrl+'/static/user/car.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
物流查询
|
|
</view>
|
|
</view>
|
|
<!-- <view class="serveIcon" @click="goJump('/pages/news3/vipPrice?type=0')"
|
|
v-if="userInfo.user_type == 40">
|
|
<image :src="$picUrl+'/static/user/member.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
会员价
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goJump('/pages/news3/vipPrice?type=1')"
|
|
v-if="userInfo.user_type == 40">
|
|
<image :src="$picUrl+'/static/user/retail.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
分销价
|
|
</view>
|
|
</view> -->
|
|
<view class="serveIcon" @click="goJump('/pages/news1/MerchantSettlement')">
|
|
<image :src="$picUrl+'/static/user/checkIn.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
商家入驻
|
|
</view>
|
|
</view>
|
|
<!-- <view class="serveIcon" @click="goJump('/pages/news/user/vip')" v-if="userInfo.user_type == 40">
|
|
<image :src="$picUrl+'/static/user/staff.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
员工管理
|
|
</view>
|
|
</view> -->
|
|
<view class="serveIcon" @click="goJump('/pages/news/consult/storeEdit')"
|
|
v-if="userInfo.user_type == 40">
|
|
<image :src="$picUrl+'/static/user/setHome.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
店铺设置
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goJump('/pages/invite/index')">
|
|
<image :src="$picUrl+'/static/user/invite.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
邀请朋友
|
|
</view>
|
|
</view>
|
|
<!-- <view class="serveIcon" @click="goJump('/pages/invite/index')"> -->
|
|
<view class="serveIcon" v-if="userInfo.user_type ==30" @click="goDealer(userInfo.user_type)">
|
|
<image :src="$picUrl+'/static/user/invites.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
<text>分销中心</text>
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-if="userInfo.user_type == 10 || userInfo.user_type == 20"
|
|
@click="goDealer(userInfo.user_type)">
|
|
<image :src="$picUrl+'/static/user/invites.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
<text>加入分销</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="serveIcon" @click="goJump('/pages/news1/help',1)">
|
|
<image :src="$picUrl+'/static/user/help.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
帮助中心
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goJump('/pages/news1/huoyuan')">
|
|
<image :src="$picUrl+'/static/user/retail.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
我要找货
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goJump('/pages/news/user/report')" v-if="userInfo.user_type == 40">
|
|
<image :src="$picUrl+'/static/user/sj.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
数据统计
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" @click="goManagementHandle('/pages/news/user/vip?type=1','会员管理')"
|
|
v-if="userInfo.user_type == 40">
|
|
<image :src="$picUrl+'/static/user/hygl.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
会员管理
|
|
</view>
|
|
</view>
|
|
<view class="serveIcon" v-if="userInfo.user_type == 40 || userInfo.user_type == 30 || userInfo.user_type == 20" @click="goJump('/pages/news1/jinqun')">
|
|
<image :src="$picUrl+'/static/user/jq.png'" class="icons"></image>
|
|
<view class="serveInfo">
|
|
进群有礼
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 商品推荐 -->
|
|
<view class="goodsRecommend-title" v-if="isLogin == false || userInfo.user_type != 40">
|
|
<image :src="$picUrl+'/static/user/left.png'"></image>专属推荐<image
|
|
:src="$picUrl+'/static/user/right.png'"></image>
|
|
</view>
|
|
<view class="goodsRecommend" v-if="isLogin == false || userInfo.user_type != 40">
|
|
<!-- <u-waterfall v-model="suggestGoodsList" ref="uWaterfall1"> -->
|
|
<!-- <template v-slot:left="{leftList}"> -->
|
|
<view class="goodsItem" v-for="(item,index) in suggestGoodsList" @click="goodsDetail(item)"
|
|
:key="index">
|
|
<view class="pic">
|
|
<image :src="item.goods_image" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="goodsInfo">
|
|
<view class="title">
|
|
<text v-if="item.selling_point" class="ziying">{{item.selling_point}}</text>
|
|
<text class="name">{{item.goods_name}}</text>
|
|
</view>
|
|
<view class="price" style="margin-top: 12rpx;">
|
|
<text style="font-size: 26rpx;">￥</text>
|
|
<text style="font-weight: bold;font-size: 32rpx;">{{item.goods_price_min}}</text>
|
|
<text style="font-size: 20rpx;margin-left:10rpx;"></text>
|
|
<text
|
|
style="color: #949494;font-size: 22rpx;text-decoration: line-through;">￥{{item.line_price_min}}</text>
|
|
</view>
|
|
<!-- <view class="goodsInfo1" v-if="item.cmmdty_model">
|
|
<view class="oneTip">
|
|
{{item.cmmdty_model}}
|
|
</view>
|
|
</view> -->
|
|
<!-- <view class="goodsSend">
|
|
<view class="sendLeft">
|
|
<view class="left_1">
|
|
{{item.goods_source}}
|
|
</view>
|
|
<view class="left_2">
|
|
{{Number(item.discount)}}折
|
|
</view>
|
|
</view>
|
|
<view class="sendRight">
|
|
<text v-if="item.delivery_time==0">24小时内发货</text>
|
|
<text v-if="item.delivery_time==1">48小时内发货</text>
|
|
<text v-if="item.delivery_time==2">72小时内发货</text>
|
|
<text v-if="item.delivery_time==3">7天内发货</text>
|
|
<text v-if="item.delivery_time==4">15天内发货</text>
|
|
<text v-if="item.delivery_time==5">30天内发货</text>
|
|
<text v-if="item.delivery_time==6">45天内发货</text>
|
|
</view>
|
|
</view> -->
|
|
</view>
|
|
</view>
|
|
<!-- </template> -->
|
|
<!-- <template v-slot:right="{rightList}">
|
|
<view class="goodsItem" style="margin-right: 0;" v-for="(item,index) in rightList"
|
|
@click="goodsDetail(item)" :key="index">
|
|
<view class="pic">
|
|
<image :src="item.goods_image" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="goodsInfo">
|
|
<view class="title">
|
|
<text v-if="item.selling_point" class="ziying">{{item.selling_point}}</text>
|
|
<text class="name">{{item.goods_name}}</text>
|
|
</view>
|
|
<view class="price" style="margin-top: 12rpx;">
|
|
<text style="font-size: 26rpx;">￥</text>
|
|
<text style="font-weight: bold;font-size: 32rpx;">{{item.goods_price_min}}</text>
|
|
<text style="font-size: 20rpx;margin-left:10rpx;"></text>
|
|
<text
|
|
style="color: #949494;font-size: 22rpx;text-decoration: line-through;">￥{{item.line_price_min}}</text>
|
|
</view>
|
|
<view class="goodsInfo1" v-if="item.cmmdty_model">
|
|
<view class="oneTip">
|
|
{{item.cmmdty_model}}
|
|
</view>
|
|
</view>
|
|
<view class="goodsSend">
|
|
<view class="sendLeft">
|
|
<view class="left_1">
|
|
{{item.goods_source}}
|
|
</view>
|
|
<view class="left_2">
|
|
{{Number(item.discount)}}折
|
|
</view>
|
|
</view>
|
|
<view class="sendRight">
|
|
<text v-if="item.delivery_time==0">24小时内发货</text>
|
|
<text v-if="item.delivery_time==1">48小时内发货</text>
|
|
<text v-if="item.delivery_time==2">72小时内发货</text>
|
|
<text v-if="item.delivery_time==3">7天内发货</text>
|
|
<text v-if="item.delivery_time==4">15天内发货</text>
|
|
<text v-if="item.delivery_time==5">30天内发货</text>
|
|
<text v-if="item.delivery_time==6">45天内发货</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template> -->
|
|
<!-- </u-waterfall> -->
|
|
</view>
|
|
</view>
|
|
|
|
<view class="toTop" v-if="isTop" @click="openScrollTo()">
|
|
<image :src="$picUrl+'/static/toTop.png?=1'"></image>
|
|
</view>
|
|
<view class="memberCode" v-if="memberCode" @click="memberCode=false">
|
|
<view class="codeMain1" v-if="lookMemberType == 2">
|
|
<image class="bg" :show-menu-by-longpress="true" :src="qrcode1">
|
|
</image>
|
|
<!-- <image class="code" :show-menu-by-longpress="true" :src="qrcode"></image> -->
|
|
<view class="btn" @click.stop="goMember('hy')"></view>
|
|
<!-- <view class="myCode">
|
|
<text v-if="lookMemberType == 2">我的专属会员识别码</text>
|
|
<text v-if="lookMemberType == 3">我的专属分销识别码</text>
|
|
</view>
|
|
<view class="codeImg">
|
|
<image v-if="lookMemberType == 2" :show-menu-by-longpress="true" :src="qrcode" class="img"></image>
|
|
<image v-if="lookMemberType == 3" :show-menu-by-longpress="true" :src="qrcode" class="img"></image>
|
|
</view>
|
|
<view class="codeName">
|
|
{{userInfo.user_id}}
|
|
</view> -->
|
|
</view>
|
|
<view class="codeMain2" v-if="lookMemberType == 3">
|
|
<image class="bg" :show-menu-by-longpress="true" :src="qrcode2">
|
|
</image>
|
|
<!-- <image class="code" :show-menu-by-longpress="true" :src="qrcode"></image> -->
|
|
<view class="btn" @click.stop="goMember('fx')"></view>
|
|
</view>
|
|
</view>
|
|
<canvas id="myCanvas" class="myCanvas" canvas-id="myCanvas"
|
|
:style="{'width': 702/devicePixelRatio+'px',' height': 1000/devicePixelRatio+'px',position: 'absolute',left:'-100000px',top:'-100000px'}"></canvas>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
const ctx = uni.createCanvasContext('myCanvas')
|
|
import {
|
|
checkLogin
|
|
} from '@/core/app'
|
|
import * as UserApi from '@/api/user';
|
|
import * as Api from '@/api/goods'
|
|
import * as UploadApi from '@/api/upload'
|
|
import {
|
|
createQrCodeImg
|
|
} from '@/utils/qrcode'
|
|
export default {
|
|
data() {
|
|
return {
|
|
devicePixelRatio: 750 / uni.getSystemInfoSync().windowHeight,
|
|
dealerInviteQrcode: "",
|
|
qrcode: "",
|
|
qrcode1: "",
|
|
qrcode2: "",
|
|
inviteQrcode: "",
|
|
lookMemberType: 2,
|
|
isTop: false,
|
|
background: {
|
|
background: 'url(https://www.royaum.com.cn/static/news/login-bg.png) center top no-repeat',
|
|
backgroundSize: '100% auto',
|
|
},
|
|
orderTodoInfo: {
|
|
distribution_order: {},
|
|
goods_order: {},
|
|
service_order: {},
|
|
recovery_order: {}
|
|
},
|
|
actionCountsInfo: {},
|
|
userType: 2,
|
|
memberCode: false,
|
|
isLogin: false,
|
|
userInfo: {},
|
|
suggestGoodsList: [],
|
|
}
|
|
},
|
|
onShow(options) {
|
|
if (uni.getStorageSync("userInfo").user_id) {
|
|
this.isLogin = true
|
|
this.onRefreshPage()
|
|
} else {
|
|
this.userInfo = {}
|
|
this.isLogin = false
|
|
this.actionCountsInfo = {}
|
|
this.orderTodoInfo = {
|
|
distribution_order: {},
|
|
goods_order: {},
|
|
service_order: {},
|
|
recovery_order: {}
|
|
}
|
|
}
|
|
this.getSuggest();
|
|
},
|
|
onPageScroll(e) {
|
|
if (e.scrollTop <= 200) { // 当滚动到顶部且向下滑动时为true
|
|
this.isTop = false
|
|
} else {
|
|
this.isTop = true
|
|
}
|
|
},
|
|
methods: {
|
|
createImge(index, w, h) {
|
|
const that = this;
|
|
ctx.fillRect(0, 0, w / that.devicePixelRatio, h / that.devicePixelRatio);
|
|
uni.downloadFile({
|
|
url: index == 1 ? 'https://www.royaum.com.cn/static/1@2x.png' :
|
|
'https://www.royaum.com.cn/static/2@2x.png',
|
|
success(res) {
|
|
console.log(index, w, h)
|
|
console.log(index == 1 ? 'https://www.royaum.com.cn/static/1@2x.png' :
|
|
'https://www.royaum.com.cn/static/2@2x.png')
|
|
console.log(res.tempFilePath)
|
|
console.log("that.qrcode", that.qrcode)
|
|
ctx.beginPath(); // 开始绘制
|
|
ctx.drawImage(res.tempFilePath, 0, 0, w / that.devicePixelRatio, h / that
|
|
.devicePixelRatio);
|
|
uni.downloadFile({
|
|
url: that.qrcode,
|
|
success: (res2) => {
|
|
ctx.save(); // 保存
|
|
if (index == 1) {
|
|
ctx.arc(162 / that.devicePixelRatio / 2 + 468 / that
|
|
.devicePixelRatio,
|
|
162 / that.devicePixelRatio / 2 + 480 / that
|
|
.devicePixelRatio,
|
|
162 / that.devicePixelRatio / 2, 0, Math.PI * 2, false);
|
|
ctx.clip();
|
|
ctx.drawImage(res2.tempFilePath, 468 / that.devicePixelRatio, 480 /
|
|
that.devicePixelRatio, 162 / that.devicePixelRatio, 162 /
|
|
that
|
|
.devicePixelRatio);
|
|
} else {
|
|
ctx.arc(162 / that.devicePixelRatio / 2 + 275 / that
|
|
.devicePixelRatio,
|
|
162 / that.devicePixelRatio / 2 + 635 / that
|
|
.devicePixelRatio,
|
|
162 / that.devicePixelRatio / 2, 0, Math.PI * 2, false);
|
|
ctx.clip();
|
|
ctx.drawImage(res2.tempFilePath, 275 / that.devicePixelRatio, 635 /
|
|
that.devicePixelRatio, 162 / that.devicePixelRatio, 162 /
|
|
that
|
|
.devicePixelRatio);
|
|
}
|
|
ctx.draw()
|
|
uni.canvasToTempFilePath({
|
|
width: w / that.devicePixelRatio,
|
|
height: h / that.devicePixelRatio,
|
|
destWidth: w / that.devicePixelRatio,
|
|
destHeight: h / that.devicePixelRatio,
|
|
canvasId: 'myCanvas',
|
|
success: function(res) {
|
|
if (index == 1) {
|
|
that.qrcode1 = res.tempFilePath
|
|
console.log(that.qrcode1)
|
|
} else {
|
|
that.qrcode2 = res.tempFilePath
|
|
console.log(that.qrcode2)
|
|
}
|
|
ctx.clearRect(0, 0, w, h);
|
|
}
|
|
})
|
|
|
|
},
|
|
})
|
|
|
|
}
|
|
})
|
|
},
|
|
onChooseAvatar(e) {
|
|
console.log(e)
|
|
let that = this
|
|
that.headImgUpload(e.detail.avatarUrl)
|
|
},
|
|
nickSubmit(avatar_id) {
|
|
UserApi.editUser({
|
|
avatar_id: avatar_id
|
|
})
|
|
.then(res => {
|
|
if (res.status == 200) {
|
|
uni.showToast({
|
|
title: '获取成功',
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
this.getUserInfo()
|
|
} else {
|
|
uni.showToast({
|
|
title: '获取失败',
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
}
|
|
})
|
|
.finally()
|
|
},
|
|
headImgUpload(avatarUrl) {
|
|
const app = this
|
|
const imageList = [{
|
|
path: avatarUrl
|
|
}]
|
|
// 批量上传
|
|
return new Promise((resolve, reject) => {
|
|
if (imageList.length > 0) {
|
|
UploadApi.image(imageList)
|
|
.then(fileIds => {
|
|
console.log(fileIds)
|
|
app.nickSubmit(fileIds.join(','))
|
|
resolve(fileIds)
|
|
})
|
|
.catch(reject)
|
|
} else {
|
|
resolve()
|
|
}
|
|
})
|
|
},
|
|
goShopOrderList() {
|
|
uni.navigateTo({
|
|
url: '/pages/news3/shopOrder?delivery_type=20'
|
|
})
|
|
},
|
|
goDealer(type) {
|
|
if (type == 30) {
|
|
this.goJump('/pages/news3/JoinDistribution?dataType=all');
|
|
} else if (type == 10 || type == 20) {
|
|
// uni.showToast({
|
|
// title: '请先购买分销会员',
|
|
// icon: 'none',
|
|
// duration: 2000
|
|
// })
|
|
this.goJump('/pages/member/index');
|
|
}
|
|
},
|
|
openScrollTo() {
|
|
uni.pageScrollTo({
|
|
scrollTop: 0
|
|
})
|
|
},
|
|
getSuggest() {
|
|
// 获取推荐商品
|
|
const that = this
|
|
Api.recommended()
|
|
.then(res => {
|
|
let arr = res.data.goodsList
|
|
if (arr && arr.length > 0) {
|
|
arr.map(a => {
|
|
a.goods_price_min = Number(a.goods_price_min)
|
|
a.goods_price_max = Number(a.goods_price_max)
|
|
a.line_price_min = Number(a.line_price_min)
|
|
a.line_price_max = Number(a.line_price_max)
|
|
})
|
|
}
|
|
that.suggestGoodsList = arr
|
|
})
|
|
},
|
|
// 刷新页面
|
|
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 => {
|
|
let data = result.data.userInfo
|
|
console.log("data.user_id", data.user_id)
|
|
// data.qrcode = createQrCodeImg(data.user_id.toString(), {
|
|
// 'size': 500
|
|
// });
|
|
console.log(data)
|
|
|
|
that.userInfo = data
|
|
that.getOrderInfo();
|
|
that.getActionCountsInfo();
|
|
uni.setStorageSync('userInfo', that.userInfo)
|
|
if (data.user_type == 20 || data.user_type == 40) {
|
|
that.getMembershipInviteQrcode()
|
|
}
|
|
if (data.user_type == 30 || data.user_type == 40) {
|
|
that.getDealerInviteQrcode()
|
|
}
|
|
|
|
// that.getMembershipInviteQrcode()
|
|
// that.getDealerInviteQrcode()
|
|
resolve(that.userInfo)
|
|
})
|
|
.catch(err => {
|
|
if (err.result && err.result.status == 401) {
|
|
that.isLogin = false
|
|
resolve(null)
|
|
} else {
|
|
reject(err)
|
|
}
|
|
})
|
|
})
|
|
},
|
|
// 获取会员邀请码
|
|
getMembershipInviteQrcode() {
|
|
const that = this
|
|
return new Promise((resolve, reject) => {
|
|
!that.isLogin ? resolve(null) : UserApi.getMembershipInviteQrcode({}, {
|
|
load: that.isFirstload
|
|
})
|
|
.then(result => {
|
|
that.inviteQrcode = result.message;
|
|
console.log(this.inviteQrcode)
|
|
|
|
resolve(that.inviteQrcode)
|
|
})
|
|
.catch(err => {
|
|
if (err.result && err.result.status == 401) {
|
|
that.isLogin = false
|
|
resolve(null)
|
|
} else {
|
|
reject(err)
|
|
}
|
|
})
|
|
})
|
|
},
|
|
// 获取分销码
|
|
getDealerInviteQrcode() {
|
|
const that = this
|
|
return new Promise((resolve, reject) => {
|
|
!that.isLogin ? resolve(null) : UserApi.getDealerInviteQrcode({}, {
|
|
load: that.isFirstload
|
|
})
|
|
.then(result => {
|
|
that.dealerInviteQrcode = result.message
|
|
console.log(this.dealerInviteQrcode)
|
|
resolve(that.dealerInviteQrcode)
|
|
})
|
|
.catch(err => {
|
|
if (err.result && err.result.status == 401) {
|
|
that.isLogin = false
|
|
resolve(null)
|
|
} else {
|
|
reject(err)
|
|
}
|
|
})
|
|
})
|
|
},
|
|
// 获取当前订单数量
|
|
getOrderInfo() {
|
|
const that = this
|
|
return new Promise((resolve, reject) => {
|
|
!that.isLogin ? resolve(null) : UserApi.todoCounts({}, {
|
|
load: that.isFirstload
|
|
})
|
|
.then(result => {
|
|
that.orderTodoInfo = result.data
|
|
resolve(that.orderTodoInfo)
|
|
})
|
|
.catch(err => {
|
|
if (err.result && err.result.status == 401) {
|
|
that.isLogin = false
|
|
resolve(null)
|
|
} else {
|
|
reject(err)
|
|
}
|
|
})
|
|
})
|
|
},
|
|
// 获取当前用户行为
|
|
getActionCountsInfo() {
|
|
const that = this
|
|
return new Promise((resolve, reject) => {
|
|
!that.isLogin ? resolve(null) : UserApi.actionCounts({}, {
|
|
load: that.isFirstload
|
|
})
|
|
.then(result => {
|
|
that.actionCountsInfo = result.data
|
|
resolve(that.actionCountsInfo)
|
|
})
|
|
.catch(err => {
|
|
if (err.result && err.result.status == 401) {
|
|
that.isLogin = false
|
|
resolve(null)
|
|
} else {
|
|
reject(err)
|
|
}
|
|
})
|
|
})
|
|
},
|
|
toFuwu(type) {
|
|
if (!uni.getStorageSync('AccessToken')) {
|
|
uni.navigateTo({
|
|
url: "/pages/login/index"
|
|
})
|
|
return;
|
|
}
|
|
uni.navigateTo({
|
|
url: "/pages/news/recycling/orderList?type=" + type
|
|
})
|
|
},
|
|
toRecovery(type) {
|
|
if (!uni.getStorageSync('AccessToken')) {
|
|
uni.navigateTo({
|
|
url: "/pages/login/index"
|
|
})
|
|
return;
|
|
}
|
|
uni.navigateTo({
|
|
url: "/pages/news/recycling/recoveryList?type=" + type
|
|
})
|
|
},
|
|
goJump(url, type) {
|
|
if (type == 1) {
|
|
uni.navigateTo({
|
|
url
|
|
})
|
|
return;
|
|
}
|
|
if (this.isLogin == false) {
|
|
this.goLogin()
|
|
return;
|
|
}
|
|
uni.navigateTo({
|
|
url
|
|
})
|
|
},
|
|
goManagementHandle(url, title) {
|
|
uni.navigateTo({
|
|
url: url + '?title=' + title
|
|
})
|
|
|
|
},
|
|
goLogin() {
|
|
// 去登录
|
|
uni.navigateTo({
|
|
url: '/pages/login/index'
|
|
})
|
|
},
|
|
goMember(type) {
|
|
if (this.isLogin == false) {
|
|
this.goLogin()
|
|
return;
|
|
}
|
|
if (type == 'hy') {
|
|
uni.navigateTo({
|
|
url: '/pages/member/index1?type=' + type
|
|
})
|
|
} else {
|
|
uni.navigateTo({
|
|
url: '/pages/member/index?type=' + type
|
|
})
|
|
}
|
|
},
|
|
goOrder() {
|
|
if (this.isLogin == false) {
|
|
this.goLogin()
|
|
return;
|
|
}
|
|
uni.navigateTo({
|
|
url: '/pages/order/index'
|
|
})
|
|
},
|
|
lookMemberCode(val) {
|
|
if (this.isLogin == false) {
|
|
this.goLogin()
|
|
return;
|
|
}
|
|
this.lookMemberType = val;
|
|
this.qrcode = val == 2 ? this.inviteQrcode : this.dealerInviteQrcode;
|
|
this.memberCode = true;
|
|
if (val == 2) {
|
|
if (!this.qrcode1) {
|
|
this.createImge(1, 702, 702)
|
|
}
|
|
} else {
|
|
if (!this.qrcode2) {
|
|
this.createImge(2, 702, 889)
|
|
}
|
|
}
|
|
},
|
|
|
|
myWallet() {
|
|
if (this.isLogin == false) {
|
|
this.goLogin()
|
|
return;
|
|
}
|
|
// 我的钱包
|
|
uni.navigateTo({
|
|
url: '/pages/news1/wallet'
|
|
})
|
|
},
|
|
goGoodsOrder(val) {
|
|
if (this.isLogin == false) {
|
|
this.goLogin()
|
|
return;
|
|
}
|
|
// 我的订单
|
|
if (this.userInfo.user_type == 40) {
|
|
uni.navigateTo({
|
|
url: '/pages/news3/shopOrder?dataType=' + val
|
|
})
|
|
} else {
|
|
uni.navigateTo({
|
|
url: '/pages/order/index?dataType=' + val
|
|
})
|
|
}
|
|
|
|
},
|
|
goodsDetail(item) {
|
|
// 跳转商品详情
|
|
uni.navigateTo({
|
|
url: '/pages/goods/detail?goodsId=' + item.goods_id
|
|
})
|
|
},
|
|
goPage(url) {
|
|
uni.switchTab({
|
|
url
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.myCanvas {
|
|
position: absolute;
|
|
z-index: -1;
|
|
}
|
|
|
|
.goodsInfo1 {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 18rpx 0 0 0rpx;
|
|
|
|
.oneTip {
|
|
padding: 0 16rpx;
|
|
height: 34rpx;
|
|
background: #F6F6F6;
|
|
border-radius: 4rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 22rpx;
|
|
color: #333333;
|
|
line-height: 34rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
text-transform: none;
|
|
max-width: 300rpx;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
-webkit-line-clamp: 1;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.goodsSend {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-top: 18rpx;
|
|
|
|
.sendLeft {
|
|
width: 120rpx;
|
|
border: 1rpx solid #F21A1C;
|
|
border-radius: 4rpx;
|
|
height: 30rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
.left_1 {
|
|
height: 100%;
|
|
width: 48rpx;
|
|
line-height: 25rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: bold;
|
|
font-size: 22rpx;
|
|
color: #F21A1C;
|
|
text-align: center;
|
|
}
|
|
|
|
.left_2 {
|
|
height: 100%;
|
|
width: 72rpx;
|
|
background-color: #F21A1C;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 20rpx;
|
|
color: #FFFFFF;
|
|
line-height: 26rpx;
|
|
text-align: center;
|
|
font-style: normal;
|
|
text-transform: none;
|
|
}
|
|
}
|
|
|
|
.sendRight {
|
|
height: 32rpx;
|
|
background: #FDEDED;
|
|
padding: 0 10rpx;
|
|
border-radius: 4rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 20rpx;
|
|
color: #F21A1C;
|
|
line-height: 32rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
text-transform: none;
|
|
}
|
|
}
|
|
|
|
.delPrice {
|
|
font-size: 20rpx;
|
|
font-weight: 500;
|
|
color: #F21A1C;
|
|
}
|
|
|
|
.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;
|
|
padding-bottom: 30rpx;
|
|
|
|
.toTop {
|
|
position: fixed;
|
|
bottom: 120rpx;
|
|
right: 16rpx;
|
|
width: 99rpx;
|
|
height: 99rpx;
|
|
border-radius: 50%;
|
|
opacity: 1;
|
|
z-index: 999;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.goodsRecommend-title {
|
|
padding: 20rpx 25rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 32rpx;
|
|
font-weight: 600;
|
|
color: #3B3B3B;
|
|
justify-content: center;
|
|
|
|
image {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin: 0 10rpx;
|
|
}
|
|
}
|
|
|
|
.goodsRecommend {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
padding: 10rpx 25rpx 25rpx;
|
|
|
|
.goodsItem {
|
|
width: 345rpx;
|
|
border-radius: 8rpx;
|
|
overflow: hidden;
|
|
background-color: #ffffff;
|
|
padding: 20rpx;
|
|
box-sizing: border-box;
|
|
// margin: 0rpx 14rpx 20rpx 0;
|
|
margin: 0 0 20rpx 0;
|
|
|
|
.pic {
|
|
width: 100%;
|
|
align-items: center;
|
|
display: flex;
|
|
height: 256rpx;
|
|
overflow: hidden;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
}
|
|
}
|
|
|
|
.goodsInfo {
|
|
overflow: hidden;
|
|
|
|
.title {
|
|
height: 60rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 10rpx;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
-webkit-line-clamp: 2;
|
|
line-height: 33rpx;
|
|
white-space: normal;
|
|
|
|
.ziying {
|
|
padding: 4rpx 10rpx;
|
|
background: #FF4438;
|
|
border-radius: 2px 2px 2px 2px;
|
|
opacity: 1;
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
.name {
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
color: #2B2B2B;
|
|
line-height: 33rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
text-transform: none;
|
|
}
|
|
}
|
|
|
|
.isExpress {
|
|
height: 30rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 10rpx 0;
|
|
|
|
text {
|
|
display: inline-block;
|
|
width: 44rpx;
|
|
height: 30rpx;
|
|
line-height: 28rpx;
|
|
border: 1px solid #F21A1C;
|
|
border-radius: 2px 2px 2px 2px;
|
|
background: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 16rpx;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #F21A1C;
|
|
}
|
|
|
|
}
|
|
|
|
.price {
|
|
color: #F21A1C;
|
|
display: flex;
|
|
align-items: baseline;
|
|
}
|
|
|
|
.comment {
|
|
margin-top: 6rpx;
|
|
font-size: 22rpx;
|
|
font-weight: 400;
|
|
color: #949494;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.section_1 {
|
|
position: relative;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: url('https://www.royaum.com.cn/static/news/login-bg.png') center -80px no-repeat;
|
|
background-size: 100% auto;
|
|
}
|
|
|
|
|
|
.box_1 {
|
|
width: 668rpx;
|
|
height: 114rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
margin: 30rpx auto 0;
|
|
}
|
|
|
|
.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;
|
|
|
|
button:after {
|
|
border: none !important;
|
|
}
|
|
}
|
|
|
|
.image-text_1 {
|
|
width: 286rpx;
|
|
height: 50rpx;
|
|
margin-left: 2rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.avatar-wrapper {
|
|
width: 286rpx;
|
|
height: 50rpx;
|
|
margin-left: 2rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
background: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
|
|
::v-ddep uni-button:after {
|
|
border: none !important;
|
|
}
|
|
|
|
button[type=primary][plain] {
|
|
border: none !important;
|
|
}
|
|
}
|
|
|
|
.text-group_1 {
|
|
// width: 232rpx;
|
|
height: 50rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 36rpx;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 50rpx;
|
|
}
|
|
|
|
.thumbnail_1 {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
margin-left: 12rpx;
|
|
}
|
|
|
|
.text-wrapper_1 {
|
|
background-color: rgba(255, 255, 255, 0.56);
|
|
border-radius: 28rpx;
|
|
height: 44rpx;
|
|
border: 2px solid rgba(255, 255, 255, 1);
|
|
margin-top: 2rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100rpx;
|
|
}
|
|
|
|
.text_1 {
|
|
color: rgba(100, 100, 100, 1);
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.group_2 {
|
|
width: 40rpx;
|
|
height: 68rpx;
|
|
margin: 8rpx 0 0 48rpx;
|
|
position: relative;
|
|
|
|
button {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 2;
|
|
opacity: 0;
|
|
}
|
|
|
|
.thumbnail {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
.group_3 {
|
|
background-color: rgba(17, 17, 17, 1.000000);
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
margin-left: 4rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.text_2 {
|
|
color: rgba(53, 53, 53, 1);
|
|
font-size: 20rpx;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
}
|
|
|
|
.group_4 {
|
|
width: 60rpx;
|
|
height: 66rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: ce;
|
|
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: 12rpx;
|
|
}
|
|
|
|
.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: 12rpx;
|
|
}
|
|
|
|
.plus {
|
|
width: 692rpx;
|
|
height: 134rpx;
|
|
background: url('https://www.royaum.com.cn/static/bg-1.png') center top no-repeat;
|
|
background-size: 100% auto;
|
|
border-radius: 8rpx;
|
|
opacity: 1;
|
|
margin: 24rpx auto 0;
|
|
display: flex;
|
|
position: relative;
|
|
|
|
.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-weight: 500;
|
|
color: #966542;
|
|
line-height: 48rpx;
|
|
text-align: center;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.vipIcon {
|
|
width: 42rpx;
|
|
height: 40rpx;
|
|
margin-right: 6rpx;
|
|
margin-left: 16rpx;
|
|
}
|
|
}
|
|
|
|
.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 {
|
|
height: 0;
|
|
position: absolute;
|
|
width: 98rpx;
|
|
left: 240rpx;
|
|
opacity: 1;
|
|
border: 1px solid;
|
|
border-image: linear-gradient(90deg, #fcead5, #f1b874, #f2d9bb) 2 2;
|
|
transform: rotate(90deg);
|
|
top: 35px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.plusRight {
|
|
margin-left: 100rpx;
|
|
|
|
.rightTop {
|
|
width: 280rpx;
|
|
height: 40rpx;
|
|
font-size: 28rpx;
|
|
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 auto 0;
|
|
|
|
.walletList {
|
|
display: flex;
|
|
margin: 30rpx 0 0 28rpx;
|
|
justify-content: space-around;
|
|
|
|
.listItem {
|
|
text-align: center;
|
|
|
|
.num {
|
|
height: 50rpx;
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
color: #2F2F2F;
|
|
line-height: 50rpx;
|
|
}
|
|
|
|
.info {
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: #3D3D3D;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.newplus {
|
|
display: flex;
|
|
margin: 25rpx 30rpx 0;
|
|
justify-content: space-between;
|
|
|
|
.memVip {
|
|
width: 334rpx;
|
|
height: 130rpx;
|
|
background: linear-gradient(180deg, #FFF0DF 0%, #EFD4B4 100%);
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.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: 15rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
|
|
.inVip {
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
color: #654731;
|
|
margin-right: 6rpx;
|
|
margin-left: 50rpx;
|
|
}
|
|
|
|
.enjoyVip {
|
|
height: 28rpx;
|
|
font-size: 20rpx;
|
|
font-weight: 400;
|
|
color: #966542;
|
|
line-height: 28rpx;
|
|
margin-right: 20rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.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: 20rpx auto 0;
|
|
|
|
.manageTitle {
|
|
width: 638rpx;
|
|
height: 44rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
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-weight: 500;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
|
|
.image-text_21 {
|
|
width: 20%;
|
|
float: left;
|
|
position: relative;
|
|
text-align: center;
|
|
|
|
.label_11 {
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
}
|
|
|
|
.text-group_21 {
|
|
line-height: 40rpx;
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: #3D3D3D;
|
|
}
|
|
|
|
.text_71 {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
background: #F3202A;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
right: 20rpx;
|
|
top: -10rpx;
|
|
z-index: 2;
|
|
line-height: 30rpx;
|
|
font-size: 24rpx;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.label_1 {
|
|
width: 62rpx;
|
|
height: 62rpx;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.text-group_2 {
|
|
width: 104rpx;
|
|
height: 34rpx;
|
|
margin-top: 10rpx;
|
|
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: 104rpx;
|
|
height: 100rpx;
|
|
}
|
|
|
|
.image_4 {
|
|
width: 62rpx;
|
|
height: 62rpx;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.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: 104rpx;
|
|
height: 100rpx;
|
|
}
|
|
|
|
.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 36rpx;
|
|
|
|
.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;
|
|
background-image: url('https://www.royaum.com.cn/static/user/manage.png');
|
|
background-size: 100% 100%;
|
|
line-height: 120rpx;
|
|
color: #fff;
|
|
font-size: 28rpx;
|
|
padding-left: 130rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.typeLeft {
|
|
margin: 20rpx 20rpx 0 28rpx;
|
|
}
|
|
|
|
.typeRight {
|
|
margin: 20rpx 20rpx 0 0rpx;
|
|
position: relative;
|
|
|
|
.sale {
|
|
width: 98rpx;
|
|
height: 98rpx;
|
|
position: absolute;
|
|
top: 8rpx;
|
|
left: 20rpx;
|
|
margin-right: 20rpx;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.wallet {
|
|
width: 688rpx;
|
|
height: 186rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
opacity: 1;
|
|
margin: 16rpx auto 0;
|
|
|
|
.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-weight: 600;
|
|
color: #2F2F2F;
|
|
line-height: 50rpx;
|
|
}
|
|
|
|
.info {
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: #3D3D3D;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.myServe {
|
|
width: 688rpx;
|
|
// height: 436rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
opacity: 1;
|
|
margin: 16rpx auto 0;
|
|
|
|
.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;
|
|
position: relative;
|
|
|
|
.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: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 2;
|
|
opacity: 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 auto;
|
|
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;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.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 {
|
|
// min-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;
|
|
|
|
.codeMain1 {
|
|
width: 702rpx;
|
|
height: 702rpx;
|
|
position: relative;
|
|
|
|
.bg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.code {
|
|
width: 170rpx;
|
|
height: 170rpx;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
right: 70rpx;
|
|
bottom: 55rpx;
|
|
z-index: 2;
|
|
}
|
|
|
|
.btn {
|
|
width: 220rpx;
|
|
height: 50rpx;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 172rpx;
|
|
margin-left: -110rpx;
|
|
z-index: 3;
|
|
}
|
|
}
|
|
|
|
.codeMain2 {
|
|
width: 702rpx;
|
|
height: 889rpx;
|
|
position: relative;
|
|
|
|
.bg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.code {
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 105rpx;
|
|
margin-left: -75rpx;
|
|
z-index: 2;
|
|
}
|
|
|
|
.btn {
|
|
width: 400rpx;
|
|
height: 50rpx;
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 10rpx;
|
|
margin-left: -200rpx;
|
|
z-index: 3;
|
|
}
|
|
}
|
|
|
|
.codeMain {
|
|
width: 560rpx;
|
|
height: 714rpx;
|
|
background-image: url('https://www.royaum.com.cn/static/bg-2.png');
|
|
background-size: 100% 100%;
|
|
|
|
.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>
|
|
|