优化个人中心页面的订单右上角数字图标添加主题色
This commit is contained in:
parent
55bff8f100
commit
b72a067fbb
@ -15,7 +15,7 @@
|
||||
<view class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center" v-for="(item, index) in orderMap"
|
||||
:key="item.title" @tap="sheep.$router.go(item.path, { type: item.value })">
|
||||
<uni-badge class="uni-badge-left-margin" :text="numData.orderCount[item.count]" absolute="rightTop"
|
||||
size="small">
|
||||
size="small" :type="state.themeType">
|
||||
<image class="item-icon" :src="item.icon" mode="aspectFit" />
|
||||
</uni-badge>
|
||||
<view class="menu-title">{{ item.title }}</view>
|
||||
|
@ -202,8 +202,8 @@
|
||||
line-height: 18px;
|
||||
color: #fff;
|
||||
border-radius: 100px;
|
||||
background-color: $uni-info;
|
||||
background-color: transparent;
|
||||
background-color: $uni-error;
|
||||
// background-color: transparent;
|
||||
border: 1px solid #fff;
|
||||
text-align: center;
|
||||
font-family: 'Helvetica Neue', Helvetica, sans-serif;
|
||||
@ -213,6 +213,26 @@
|
||||
cursor: pointer;
|
||||
/* #endif */
|
||||
|
||||
&--lv {
|
||||
color: #fff;
|
||||
background:rgba(72,204,82);
|
||||
}
|
||||
|
||||
&--blue {
|
||||
color: #fff;
|
||||
background:rgba(28,165,233);
|
||||
}
|
||||
|
||||
&--pink {
|
||||
color: #fff;
|
||||
background:#ff448f ;
|
||||
}
|
||||
|
||||
&--orange {
|
||||
color: #fff;
|
||||
background:#fe5c2d;
|
||||
}
|
||||
|
||||
&--info {
|
||||
color: #fff;
|
||||
background-color: $uni-info;
|
||||
|
Loading…
Reference in New Issue
Block a user