地名过长导致显示错位问题优化

dianlixunjian
Zhufu 2024-09-11 17:32:02 +08:00
parent 3b1716b01a
commit 1629bb7211
28 changed files with 56 additions and 28 deletions

View File

@ -8,7 +8,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.caseno}}</span>
</div>
</div>
@ -323,6 +323,7 @@ const closeMolder = () => {
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -677,6 +677,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -154,7 +154,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.caseno}}</span>
</div>
</div>
@ -765,6 +765,7 @@ const getParams = (data) => {
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
</div>
</div>
@ -677,6 +677,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -677,6 +677,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -155,7 +155,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.caseno}}</span>
</div>
</div>
@ -766,6 +766,7 @@ const getParams = (data) => {
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
</div>
</div>
@ -677,6 +677,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -77,7 +77,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -534,6 +534,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -677,6 +677,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -188,7 +188,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.caseno}}</span>
</div>
</div>
@ -843,6 +843,7 @@ const getParams = (data) => {
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -77,7 +77,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -591,6 +591,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
</div>
</div>
@ -677,6 +677,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -77,7 +77,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -534,6 +534,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -656,6 +656,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -189,7 +189,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.caseno}}</span>
</div>
</div>
@ -844,6 +844,7 @@ const getParams = (data) => {
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -77,7 +77,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -591,6 +591,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
</div>
</div>
@ -656,6 +656,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -77,7 +77,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -534,6 +534,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -656,6 +656,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -189,7 +189,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.caseno}}</span>
</div>
</div>
@ -844,6 +844,7 @@ const getParams = (data) => {
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -77,7 +77,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -591,6 +591,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
</div>
</div>
@ -656,6 +656,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -77,7 +77,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -591,6 +591,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
</div>
</div>
@ -677,6 +677,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -97,7 +97,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
</div>
</div>
@ -646,6 +646,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -77,7 +77,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -534,6 +534,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -111,7 +111,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.case_no}}</span>
<span class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</span>
</div>
@ -677,6 +677,7 @@
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;

View File

@ -189,7 +189,7 @@
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
<span style="margin-right:12px;">{{item.streetname}}</span>
<div style="margin-right:12px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.streetname}}</div>
<span>{{item.caseno}}</span>
</div>
</div>
@ -844,6 +844,7 @@ const getParams = (data) => {
font-weight: 500;
font-size: 17px;
color: #000000;
display: flex;
}
.item-mark{
font-family: Alibaba PuHuiTi;