中高风险颜色状态

This commit is contained in:
liuye
2022-10-14 08:39:14 +08:00
parent dd92d4621b
commit 73fd917cfe
3 changed files with 24 additions and 3 deletions

View File

@@ -55,7 +55,7 @@
</div> </div>
<div class="item-flex"> <div class="item-flex">
<div class="label">出发地</div> <div class="label">出发地</div>
<div class="value" :style="{color: info.riskLevel == 2 ? '#FF4466' : '#333'}">{{info.startAreaName}}</div> <div class="value" :class="`address-color-`+info.riskLevel">{{info.startAreaName}}</div>
</div> </div>
<div class="item-flex"> <div class="item-flex">
<div class="label">出发地详址</div> <div class="label">出发地详址</div>
@@ -391,6 +391,13 @@ export default {
.color-2{ .color-2{
color: #1365DD; color: #1365DD;
} }
.address-color2 {
color: #f46;
}
.address-color1 {
color: #ff6200;
}
} }
.img-list{ .img-list{
padding-bottom: 32px; padding-bottom: 32px;

View File

@@ -53,7 +53,7 @@
</div> </div>
<div class="item-flex"> <div class="item-flex">
<div class="label">出发地</div> <div class="label">出发地</div>
<div class="value" :style="{color: info.riskLevel == 2 ? '#FF4466' : '#333'}">{{info.startAreaName}}</div> <div class="value" :class="`address-color-`+info.riskLevel">{{info.startAreaName}}</div>
</div> </div>
<div class="item-flex"> <div class="item-flex">
<div class="label">出发地详址</div> <div class="label">出发地详址</div>
@@ -368,6 +368,13 @@ export default {
.color-2{ .color-2{
color: #1365DD; color: #1365DD;
} }
.address-color2 {
color: #f46;
}
.address-color1 {
color: #ff6200;
}
} }
.img-list{ .img-list{
padding-bottom: 32px; padding-bottom: 32px;

View File

@@ -52,7 +52,7 @@
</div> </div>
<div class="item-flex"> <div class="item-flex">
<div class="label">出发地</div> <div class="label">出发地</div>
<div class="value" :style="{color: info.riskLevel == 2 ? '#FF4466' : '#333'}">{{info.startAreaName}}</div> <div class="value" :class="`address-color-`+info.riskLevel">{{info.startAreaName}}</div>
</div> </div>
<div class="item-flex"> <div class="item-flex">
<div class="label">出发地详址</div> <div class="label">出发地详址</div>
@@ -326,6 +326,13 @@ export default {
.color-2{ .color-2{
color: #1365DD; color: #1365DD;
} }
.address-color2 {
color: #f46;
}
.address-color1 {
color: #ff6200;
}
} }
.img-list{ .img-list{
padding-bottom: 32px; padding-bottom: 32px;