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

样式调整

Browse Source
This commit is contained in:
shijingjing
2022-05-20 09:55:14 +08:00
parent aa595387f8
commit 235f708566
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/apps/AppHelpDeclaration/list.vue
View File

@@ -5,24 +5,24 @@
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div> <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
</div> </div>
<div class="select-box"> <div class="select-box">
<div class="left" style="display: flex;"> <div class="left">
<!-- :areaId="user.areaId" @select="areaSelect" select-root --> <!-- :areaId="user.areaId" @select="areaSelect" select-root -->
<AiAreaPicker v-model="areaId" :name.sync="areaName" > <AiAreaPicker v-model="areaId" :name.sync="areaName">
<div> <div>
<span v-if="areaName" style="color:#333;fontSize: 14px;" class="areaName">{{ areaName }}</span> <span v-if="areaName" style="color:#333;fontSize: 14px;" class="areaName">{{ areaName }}</span>
<span v-else style="color: #999;fontSize: 14px;" class="areaName">所在地区</span> <span v-else style="color: #999;fontSize: 14px;" class="areaName">所在地区</span>
<u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px" @select="areaSelect(e)"></u-icon> <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px" @select="areaSelect(e)"></u-icon>
</div> </div>
</AiAreaPicker> </AiAreaPicker>
<u-icon name="close-circle" v-if="areaId" @click="clearArea" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px"></u-icon> <u-icon name="close-circle" v-if="areaId" @click="clearArea" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon>
</div> </div>
<div class="right" style="display: flex;"> <div class="right">
<AiSelect dict="helpDeclarationReason" v-model="declareReason" > <AiSelect dict="helpDeclarationReason" v-model="declareReason" >
<span v-if="!declareReason" style="color: #999;">风险类型</span> <span v-if="!declareReason" style="color: #999;">风险类型</span>
<span v-else>{{ $dict.getLabel('helpDeclarationReason', declareReason) }}</span> <span v-else>{{ $dict.getLabel('helpDeclarationReason', declareReason) }}</span>
<u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon> <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon>
</AiSelect> </AiSelect>
<u-icon name="close-circle" v-if="declareReason" @click="clearReason" color="#999" size="24" style="margin-left: 4px;width: 14px;"></u-icon> <u-icon name="close-circle" v-if="declareReason" @click="clearReason" color="#999" size="24" style="margin-left: 4px;width: 14px; display:inline-block;"></u-icon>
</div> </div>
</div> </div>
</AiTopFixed> </AiTopFixed>
@@ -81,14 +81,15 @@ export default {
}, },
clearArea() { clearArea() {
this.declareReason = '', this.areaId = '',
this.areaName = '',
this.current = 1, this.current = 1,
this.list = [], this.list = [],
this.getList() this.getList()
}, },
clearReason() { clearReason() {
this.areaId = '', this.declareReason = '',
this.current = 1, this.current = 1,
this.list = [], this.list = [],
this.getList() this.getList()
@@ -130,6 +131,9 @@ export default {
::v-deep .AiTopFixed .content { ::v-deep .AiTopFixed .content {
padding: 0; padding: 0;
} }
::v-deep .AiSelect .display{
justify-content: center;
}
.tab-select { .tab-select {
width: 100%; width: 100%;
@@ -173,6 +177,11 @@ export default {
flex: 1; flex: 1;
text-align: center !important; text-align: center !important;
font-size: 28px; font-size: 28px;
::v-deep .u-icon .uicon-close-circle{
top: -96px !important;
left: 80px;
}
} }
} }