Browse Source

样式bug修改

master
蟑螂恶霸 2 years ago
parent
commit
0cd3a7533b
  1. 7
      src/views/enforce/earlyWarning.vue
  2. 24
      src/views/enforce/enterpriseBaseInfo.vue
  3. 2
      src/views/enforce/enterpriseScanPreview.vue
  4. 40
      src/views/enforce/enterpriseWarningInfo.vue

7
src/views/enforce/earlyWarning.vue

@ -393,6 +393,11 @@
}
}
.shop .shop-center .goods_box {
margin: 2%;
width: 96%;
}
/deep/ .van-hairline--bottom {
margin: -1% 0 3% 0;
height: 0;
@ -410,7 +415,7 @@
}
.card-title p {
width: calc(94% - 1rem);
width: calc(100% - 1rem);
font-size: 0.42rem;
font-weight: bold;
/*white-space: nowrap;

24
src/views/enforce/enterpriseBaseInfo.vue

@ -79,9 +79,8 @@
<van-cell-group>
<div class="qy-name">案件信息</div>
<div class="search-button-list">
<span v-for="(item, index) in data?.optionList" :key="index">
<van-button plain hairline @click="searchDateType(item)" round type="primary" size="mini"
:style="item.selected == true ? 'background-color:#1989fa;color:#fff':'background-color:white;color:#1989fa'">{{item.name}}</van-button>
<span v-for="(item, index) in data?.optionList" :key="index" plain hairline @click="searchDateType(item)"
:style="item.selected == true ? 'background-color:#1989fa;color:#ffffff':'background-color:#e3e0e0;color:#4c4c4c'">{{item.name}}
</span>
</div>
<div class="refresh_content" v-if="data?.checkDataList.length && data?.show == 1">
@ -489,7 +488,24 @@
}
.search-button-list {
margin-top: 0;
display: flex;
margin: 0 3%;
height: 1rem;
padding: 0 0 3% 0;
}
.search-button-list span {
display: inline-block;
position: relative;
margin: 3% 1%;
padding: 2% 5%;
height: 50%;
white-space: nowrap;
background-color: #e3e0e0;
border-radius: 0.5rem;
color: #4c4c4c;
font-size: 0.3rem;
line-height: 1.75;
}
.goods_box .swipe_cell .card_box .card_box_span:nth-last-child(-n+2) {

2
src/views/enforce/enterpriseScanPreview.vue

@ -196,7 +196,7 @@ const goBack = () => {
}
.tabs {
padding: 3% 3%;
padding: 3% 3% 0;
width: 94%;
height: 1.25rem;
box-sizing: content-box;

40
src/views/enforce/enterpriseWarningInfo.vue

@ -37,10 +37,10 @@
<!-- <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa',padding: '0 5px' }" />-->
<div style="border-color: aqua; border: 2px;" class="van-hairline--bottom"></div>
<div class="card_box_span">
<van-icon v-if="item.warningLevel==1" name="warning" color="red" size="30" style="margin-top: 2%;" />
<van-icon v-else-if="item.warningLevel==2" name="warning" color="#ed6a0c" size="30" style="margin-top: 2%;" />
<van-icon v-else-if="item.warningLevel==3" name="warning" color="#fed200" size="30" style="margin-top: 2%;" />
<van-icon v-else name="info" size="30" color="#fed200" style="margin-top: 2%;" />
<van-icon v-if="item.warningLevel==1" name="warning" color="red" />
<van-icon v-else-if="item.warningLevel==2" name="warning" color="#ed6a0c" />
<van-icon v-else-if="item.warningLevel==3" name="warning" color="#fed200" />
<van-icon v-else name="info" size="30" color="#fed200" />
<p class="warn-name">{{ item.enterpriseName }}</p>
</div>
<div class="card_box_span">
@ -295,7 +295,7 @@
.card_box_span {
display: flex;
align-items: center;
margin: 2% 0;
margin: 1% 0;
padding-left: 3%;
font-size: 0.38rem;
line-height: 1.5;
@ -383,16 +383,42 @@
}
/deep/ .card_box_span p.warn-name {
margin: 2% 2% 0;
margin: 0 0 2% 0;
width: calc(100% - 1rem);
font-size: 0.42rem;
font-weight: bold;
}
/deep/ .card_box_span .van-icon {
font-size: 0.75rem;
width: 0.9rem;
}
/deep/ .card_box_span p.warn-cont {
padding-left: 1rem;
margin: 1.5% 0;
padding-left: 0.9rem;
font-size: 0.35rem;
}
.goods_box {
margin: 2%;
width: 96%;
border-bottom: 2px solid #f0f4f7;
}
/deep/ .van-hairline--bottom {
margin: -1% 0 3% 0;
height: 0;
background-color: transparent;
border: 1px;
}
/deep/ .card_box .card_box_span:first-child {
color: #c1bfbf;
}
</style>

Loading…
Cancel
Save