|
@@ -1,188 +1,88 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <view>
|
|
|
|
|
- <view class="top-cont">
|
|
|
|
|
- <image class="bg" src="../../static/images/hp_top_bg.png" mode=""></image>
|
|
|
|
|
- <view class="top-inner">
|
|
|
|
|
- <!-- 这里是状态栏 -->
|
|
|
|
|
- <view class="status_bar" :style="{height: statusBarHeight}"></view>
|
|
|
|
|
- <view class="user-info">
|
|
|
|
|
- <view class="left" @click="openPersonInfo()">
|
|
|
|
|
- <view class="head-img">
|
|
|
|
|
- <image :src="!user.avatar?'/static/images/detault_head.jpg':user.avatar" mode="aspectFill"></image>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="name-phone">
|
|
|
|
|
- <view class="name">{{user.nickname}}</view>
|
|
|
|
|
- <view class="phone" v-if="user.phone">{{utils.parsePhone(user.phone)}}</view>
|
|
|
|
|
|
|
+ <view class="container">
|
|
|
|
|
+ <view class="bg"></view>
|
|
|
|
|
+ <view class="top-content">
|
|
|
|
|
+ <!-- 这里是状态栏 -->
|
|
|
|
|
+ <view class="status_bar" :style="{height: statusBarHeight}"></view>
|
|
|
|
|
+ <view class="top-title">个人中心</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view class="main-content" :style="{paddingTop: `calc(${statusBarHeight} + 88rpx)`}">
|
|
|
|
|
+ <!-- 用户信息 -->
|
|
|
|
|
+ <view class="user-info" @click="openPersonInfo()">
|
|
|
|
|
+ <view class="head-img">
|
|
|
|
|
+ <image :src="!user.avatar?'/static/images/detault_head.jpg':user.avatar" mode="aspectFill"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="name-phone">
|
|
|
|
|
+ <view class="name">{{user.nickname || '请登录'}}</view>
|
|
|
|
|
+ <view class="phone">ID:{{user.userId || user.id || user.phone || '暂无'}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 菜单列表 -->
|
|
|
|
|
+ <view class="menu-list">
|
|
|
|
|
+ <view class="item" @click="navgetTo('/pages_shopping/shopping/myCoupon')">
|
|
|
|
|
+ <view class="x-f">
|
|
|
|
|
+ <view class="icon-bg">
|
|
|
|
|
+ <image src="../../static/images/mycoupon.png" mode="aspectFit"></image>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <text class="text">优惠券</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="right">
|
|
|
|
|
-
|
|
|
|
|
- <uni-badge size="small" :text="msgNum" absolute="rightTop" type="error">
|
|
|
|
|
- <view class="set" @click="navgetTo('/pages_user/user/personInfo')">
|
|
|
|
|
- <image src="../../static/images/icon-set.png" mode=""></image>
|
|
|
|
|
- </view>
|
|
|
|
|
- </uni-badge>
|
|
|
|
|
- <!-- <uni-badge size="small" :text="msgNum" absolute="rightTop" type="error">
|
|
|
|
|
- <view class="msg-box" @click="navgetTo('/pages_user/user/message')">
|
|
|
|
|
- <image src="../../static/images/icon-msg.png" mode=""></image>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- </uni-badge> -->
|
|
|
|
|
|
|
+ <u-icon name="arrow-right" size="20" color="#CCCCCC"></u-icon>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="item" @click="navgetTo('/pages_user/user/storeProductRelation')">
|
|
|
|
|
+ <view class="x-f">
|
|
|
|
|
+ <view class="icon-bg">
|
|
|
|
|
+ <image src="../../static/images/icon_wdzj.png" mode="aspectFit"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <text class="text">浏览记录</text>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+ <u-icon name="arrow-right" size="20" color="#CCCCCC"></u-icon>
|
|
|
</view>
|
|
</view>
|
|
|
- <!-- 我的订单 -->
|
|
|
|
|
- <view class="my-order" v-if="isShowMenu">
|
|
|
|
|
- <view class="inner">
|
|
|
|
|
- <view class="title-box">
|
|
|
|
|
- <text class="title">我的订单</text>
|
|
|
|
|
- <view class="all-order" @click="showOrder('')">
|
|
|
|
|
- <text class="text">全部订单</text>
|
|
|
|
|
- <image src="../../static/images/arrow4.png" mode=""></image>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="item" @click="openH5(1)">
|
|
|
|
|
+ <view class="x-f">
|
|
|
|
|
+ <view class="icon-bg">
|
|
|
|
|
+ <image src="../../static/images/icon_yhxy.png" mode="aspectFit"></image>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="status-box">
|
|
|
|
|
- <uni-badge size="small" :text=count0 absolute="rightTop" type="error">
|
|
|
|
|
- <view class="item" @click="showOrder('0')">
|
|
|
|
|
- <image src="../../static/images/payment.png" mode=""></image>
|
|
|
|
|
- <text class="text">待付款</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </uni-badge>
|
|
|
|
|
- <uni-badge size="small" :text=count1 absolute="rightTop" type="error">
|
|
|
|
|
- <view class="item" @click="showOrder('1')">
|
|
|
|
|
- <image src="../../static/images/send_goods.png" mode=""></image>
|
|
|
|
|
- <text class="text">待发货</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </uni-badge>
|
|
|
|
|
- <uni-badge size="small" :text=count2 absolute="rightTop" type="error">
|
|
|
|
|
- <view class="item" @click="showOrder('2')">
|
|
|
|
|
- <image src="../../static/images/sou_goods.png" mode=""></image>
|
|
|
|
|
- <text class="text">待收货</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </uni-badge>
|
|
|
|
|
- <view class="item" @click="showOrder('3')">
|
|
|
|
|
- <image src="../../static/images/completed.png" mode=""></image>
|
|
|
|
|
- <text class="text">已完成</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <uni-badge size="small" :text=afterSalesCount absolute="rightTop" type="error">
|
|
|
|
|
- <view class="item" @click="navgetTo('/pages_user/user/refundOrderList')">
|
|
|
|
|
- <image src="../../static/images/after_sales.png" mode=""></image>
|
|
|
|
|
- <text class="text">售后/退款</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </uni-badge>
|
|
|
|
|
|
|
+ <text class="text">用户协议</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <u-icon name="arrow-right" size="20" color="#CCCCCC"></u-icon>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="item" @click="openH5(2)">
|
|
|
|
|
+ <view class="x-f">
|
|
|
|
|
+ <view class="icon-bg">
|
|
|
|
|
+ <image src="../../static/images/advice.png" mode="aspectFit"></image>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <text class="text">隐私保护</text>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <u-icon name="arrow-right" size="20" color="#CCCCCC"></u-icon>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="content">
|
|
|
|
|
- <!-- 常用工具 -->
|
|
|
|
|
- <view class="used-tools">
|
|
|
|
|
- <view class="title">常用工具</view>
|
|
|
|
|
- <view class="tools-list">
|
|
|
|
|
- <!-- <view
|
|
|
|
|
- v-for="(item,index) in toolsArr"
|
|
|
|
|
- :key="index"
|
|
|
|
|
- @click="navgetTo(item.url)"
|
|
|
|
|
- :class="(toolsArr.length - index) > toolsRemain?'item':'item no-marin-bottom'">
|
|
|
|
|
- <image :src="item.img" mode=""></image>
|
|
|
|
|
- <text class="text">{{ item.name }}</text>
|
|
|
|
|
- <button v-if="item.url == ''" class="contact-btn" open-type="contact"></button>
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <!-- <view class="item" @click="navgetTo('/pages_user/user/doctorOrder')">
|
|
|
|
|
- <image src="../../static/images/my_ask.png" mode=""></image>
|
|
|
|
|
- <text class="text">我的问诊</text>
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <!-- <view class="item" @click="navgetTo('/pages_user/user/prescribeOrder')">
|
|
|
|
|
- <image src="../../static/images/icon_zzzs.png" mode=""></image>
|
|
|
|
|
- <text class="text">我的处方</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="item" @click="navgetTo('/pages_user/user/patient')">
|
|
|
|
|
- <image src="../../static/images/management.png" mode=""></image>
|
|
|
|
|
- <text class="text">就诊人管理</text>
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <!-- <view class="item" @click="navgetTo('/pages_user/user/address')">
|
|
|
|
|
- <image src="../../static/images/address.png" mode=""></image>
|
|
|
|
|
- <text class="text">收货地址</text>
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <!-- <view class="item no-marin-bottom" @click="navgetTo('/pages_user/user/integral')">
|
|
|
|
|
- <image src="../../static/images/integral.png" mode=""></image>
|
|
|
|
|
- <text class="text">积分管理</text>
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <view class="item no-marin-bottom" @click="navgetTo('/pages_shopping/shopping/myCoupon')">
|
|
|
|
|
- <view class="x-f">
|
|
|
|
|
- <image src="../../static/images/mycoupon.png" mode=""></image>
|
|
|
|
|
- <text class="text">优惠券</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <u-icon name="arrow-right" size="16" color="#666"></u-icon>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="item no-marin-bottom" @click="navgetTo('/pages_user/user/storeProductRelation')">
|
|
|
|
|
- <view class="x-f">
|
|
|
|
|
- <image src="../../static/images/icon_wdzj.png" mode=""></image>
|
|
|
|
|
- <text class="text">我的足迹</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <u-icon name="arrow-right" size="16" color="#666"></u-icon>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="item no-marin-bottom" @click="openH5(1)">
|
|
|
|
|
- <view class="x-f">
|
|
|
|
|
- <image src="../../static/images/icon_yhxy.png" mode=""></image>
|
|
|
|
|
- <text class="text">用户协议</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <u-icon name="arrow-right" size="16" color="#666"></u-icon>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="item no-marin-bottom align-top" @click="openH5(2)">
|
|
|
|
|
- <view class="x-f">
|
|
|
|
|
- <image src="../../static/images/advice.png" mode=""></image>
|
|
|
|
|
- <text class="text">隐私保护</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <u-icon name="arrow-right" size="16" color="#666"></u-icon>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="item no-marin-bottom">
|
|
|
|
|
- <view class="x-f">
|
|
|
|
|
- <image src="../../static/images/customer1.png" mode=""></image>
|
|
|
|
|
- <text class="text">专属客服</text>
|
|
|
|
|
- <button class="contact-btn" open-type="contact"></button>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <!-- <view v-if="user.isPromoter==0" class="item no-marin-bottom" @click="navgetTo('/pages_user/user/userTuiAdd')">
|
|
|
|
|
- <image src="../../static/images/my_promotion.png" mode=""></image>
|
|
|
|
|
- <text class="text">申请健康大使</text>
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <!-- <view v-if="user.isPromoter==1" class="item no-marin-bottom" @click="navgetTo('/pages_user/user/userTui')">
|
|
|
|
|
- <image src="../../static/images/my_promotion.png" mode=""></image>
|
|
|
|
|
- <text class="text">我的推广</text>
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <!-- <view class="item no-marin-bottom" @click="navgetTo('/pages/home/cert')">
|
|
|
|
|
- <view class="x-f">
|
|
|
|
|
- <image src="../../static/images/icon_zzzs.png" mode=""></image>
|
|
|
|
|
- <text class="text">资质证书</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <u-icon name="arrow-right" size="16" color="#666"></u-icon>
|
|
|
|
|
- </view> -->
|
|
|
|
|
-
|
|
|
|
|
- <!-- <view class="item no-marin-bottom" @click="toManager()">
|
|
|
|
|
- <image src="../../static/images/management.png" mode=""></image>
|
|
|
|
|
- <text class="text">销售管理</text>
|
|
|
|
|
- </view> -->
|
|
|
|
|
-
|
|
|
|
|
|
|
+ <view class="item">
|
|
|
|
|
+ <view class="x-f">
|
|
|
|
|
+ <view class="icon-bg">
|
|
|
|
|
+ <image src="../../static/images/customer1.png" mode="aspectFit"></image>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <text class="text">专属客服</text>
|
|
|
|
|
+ <button class="contact-btn" open-type="contact"></button>
|
|
|
</view>
|
|
</view>
|
|
|
- <!-- 退出登录按钮 -->
|
|
|
|
|
- <!-- <view class="log-out">退出登录</view> -->
|
|
|
|
|
|
|
+ <u-icon name="arrow-right" size="20" color="#CCCCCC"></u-icon>
|
|
|
</view>
|
|
</view>
|
|
|
- <view style="padding-bottom: 20rpx; padding:20rpx" v-if="isLogin">
|
|
|
|
|
- <view @tap="loginOUt" class="log-out x-c" >退出登录</view>
|
|
|
|
|
|
|
+ <view class="item" @click="navgetTo('/pages_user/user/personInfo')">
|
|
|
|
|
+ <view class="x-f">
|
|
|
|
|
+ <view class="icon-bg">
|
|
|
|
|
+ <image src="../../static/images/icon-set.png" mode="aspectFit"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <text class="text">个人信息</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <u-icon name="arrow-right" size="20" color="#CCCCCC"></u-icon>
|
|
|
</view>
|
|
</view>
|
|
|
- <!-- <view class="banner">
|
|
|
|
|
- <image src="https://hos-1309931967.cos.ap-chongqing.myqcloud.com/fs/20221125/71ddd95044bb46d5b27e19a5f61cf5ab.png"></image>
|
|
|
|
|
- <view class="tel_btn" @click="callService()"></view>
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <!-- <view class="like-product">
|
|
|
|
|
- <likeProduct ref="product" />
|
|
|
|
|
- </view> -->
|
|
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 退出登录 -->
|
|
|
|
|
+ <view class="logout-box" v-if="isLogin">
|
|
|
|
|
+ <view class="log-out" @click="loginOUt">退出登录</view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -339,253 +239,144 @@
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
|
- .top-cont{
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 494upx;
|
|
|
|
|
|
|
+ page {
|
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
|
+ }
|
|
|
|
|
+ .container {
|
|
|
|
|
+ min-height: 100vh;
|
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
.bg{
|
|
.bg{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 380rpx;
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 0;
|
|
|
|
|
- left: 0;
|
|
|
|
|
- }
|
|
|
|
|
- .top-inner{
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
|
|
+ height: 500rpx;
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
|
|
+ background: linear-gradient(180deg, #DDF5E3 0%, #FFFFFF 100%);
|
|
|
top: 0;
|
|
top: 0;
|
|
|
left: 0;
|
|
left: 0;
|
|
|
- z-index: 2;
|
|
|
|
|
- .user-info{
|
|
|
|
|
- padding: 88upx 30upx 0 30upx;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- .left{
|
|
|
|
|
- position: relative;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- .head-img{
|
|
|
|
|
- width: 120upx;
|
|
|
|
|
- height: 120upx;
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- margin-right: 30upx;
|
|
|
|
|
- border: 4upx solid #FFFFFF;
|
|
|
|
|
- box-shadow: 0px 5px 15px 2px rgba(0,0,0,0.1);
|
|
|
|
|
- image{
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .name-phone{
|
|
|
|
|
- padding-top: 15upx;
|
|
|
|
|
- .name{
|
|
|
|
|
- font-size: 40upx;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- color: #111111;
|
|
|
|
|
- line-height: 1;
|
|
|
|
|
- }
|
|
|
|
|
- .phone{
|
|
|
|
|
- font-size: 28upx;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: 500;
|
|
|
|
|
- color: #666666;
|
|
|
|
|
- line-height: 1;
|
|
|
|
|
- margin-top: 30upx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .right{
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- .msg-box{
|
|
|
|
|
- margin-left: 10upx;
|
|
|
|
|
- width: 44upx;
|
|
|
|
|
- height: 44upx;
|
|
|
|
|
- image{
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .set{
|
|
|
|
|
-
|
|
|
|
|
- width: 44upx;
|
|
|
|
|
- height: 44upx;
|
|
|
|
|
- image{
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
- .my-order{
|
|
|
|
|
- padding: 50upx 20upx 0;
|
|
|
|
|
- .inner{
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- height: 245upx;
|
|
|
|
|
- background: #FFFFFF;
|
|
|
|
|
- border-radius: 16upx;
|
|
|
|
|
- padding: 40upx 30upx;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex-direction: column;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- .title-box{
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- .title{
|
|
|
|
|
- font-size: 34upx;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- color: #222222;
|
|
|
|
|
- line-height: 1;
|
|
|
|
|
- }
|
|
|
|
|
- .all-order{
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- .text{
|
|
|
|
|
- font-size: 26upx;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: 500;
|
|
|
|
|
- color: #999999;
|
|
|
|
|
- line-height: 1;
|
|
|
|
|
- margin-right: 8upx;
|
|
|
|
|
- }
|
|
|
|
|
- image{
|
|
|
|
|
- width: 14upx;
|
|
|
|
|
- height: 24upx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .status-box{
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- padding: 0 10upx;
|
|
|
|
|
- .item{
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex-direction: column;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- image{
|
|
|
|
|
- width: 56upx;
|
|
|
|
|
- height: 56upx;
|
|
|
|
|
- margin-bottom: 18upx;
|
|
|
|
|
- }
|
|
|
|
|
- .text{
|
|
|
|
|
- font-size: 26upx;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: 500;
|
|
|
|
|
- color: #111111;
|
|
|
|
|
- line-height: 1;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .content{
|
|
|
|
|
- margin-top: 20upx;
|
|
|
|
|
- padding: 0 20upx;
|
|
|
|
|
|
|
+ .top-content{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ z-index: 10;
|
|
|
|
|
+ background-color: transparent;
|
|
|
|
|
+ }
|
|
|
|
|
+ .status_bar {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ background-color: transparent;
|
|
|
|
|
+ }
|
|
|
|
|
+ .top-title{
|
|
|
|
|
+ height: 88upx;
|
|
|
|
|
+ line-height: 88upx;
|
|
|
|
|
+ font-size: 36upx;
|
|
|
|
|
+ font-family: Source Han Sans CN;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: #333333;
|
|
|
|
|
+ padding-left: 30upx;
|
|
|
|
|
+ background-color: transparent;
|
|
|
|
|
+ }
|
|
|
|
|
+ .main-content {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ z-index: 2;
|
|
|
|
|
+ padding: 0 40rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .user-info{
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- justify-content: center;
|
|
|
|
|
- .used-tools{
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- background: #FFFFFF;
|
|
|
|
|
- border-radius: 16upx;
|
|
|
|
|
- padding: 40upx 30upx;
|
|
|
|
|
-
|
|
|
|
|
- .title{
|
|
|
|
|
- font-size: 34upx;
|
|
|
|
|
|
|
+ padding: 40upx 0 60upx 0;
|
|
|
|
|
+ .head-img{
|
|
|
|
|
+ width: 140upx;
|
|
|
|
|
+ height: 140upx;
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ margin-right: 30upx;
|
|
|
|
|
+ background-color: #f5f5f5;
|
|
|
|
|
+ border: 4upx solid #FFFFFF;
|
|
|
|
|
+ image{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .name-phone{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ .name{
|
|
|
|
|
+ font-size: 40upx;
|
|
|
font-family: PingFang SC;
|
|
font-family: PingFang SC;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
- color: #222222;
|
|
|
|
|
- line-height: 1;
|
|
|
|
|
|
|
+ color: #333333;
|
|
|
|
|
+ line-height: 1.4;
|
|
|
|
|
+ margin-bottom: 16rpx;
|
|
|
}
|
|
}
|
|
|
- .tools-list{
|
|
|
|
|
- margin-top: 50upx;
|
|
|
|
|
- // display: flex;
|
|
|
|
|
- // flex-wrap: wrap;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- .item{
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- // flex-direction: column;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- margin-bottom: 50upx;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- image{
|
|
|
|
|
- width: 64upx;
|
|
|
|
|
- height: 64upx;
|
|
|
|
|
- }
|
|
|
|
|
- .text{
|
|
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- font-size: 32rpx;
|
|
|
|
|
- color: #333333;
|
|
|
|
|
- }
|
|
|
|
|
- .contact-btn{
|
|
|
|
|
- display: inline-block;
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 0;
|
|
|
|
|
- left: 0;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- opacity: 0;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ .phone{
|
|
|
|
|
+ font-size: 26upx;
|
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
|
+ color: #999999;
|
|
|
|
|
+ line-height: 1.4;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
}
|
|
}
|
|
|
- .sub-btn{
|
|
|
|
|
- position: absolute;
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .menu-list{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
|
|
- opacity: 0;
|
|
|
|
|
- }
|
|
|
|
|
- .like-product{
|
|
|
|
|
- padding: 0 20rpx;
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
- .banner{
|
|
|
|
|
- padding: 20rpx 20rpx 0rpx 20rpx;
|
|
|
|
|
- height: 200rpx;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- image{
|
|
|
|
|
- width:100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
|
|
+ .item{
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ padding: 30upx 0;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ .x-f {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ }
|
|
|
|
|
+ .icon-bg {
|
|
|
|
|
+ border-radius: 16rpx;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ margin-right: 24rpx;
|
|
|
|
|
+ image {
|
|
|
|
|
+ width: 72rpx;
|
|
|
|
|
+ height: 72rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .text{
|
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
|
+ color: #333333;
|
|
|
|
|
+ }
|
|
|
|
|
+ .contact-btn{
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ opacity: 0;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
- .tel_btn{
|
|
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .logout-box {
|
|
|
|
|
+ margin-top: 60rpx;
|
|
|
|
|
+ padding-bottom: 60rpx;
|
|
|
|
|
+ .log-out{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
|
|
- top:0upx;
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- opacity:0.0;
|
|
|
|
|
|
|
+ height: 88upx;
|
|
|
|
|
+ line-height: 88upx;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ font-size: 30upx;
|
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ color: #666666;
|
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
|
+ border: 2rpx solid #EEEEEE;
|
|
|
|
|
+ border-radius: 44upx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .log-out{
|
|
|
|
|
- height: 80upx;
|
|
|
|
|
- line-height: 80upx;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- font-size: 26upx;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: 500;
|
|
|
|
|
- color: #666666;
|
|
|
|
|
- background: #FFFFFF;
|
|
|
|
|
- border-radius: 16upx;
|
|
|
|
|
- margin-top: 20upx;
|
|
|
|
|
- }
|
|
|
|
|
</style>
|
|
</style>
|