update
This commit is contained in:
parent
33a145f222
commit
26157c3033
@ -283,7 +283,8 @@
|
|||||||
|
|
||||||
<view v-else>
|
<view v-else>
|
||||||
<ul class="region-cell-area region-cell-area2">
|
<ul class="region-cell-area region-cell-area2">
|
||||||
<li @tap="toggleReportItem(area)">
|
<!-- 使用 aIndex 确定圆点颜色类 -->
|
||||||
|
<li @tap="toggleReportItem(area)" :class="aIndex % 2 === 0 ? 'li-dot-red' : 'li-dot-blue'">
|
||||||
<view>{{ area.ShopShort_Name || area.CompanyName || area.Serverpart_Name }}</view>
|
<view>{{ area.ShopShort_Name || area.CompanyName || area.Serverpart_Name }}</view>
|
||||||
<view class="uni-flex ai-center data-number">
|
<view class="uni-flex ai-center data-number">
|
||||||
<text>{{ area.Revenue_Proportion }}%</text>
|
<text>{{ area.Revenue_Proportion }}%</text>
|
||||||
@ -1425,26 +1426,6 @@ export default {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.region-cell-area2:nth-child(2n) li view:first-child:before {
|
|
||||||
content: '';
|
|
||||||
background-color: #5596F9 !important;
|
|
||||||
width: 8rpx;
|
|
||||||
height: 8rpx;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
display: block;
|
|
||||||
margin-right: 16rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.region-cell-area2:nth-child(2n+1) li view:first-child:before {
|
|
||||||
content: '';
|
|
||||||
background-color: #FE6D67 !important;
|
|
||||||
width: 8rpx;
|
|
||||||
height: 8rpx;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
display: block;
|
|
||||||
margin-right: 16rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.region-cell-area li:nth-child(2n+1) view:first-child:before {
|
.region-cell-area li:nth-child(2n+1) view:first-child:before {
|
||||||
content: '';
|
content: '';
|
||||||
background-color: #FE6D67;
|
background-color: #FE6D67;
|
||||||
@ -1457,6 +1438,29 @@ export default {
|
|||||||
left: 0rpx; */
|
left: 0rpx; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 方案A:特定的颜色类 */
|
||||||
|
.li-dot-red view:first-child:before {
|
||||||
|
content: '';
|
||||||
|
background-color: #FE6D67 !important;
|
||||||
|
width: 8rpx;
|
||||||
|
height: 8rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: block;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.li-dot-blue view:first-child:before {
|
||||||
|
content: '';
|
||||||
|
background-color: #5596F9 !important;
|
||||||
|
width: 8rpx;
|
||||||
|
height: 8rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: block;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.region-cell-area li {
|
.region-cell-area li {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user