kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
shijingjing
2022-03-28 10:33:11 +08:00
parent 10b5c4882f
commit 0d37b62ab6
2 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/apps/AppWarningMonitoring/AppWarningMonitoring.vue
View File

@@ -7,10 +7,12 @@
<div class="search-box">
<div class="area-select">
<AiAreaPicker v-model="areaId" :areaId="user.areaId" :name.sync="areaName" @select="areaSelect">
<u-icon name="map-fill" size="18px" color="#FFF"></u-icon>
<span v-if="areaName" style="color:#FFF;fontSize: 14px;">{{ areaName }}</span>
<span v-else :style="{color:areaName? '#FFF': '#E2E8F1'}">请选择</span>
<u-icon name="arrow-down" color="#FFF" size="24" style="margin-left: 4px"></u-icon>
<div style="display: flex;">
<u-icon name="map-fill" size="18px" color="#FFF" style="width:18px;display:inline-block;margin-top: 18px"></u-icon>
<span v-if="areaName" style="color:#FFF;fontSize: 14px;" class="areaName">{{ areaName }}</span>
<span v-else :style="{color:areaName? '#FFF': '#E2E8F1'}" class="areaName">请选择</span>
<u-icon name="arrow-down" color="#FFF" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:22px"></u-icon>
</div>
</AiAreaPicker>
</div>
<div class="search">
@@ -161,7 +163,20 @@ export default {
.area-select {
display: flex;
width: 240px;
justify-content: space-between;
// overflow:hidden;
// text-overflow:ellipsis;
// white-space:nowrap;
::v-deep .AiAreaPicker {
display: flex;
.areaName {
display: inline-block;
max-width: 160px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
}
}
.search {
width: calc(100% - 240px);