细节优化
xindan
parent
5b1ac62cf2
commit
9a492e0db6
|
|
@ -234,10 +234,10 @@
|
|||
}
|
||||
.text-size,
|
||||
.text-size-default {
|
||||
font-size: 30rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.text-size-lg {
|
||||
font-size: 34rpx;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.text-size-xl {
|
||||
font-size: 42rpx;
|
||||
|
|
|
|||
|
|
@ -9,9 +9,9 @@
|
|||
</view>
|
||||
<view class="margin-top-sm">
|
||||
<text class="cr-grey">原始</text>
|
||||
<text class="cr-base fw-b margin-left-xs">{{item.original_integral}}</text>
|
||||
<text class="cr-base margin-left-xs">{{item.original_integral}}</text>
|
||||
<text class="cr-grey margin-left-xl">最新</text>
|
||||
<text class="cr-main fw-b margin-left-xs">{{item.new_integral}}</text>
|
||||
<text class="cr-main margin-left-xs">{{item.new_integral}}</text>
|
||||
</view>
|
||||
<view class="cr-gray margin-top-lg">{{item.msg}}</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -12,15 +12,9 @@
|
|||
}
|
||||
|
||||
/**
|
||||
* 头部
|
||||
*/
|
||||
.head-base {
|
||||
position: relative;
|
||||
}
|
||||
* 头像
|
||||
*/
|
||||
.head-avatar {
|
||||
padding-bottom: 30rpx;
|
||||
}
|
||||
.head-avatar image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
|
|
@ -30,31 +24,19 @@
|
|||
*/
|
||||
.head-nav-item {
|
||||
width: 25%;
|
||||
padding: 5rpx 0;
|
||||
}
|
||||
.head-nav-item .nav-value,
|
||||
.head-nav-item .nav-name {
|
||||
line-height: 46rpx;
|
||||
}
|
||||
.head-nav-item .nav-value {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
/**
|
||||
* 消息
|
||||
*/
|
||||
.nav-message {
|
||||
position: absolute;
|
||||
top: 55rpx;
|
||||
right: 30rpx;
|
||||
}
|
||||
.nav-message image {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.nav-message .badge-icon {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
right: -2px;
|
||||
}
|
||||
|
|
@ -83,7 +65,6 @@
|
|||
}
|
||||
.nav-list-sub .item {
|
||||
width: 20%;
|
||||
position: relative;
|
||||
}
|
||||
.nav-list-sub .item .item-icon {
|
||||
width: 60rpx;
|
||||
|
|
@ -91,7 +72,6 @@
|
|||
margin-bottom: 6rpx;
|
||||
}
|
||||
.nav-list-sub .item .badge-icon {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: calc(50% + 35rpx);
|
||||
}
|
||||
|
|
@ -102,14 +82,10 @@
|
|||
.nav-box .nav-item {
|
||||
box-sizing: border-box;
|
||||
width: 25%;
|
||||
}
|
||||
.nav-box .item-title {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.nav-box .nav-item .item-icon {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
.nav-box .nav-item .item-desc {
|
||||
margin-right: 50rpx;
|
||||
|
|
|
|||
|
|
@ -7,18 +7,18 @@
|
|||
|
||||
<!-- 内容 -->
|
||||
<view class="content padding-horizontal-main">
|
||||
<view class="head-base oh">
|
||||
<view class="pr oh">
|
||||
<!-- 左侧头像 -->
|
||||
<view class="head-avatar oh tc fl">
|
||||
<image @tap="preview_event" @error="user_avatar_error" class="round bg-white va-m" :src="avatar" mode="widthFix"></image>
|
||||
<view class="padding-bottom-xxl oh tc fl">
|
||||
<image @tap="preview_event" @error="user_avatar_error" class="head-avatar round bg-white va-m" :src="avatar" mode="widthFix"></image>
|
||||
<text class="item-name cr-white va-m margin-left-lg">{{nickname}}</text>
|
||||
</view>
|
||||
|
||||
<!-- 右上角消息 -->
|
||||
<view class="nav-message">
|
||||
<view class="nav-message pa">
|
||||
<navigator url="/pages/message/message" hover-class="none">
|
||||
<uni-icons type="chat" size="16" color="#e2e2e2"></uni-icons>
|
||||
<view class="badge-icon">
|
||||
<view class="badge-icon pa">
|
||||
<component-badge :prop-number="message_total"></component-badge>
|
||||
</view>
|
||||
</navigator>
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
<block v-for="(item, index) in head_nav_list" :key="index">
|
||||
<navigator :url="'/pages/' + item.url + '/' + item.url" hover-class="none">
|
||||
<view class="head-nav-item tc fl">
|
||||
<view class="nav-value">{{item.count}}</view>
|
||||
<view class="nav-value fw-b text-size">{{item.count}}</view>
|
||||
<view class="nav-name cr-gray">{{item.name}}</view>
|
||||
</view>
|
||||
</navigator>
|
||||
|
|
@ -51,8 +51,8 @@
|
|||
<view class="nav-list-sub oh margin-top-sm">
|
||||
<block v-for="(items, index) in user_order_status_list" :key="index">
|
||||
<navigator :url="items.url" hover-class="none">
|
||||
<view class="item fl tc">
|
||||
<view class="badge-icon">
|
||||
<view class="item pr fl tc">
|
||||
<view class="badge-icon pa">
|
||||
<component-badge :prop-number="items.count"></component-badge>
|
||||
</view>
|
||||
<image :src="static_url+'order-icon-' + items.status + '.png'" class="item-icon" mode="aspectFill"></image>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
|
||||
<!-- 聚合导航 -->
|
||||
<view class="nav-box padding-main border-radius-main bg-white spacing-mb">
|
||||
<view class="br-b padding-main item-title">我的服务</view>
|
||||
<view class="br-b padding-main item-title fw-b text-size">我的服务</view>
|
||||
<view class="oh margin-top-sm">
|
||||
<block v-for="(item, index) in navigation" :key="index">
|
||||
<!-- 这里不展示订单导航 -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue