优化个人中心页面的订单右上角数字图标添加主题色

This commit is contained in:
77 2024-11-14 18:24:11 +08:00
parent 55bff8f100
commit b72a067fbb
2 changed files with 23 additions and 3 deletions

View File

@ -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>

View File

@ -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;
@ -212,6 +212,26 @@
z-index: 999;
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;