Skip to content

M
mallapp
Commit f39e26dd authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

1

parent f966f330
Hide whitespace changes
Inline Side-by-side
Showing with 317 additions and 117 deletions
pages/share/index/index.vue
View file @ f39e26dd
<template> <template>
<view class="shareindexStyle" :style="{'height':contentHeight}"> <view class="shareindexStyle" :style="{'height':contentHeight}">
<view
class="headStatus"
v-if=""
:style="[headStyle]"
>
<view class="arrow" @click="redirectPrev">
<u-icon name="arrow-left" size="48" color="#000"></u-icon>
</view>
<view class="title">{{pageTitle}}</view>
</view>
<view class="shareadd" v-if=" sharestatus.Status==1"> <view class="shareadd" v-if=" sharestatus.Status==1">
<u-empty text=" " mode="data"></u-empty> <u-empty text=" " mode="data"></u-empty>
<Text style='margin: 10px 0;'>{{sharestatus.Msg}}</Text> <Text style='margin: 10px 0;'>{{sharestatus.Msg}}</Text>
...@@ -7,7 +17,7 @@ ...@@ -7,7 +17,7 @@
<Text>{{sharestatus.ApplyForName}}</Text> <Text>{{sharestatus.ApplyForName}}</Text>
</view> </view>
</view> </view>
<view v-if="sharestatus.Status==2" style="width: 100%;display: flex;flex-direction: column;align-items: center;"> <view v-if="sharestatus.Status==3" style="width: 100%;display: flex;flex-direction: column;align-items: center;">
<image src="../../../static/images/icon/img-share-status.png" style="width: 100%;height: 165px;"></image> <image src="../../../static/images/icon/img-share-status.png" style="width: 100%;height: 165px;"></image>
<Text style='margin-top: 70px;'>谢谢您的支持，请等待审核</Text> <Text style='margin-top: 70px;'>谢谢您的支持，请等待审核</Text>
<view style="display: flex;align-items: center;justify-content: center;margin-top: 60rpx;"> <view style="display: flex;align-items: center;justify-content: center;margin-top: 60rpx;">
...@@ -21,7 +31,7 @@ ...@@ -21,7 +31,7 @@
<u-button shape="circle" type="error" size="medium" @click='goshoping'>去商城逛逛</u-button> <u-button shape="circle" type="error" size="medium" @click='goshoping'>去商城逛逛</u-button>
</view> --> </view> -->
</view> </view>
<view style="width: 100%;height: 100%;" v-if="sharestatus.Status==3"> <view style="width: 100%;height: 100%;" v-if="sharestatus.Status==4">
<view class="sharebox_top" :style="{background:mainColor}"> <view class="sharebox_top" :style="{background:mainColor}">
<view class="sharebox_top_t"> <view class="sharebox_top_t">
<view class="top_t_l"> <view class="top_t_l">
...@@ -121,15 +131,17 @@ ...@@ -121,15 +131,17 @@
userinfo:{}, userinfo:{},
sharedata:{}, sharedata:{},
showAuth:false showAuth:false,
nav:0,
headStyle:{}
} }
}, },
created(){ created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px'; this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary; this.secondary = this.$uiConfig.secondary;
this.nav = uni.getMenuButtonBoundingClientRect().top+'px';
this.headStyle.paddingTop = this.nav ;
}, },
mounted() { mounted() {
let currentPages = getCurrentPages(); let currentPages = getCurrentPages();
...@@ -232,6 +244,14 @@ ...@@ -232,6 +244,14 @@
} }
}, },
redirectPrev() {
if (this.prevPage != "") {
uni.navigateBack({
delta: 1,
});
}
},
goUrl(url){ goUrl(url){
console.log(url) console.log(url)
uni.navigateTo({ uni.navigateTo({
...@@ -326,4 +346,32 @@ ...@@ -326,4 +346,32 @@
font-size: 13px; font-size: 13px;
margin: 5px 0; margin: 5px 0;
} }
.shareindexStyle .headStatus {
overflow: hidden;
position: relative;
width: 140vw;
padding-right: 40vw;
padding-bottom: 10px;
position: fixed;
left: 0;
right: 0;
top: 0;
display: flex;
background: #FFFFFF;
}
.shareindexStyle .headStatus .arrow {
height: 24px;
margin: 5px 10px;
width: 24px;
}
.shareindexStyle .headStatus .title {
font-size: 18px;
color: #000;
flex: 1;
width: 1px;
margin-left: 10px;
line-height: 34px;
/* text-align: center; */
}
</style> </style>
pages/user-center/user-center.vue
View file @ f39e26dd
<template> <template>
<view class="userStyle"> <scroll-view
<view class="userBox" :style="{ 'margin-bottom': bottommargin }"> :scroll-y="true"
@scroll="scrollHandler"
@scrolltoupper="scrollTopHandler"
style="height: 100vh;">
<view class="userStyle">
<view <view
:style="{ 'background-image': 'url(' + (meueData.user_center.top_pic_url ? meueData.user_center.top_pic_url : '') + ')', backgroundSize: '100% 330rpx' }" class="headStatus"
class="imgbg" v-if="scrollTop > 50"
:style="[
headStyle,
{
zIndex: scrollTop < 10 ? 'unset' : 2,
opacity: scrollTop < 10 ? '100' : scrollTop,
},
]"
> >
<view style="display: flex;flex-direction: row;align-items: center;width: 100%;" v-if="meueData.user_center.top_style == 1"> <!-- <view class="arrow" >
<u-avatar :src="user_info.avatar" size="140" style="margin-left: 50rpx;"></u-avatar> <u-icon name="arrow-left" size="48" color="#FFF"></u-icon>
<view style="display: flex;flex-direction: column;justify-content: center;"> </view> -->
<view class="title" v-if="scrollTop > 50">{{pageTitle}}</view>
</view>
<view class="userBox" :style="{ 'margin-bottom': bottommargin }">
<view
:style="{ 'background-image': 'url(' + (meueData.user_center.top_pic_url ? meueData.user_center.top_pic_url : '') + ')', backgroundSize: '100% 310px' }"
class="imgbg"
>
<view class="titlenav" :style="{paddingTop:nav}">{{pageTitle}}</view>
<view style="display: flex;flex-direction: row;align-items: center;width: 100%;margin-top: 52px;" v-if="meueData.user_center.top_style == 1">
<u-avatar :src="user_info.avatar" size="140" style="margin-left: 50rpx;"></u-avatar>
<view style="display: flex;flex-direction: column;justify-content: center;">
<Text style="color: #FFF;margin-left: 20rpx;font-size: 36rpx;" @click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text>
<view class="member" v-if="is_icon_members_grade == 1">
<image :src="meueData.user_center.top_pic_url" mode="aspectFill" style="width: 26px;height: 26px;border-radius: 13px;"></image>
<Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text>
</view>
</view>
</view>
<view style="display: flex;flex-direction: column;align-items: center;" v-if="meueData.user_center.top_style == 2">
<u-avatar :src="user_info.avatar" size="140"></u-avatar>
<Text style="color: #FFF;margin-left: 20rpx;font-size: 36rpx;" @click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text> <Text style="color: #FFF;margin-left: 20rpx;font-size: 36rpx;" @click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text>
<view class="member" v-if="is_icon_members_grade == 1"> <view class="member" v-if="is_icon_members_grade == 1">
<image :src="meueData.user_center.top_pic_url" mode="aspectFill" style="width: 26px;height: 26px;border-radius: 13px;"></image> <image :src="meueData.user_center.top_pic_url" mode="aspectFill" style="width: 26px;height: 26px;border-radius: 13px;"></image>
<Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text> <Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text>
</view> </view>
</view> </view>
</view> <view class="top_b">
<view style="display: flex;flex-direction: column;align-items: center;" v-if="meueData.user_center.top_style == 2"> <view class="top_b_item" v-if="meueData.user_center.is_foot_bar_status == 1" @click="goUrl('/pages/favorite/favorite')">
<u-avatar :src="user_info.avatar" size="140"></u-avatar> <text style="font-size: 21px;">{{user_info.favorite}}</text>
<Text style="color: #FFF;margin-left: 20rpx;font-size: 36rpx;" @click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text> <text>{{meueData.user_center.foot_bar[0].name}}</text>
<view class="member" v-if="is_icon_members_grade == 1"> </view>
<image :src="meueData.user_center.top_pic_url" mode="aspectFill" style="width: 26px;height: 26px;border-radius: 13px;"></image> <view class="top_b_item" v-if="meueData.user_center.is_foot_bar_status == 1" @click="goUrl('/pages/foot/index/index')">
<Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text> <text style="font-size: 21px;">{{user_info.footprint}}</text>
</view> <text>{{meueData.user_center.foot_bar[1].name}}</text>
</view> </view>
<view class="ReceiptAdder" @click="goUrl('/pages/address/address')" :style="{ background: mainColor }"> <view class="top_b_item" v-if="meueData.user_center.is_account_status == 1" @click="goUrl('/pages/coupon/index/index')">
<u-icon name="location" color="#fff" size="40"></u-icon> <text style="font-size: 21px;">{{user_info.coupon}}</text>
<Text style="color: #fff;font-size: 32;margin-left: 20rpx;">收货地址</Text> <text v-for="(item, index) in meueData.user_center.account" :key="index">{{item.link_url == '/pages/coupon/index/index'?item.name:''}}</text>
</view> </view>
</view>
<view class="footprint" v-if="meueData.user_center.is_foot_bar_status == 1">
<view class="footprint_item" @click="goUrl('/pages/favorite/favorite')">
<text>{{ user_info.favorite }}</text>
<view class="footprint_item_bottom">
<image :src="meueData.user_center.foot_bar[0].icon_url" style="width: 40rpx;height: 40rpx;"></image>
<Text style="margin-left: 10rpx;">{{ meueData.user_center.foot_bar[0].name }}</Text>
</view> </view>
</view> <view class="ReceiptAdder" @click="goUrl('/pages/address/address')" style=" background: rgba(55, 55, 55, 0.15) ">
<view style="width: 1px;height: 60rpx;background: #000000;"></view> <u-icon name="location" color="#fff" size="23"></u-icon>
<view class="footprint_item" @click="goUrl('/pages/foot/index/index')"> <Text style="color: #fff;font-size: 12px;margin-left: 20rpx;">收货地址</Text>
<text>{{ user_info.footprint }}</text>
<view class="footprint_item_bottom">
<image :src="meueData.user_center.foot_bar[1].icon_url" style="width: 40rpx;height: 40rpx;"></image>
<Text style="margin-left: 10rpx;">{{ meueData.user_center.foot_bar[1].name }}</Text>
</view> </view>
</view> <view class="Receiptbalance" v-if="meueData.user_center.is_account_status == 1">
</view> <view class="Receiptbalance_item" v-for="(item, index) in meueData.user_center.account" :key="index"
v-if="item.link_url == '/pages/balance/balance'" @click="goUrl(item.link_url)">
<view class="account_bar" v-if="meueData.user_center.is_account_status == 1"> <image :src="item.icon_url" style="width: 22px;" mode ='widthFix' ></image>
<view class="account_bar_item" v-for="(item, index) in meueData.user_center.account" @click="goUrl(item.link_url)" :key="index"> <view style="margin-left: 15px;display: flex;flex-direction: column;justify-content: space-between;">
<!-- 优惠券 --> <span style='font-size: 21px;color: #0D0D0D;font-weight: 200;'>{{user_info.balance>10000?(user_info.balance/10000).toFixed(1)+'w':user_info.balance}}</span>
<Text :style="{ color: secondary }" v-if="item.link_url == '/pages/coupon/index/index'">{{ user_info.coupon }}</Text> <span style=''>{{item.name}}</span>
<!-- 积分 --> </view>
<Text :style="{ color: secondary }" v-if="item.link_url == '/pages/user-center/integral-detail/integral-detail'">{{ user_info.integral }}</Text> </view>
<!-- 余额 --> <view style="width: 1px;height: 34px;background: #E8E8E8;"></view>
<Text :style="{ color: secondary }" v-if="item.link_url == '/pages/balance/balance'">{{ user_info.balance }}</Text> <view class="Receiptbalance_item" v-for="(item, index) in meueData.user_center.account" :key="index"
<!-- 卡券 --> v-if="item.link_url == '/pages/user-center/integral-detail/integral-detail'" @click="goUrl(item.link_url)">
<Text :style="{ color: secondary }" v-if="item.link_url == '/pages/card/index/index'">{{ user_info.card }}</Text> <image :src="item.icon_url" style="width: 17px;" mode ='widthFix'></image>
<view class="footprint_item_bottom"> <view style="margin-left: 15px;display: flex;flex-direction: column;justify-content: space-between;">
<image :src="item.icon_url" style="width: 26rpx;height: 26rpx;"></image> <span style='font-size: 21px;color: #0D0D0D;font-weight: 200;'>{{user_info.integral>10000?(user_info.integral/10000).toFixed(1)+'w':user_info.integral}}</span>
<Text style="margin-left: 10rpx;">{{ item.name }}</Text> <span>{{item.name}}</span>
</view>
</view>
</view> </view>
</view> </view>
<view style="width: 1px;height: 60rpx;background: #f5f5f5;" v-if="meueData.user_center.account_bar.integral.status == 1"></view> <!-- <view class="footprint" v-if="meueData.user_center.is_foot_bar_status == 1">
</view> <view class="footprint_item" @click="goUrl('/pages/favorite/favorite')">
<text>{{ user_info.favorite }}</text>
<view class="order_bar" v-if="meueData.user_center.is_order_bar_status == 1"> <view class="footprint_item_bottom">
<u-section title="我的订单" sub-title="查看更多" style="width: 100%;padding: ;" @click="goUrl('/pages/order/index/index?status=0')"></u-section> <image :src="meueData.user_center.foot_bar[0].icon_url" style="width: 40rpx;height: 40rpx;"></image>
<view class="order_bar_list"> <Text style="margin-left: 10rpx;">{{ meueData.user_center.foot_bar[0].name }}</Text>
<view class="order_bar_item" v-for="(item, index) in meueData.user_center.order_bar" :key="index" :name="item.name" @click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 66rpx;height: 60rpx;"></image>
<Text style="margin-top: 10rpx;">{{ item.name }}</Text>
<!-- 待付款 -->
<view v-if="item.link_url == '/pages/order/index/index?status=1' && user_info.MyOrder.NonPayment > 0" class="badge" :style="{ background: mainColor }">
{{ user_info.MyOrder.NonPayment }}
</view>
<!-- 待发货 -->
<view v-if="item.link_url == '/pages/order/index/index?status=2' && user_info.MyOrder.WaitSendGoods > 0" class="badge" :style="{ background: mainColor }">
{{ user_info.MyOrder.WaitSendGoods }}
</view> </view>
<!-- 待收货 --> </view>
<view v-if="item.link_url == '/pages/order/index/index?status=3' && user_info.MyOrder.WaitReceiving > 0" class="badge" :style="{ background: mainColor }"> <view style="width: 1px;height: 60rpx;background: #000000;"></view>
{{ user_info.MyOrder.WaitReceiving }} <view class="footprint_item" @click="goUrl('/pages/foot/index/index')">
<text>{{ user_info.footprint }}</text>
<view class="footprint_item_bottom">
<image :src="meueData.user_center.foot_bar[1].icon_url" style="width: 40rpx;height: 40rpx;"></image>
<Text style="margin-left: 10rpx;">{{ meueData.user_center.foot_bar[1].name }}</Text>
</view> </view>
<!-- 待评价 --> </view>
<view v-if="item.link_url == '/pages/order/index/index?status=4' && user_info.MyOrder.WaitCommentNum > 0" class="badge" :style="{ background: mainColor }"> </view> -->
{{ user_info.MyOrder.WaitCommentNum }}
<!-- <view class="account_bar" v-if="meueData.user_center.is_account_status == 1">
<view class="account_bar_item" v-for="(item, index) in meueData.user_center.account" @click="goUrl(item.link_url)" :key="index">
优惠券
<Text :style="{ color: secondary }" v-if="item.link_url == '/pages/coupon/index/index'">{{ user_info.coupon }}</Text>
积分
<Text :style="{ color: secondary }" v-if="item.link_url == '/pages/user-center/integral-detail/integral-detail'">{{ user_info.integral }}</Text>
余额
<Text :style="{ color: secondary }" v-if="item.link_url == '/pages/balance/balance'">{{ user_info.balance }}</Text>
卡券
<Text :style="{ color: secondary }" v-if="item.link_url == '/pages/card/index/index'">{{ user_info.card }}</Text>
<view class="footprint_item_bottom">
<image :src="item.icon_url" style="width: 26rpx;height: 26rpx;"></image>
<Text style="margin-left: 10rpx;">{{ item.name }}</Text>
</view> </view>
<!-- 售后 --> </view>
<view v-if="item.link_url == '/pages/order/after-sale/refunds-list' && user_info.MyOrder.AfterSaleNum > 0" class="badge" :style="{ background: mainColor }"> <view style="width: 1px;height: 60rpx;background: #f5f5f5;" v-if="meueData.user_center.account_bar.integral.status == 1"></view>
{{ user_info.MyOrder.AfterSaleNum }} </view> -->
<view class="order_bar" v-if="meueData.user_center.is_order_bar_status == 1">
<u-section title="我的订单" sub-title="查看更多" style="width: 100%;padding:0px 0 10px ;" @click="goUrl('/pages/order/index/index?status=0')"></u-section>
<view class="order_bar_list">
<view class="order_bar_item" v-for="(item, index) in meueData.user_center.order_bar" :key="index" :name="item.name" @click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 60rpx" mode ='widthFix'></image>
<Text style="margin-top: 10rpx;">{{ item.name }}</Text>
<!-- 待付款 -->
<view v-if="item.link_url == '/pages/order/index/index?status=1' && user_info.MyOrder.NonPayment > 0" class="badge" :style="{ background: mainColor }">
{{ user_info.MyOrder.NonPayment }}
</view>
<!-- 待发货 -->
<view v-if="item.link_url == '/pages/order/index/index?status=2' && user_info.MyOrder.WaitSendGoods > 0" class="badge" :style="{ background: mainColor }">
{{ user_info.MyOrder.WaitSendGoods }}
</view>
<!-- 待收货 -->
<view v-if="item.link_url == '/pages/order/index/index?status=3' && user_info.MyOrder.WaitReceiving > 0" class="badge" :style="{ background: mainColor }">
{{ user_info.MyOrder.WaitReceiving }}
</view>
<!-- 待评价 -->
<view v-if="item.link_url == '/pages/order/index/index?status=4' && user_info.MyOrder.WaitCommentNum > 0" class="badge" :style="{ background: mainColor }">
{{ user_info.MyOrder.WaitCommentNum }}
</view>
<!-- 售后 -->
<view v-if="item.link_url == '/pages/order/after-sale/refunds-list' && user_info.MyOrder.AfterSaleNum > 0" class="badge" :style="{ background: mainColor }">
{{ user_info.MyOrder.AfterSaleNum }}
</view>
</view> </view>
</view> </view>
</view> </view>
</view>
<view :class="meueData.user_center.menu_style == 1 ? 'menus2' : 'menus'" v-if="meueData.user_center.is_menu_status == 1"> <view :class="meueData.user_center.menu_style == 1 ? 'menus2' : 'menus'" v-if="meueData.user_center.is_menu_status == 1">
<view <view
:class="meueData.user_center.menu_style == 1 ? 'menus_item2' : 'menus_item'" :class="meueData.user_center.menu_style == 1 ? 'menus_item2' : 'menus_item'"
v-for="(item, index) in meueData.user_center.menus" v-for="(item, index) in meueData.user_center.menus"
:key="index" :key="index"
:name="item.name" :name="item.name"
@click="goUrl(item.link_url)" @click="goUrl(item.link_url)"
v-if="item.name != '分销中心' || user_info.isShowDistributionCenter == 1" v-if="item.name != '分销中心' || user_info.isShowDistributionCenter == 1"
>
<image :src="item.icon_url" style="width: 48rpx;height: 48rpx;"></image>
<Text
:style="{ 'margin-top': meueData.user_center.menu_style == 1 ? '0rpx' : '10rpx', 'margin-left': meueData.user_center.menu_style == 1 ? '10rpx' : '0rpx' }"
> >
{{ item.name }} <image :src="item.icon_url" :style="{width:meueData.user_center.menu_style == 1 ?'12px':'20px'}" mode="widthFix"></image>
</Text> <Text
<button open-type="contact" v-if="item.link_url == 'contact' && item.name == '客服'">0</button> :style="{ 'margin-top': meueData.user_center.menu_style == 1 ? '0rpx' : '10rpx', 'margin-left': meueData.user_center.menu_style == 1 ? '10rpx' : '0rpx' }"
>
{{ item.name }}
</Text>
<button open-type="contact" class="contButton" v-if="item.link_url == 'contact' && item.name == '客服'"></button>
</view>
</view> </view>
<!-- <view class="copyright">
<image :src="meueData.user_center.copyright.pic_url" mode="widthFix" style="width: 95px;"></image>
<Text style="margin-top: 10rpx;color: #666666;">{{ meueData.user_center.copyright.description }}</Text>
</view> -->
</view> </view>
<view class="copyright"> <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
<image :src="meueData.user_center.copyright.pic_url" mode="widthFix" style="width: 95px;"></image> <tabbars></tabbars>
<Text style="margin-top: 10rpx;color: #666666;">{{ meueData.user_center.copyright.description }}</Text>
</view>
</view> </view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth> </scroll-view>
<tabbars></tabbars>
</view>
</template> </template>
<script> <script>
...@@ -136,13 +195,16 @@ export default { ...@@ -136,13 +195,16 @@ export default {
cstyle: {}, cstyle: {},
meueData: {}, //菜单 meueData: {}, //菜单
user_info: {}, //个人信息 user_info: {}, //个人信息
headStyle: {},
bottommargin: 0, bottommargin: 0,
listbottom: 0, listbottom: 0,
showAuth: false, showAuth: false,
mainColor: '', mainColor: '',
secondary: '', secondary: '',
u: {}, u: {},
is_icon_members_grade: 0 is_icon_members_grade: 0,
nav:0,
scrollTop:0
}; };
}, },
components: { components: {
...@@ -156,6 +218,9 @@ export default { ...@@ -156,6 +218,9 @@ export default {
onLoad() { onLoad() {
this.navHeight = this.$navHeight - 2; this.navHeight = this.$navHeight - 2;
this.u = wx.getStorageSync('basedata').user_info; this.u = wx.getStorageSync('basedata').user_info;
this.nav = uni.getMenuButtonBoundingClientRect().top+'px';
this.headStyle.background = `linear-gradient(to right, '#6E75EA',80%, '#B984EC')`;
this.headStyle.paddingTop = this.nav ;
// if (!this.u) { // if (!this.u) {
// this.u = { // this.u = {
// nickname: '未登录', // nickname: '未登录',
...@@ -230,7 +295,15 @@ export default { ...@@ -230,7 +295,15 @@ export default {
//关闭登录窗口 //关闭登录窗口
gbAuth() { gbAuth() {
this.showAuth = false; this.showAuth = false;
} },
scrollHandler(e) {
this.scrollTop = e.detail.scrollTop;
//this.$forceUpdate();
},
scrollTopHandler() {
this.scrollTop = 0;
},
} }
}; };
</script> </script>
...@@ -249,11 +322,11 @@ export default { ...@@ -249,11 +322,11 @@ export default {
} }
.userStyle .imgbg { .userStyle .imgbg {
width: 100%; width: 100%;
height: 330rpx; height: 310px;
display: flex; display: flex;
flex-direction: row; flex-direction: column;
align-items: center; align-items: center;
justify-content: center;
} }
.userStyle .headimg { .userStyle .headimg {
width: 140rpx; width: 140rpx;
...@@ -313,7 +386,7 @@ export default { ...@@ -313,7 +386,7 @@ export default {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 30rpx; padding: 30rpx;
margin-top: 30rpx; margin-top: 70rpx;
} }
.userStyle .order_bar .order_bar_list { .userStyle .order_bar .order_bar_list {
width: 100%; width: 100%;
...@@ -359,6 +432,7 @@ export default { ...@@ -359,6 +432,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 20rpx; margin-top: 20rpx;
margin-bottom: 20px;
} }
.userStyle .menus .menus_item { .userStyle .menus .menus_item {
width: 25%; width: 25%;
...@@ -370,8 +444,8 @@ export default { ...@@ -370,8 +444,8 @@ export default {
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
} }
.menus_item2, .menus_item2 .contButton,
.menus_item button { .menus_item .contButton {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
...@@ -381,7 +455,7 @@ export default { ...@@ -381,7 +455,7 @@ export default {
} }
.userStyle .menus2 .menus_item2 { .userStyle .menus2 .menus_item2 {
width: 100%; width: 100%;
height: 80rpx; height: 90rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
...@@ -397,11 +471,11 @@ export default { ...@@ -397,11 +471,11 @@ export default {
.userStyle .ReceiptAdder { .userStyle .ReceiptAdder {
position: absolute; position: absolute;
right: 0; right: 0;
top: 125rpx; top: 225rpx;
width: 230rpx; width: 100px;
height: 80rpx; height: 24px;
border-top-left-radius: 40rpx; border-top-left-radius: 12px;
border-bottom-left-radius: 40rpx; border-bottom-left-radius: 12px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
...@@ -419,4 +493,82 @@ export default { ...@@ -419,4 +493,82 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.userStyle .titlenav{
width: 100%;text-align: center;font-size: 16px;color: #FFFFFF;
}
.userStyle .top_b{
width: 86%;
height: 65px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.userStyle .top_b_item{
width: 26%;
height: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
color: #FFFFFF;
font-size: 12px;
}
.userStyle .Receiptbalance{
width: 92%;
height: 62px;
position: absolute;
left: 4%;
top: 265px;
background: #FFFFFF;
border-radius: 6px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
padding: 0 10px;
}
.userStyle .Receiptbalance_item{
width: 40%;
height: 50px;
display: flex;
flex-direction: row;
align-items: center;
font-size: 12px;
color: #534D62;
}
.userStyle .headStatus {
overflow: hidden;
position: relative;
width: 140vw;
padding-right: 40vw;
padding-bottom: 10px;
position: fixed;
left: 0;
right: 0;
top: 0;
display: flex;
background-image: linear-gradient(
to right,
#6E75EA,
#B984EC
);
}
.userStyle .headStatus .arrow {
height: 24px;
margin: 5px 10px;
width: 24px;
}
.userStyle .headStatus .title {
font-size: 18px;
color: #fff;
flex: 1;
width: 1px;
/* margin-left: 10px; */
line-height: 34px;
text-align: center;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment