提交 11ddcb61 编写于 作者: KK's avatar KK

多选样式调整

上级 fe5ef527
......@@ -12,12 +12,21 @@ ${P.getCtrlCode('pickupviewpanel', 'CONTROL.html').code}
</#assign>
</#if>
<#assign view_footer>
<#if view.getViewType()=="DEMOBMPICKUPVIEW">
<div>
<div class="${view.getViewType()?lower_case}_button">
<div class="selectedCount">已选择:{{viewSelections.length}}<ion-icon name="chevron-up-outline"></ion-icon></div>
<ion-button class="pick-btn" @click="onClickOk" :disabled="viewSelections.length === 0">{{$t('app.button.confirm')}}</ion-button>
</div>
</div>
<#else>
<ion-toolbar style="text-align: center;">
<div class="mobpickupview_button">
<ion-button class="pick-btn" @click="onClickCancel" color="medium">{{$t('app.button.cancel')}}</ion-button>
<ion-button class="pick-btn" @click="onClickOk" :disabled="viewSelections.length === 0">{{$t('app.button.confirm')}}</ion-button>
</div>
</ion-toolbar>
</#if>
</#assign>
<#ibizinclude>
./VIEW_LAYOUT_BASE.ftl
......
......@@ -4,22 +4,28 @@
.${srffilepath2(view.getCodeName())} {
.view-footer {
padding: 0.5rem 1rem;
text-align: center;
.van-button {
height: 2.5rem;
line-height: 2.5rem;
width: 40%;
}
.mobpickupview_button {
width: 90%;
.demobmpickupview_button{
width: 100%;
margin:0 auto;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
align-items: center;
.pick-btn{
width: 45%;
--border-radius: 10px;
height: 30px;
width: auto;
--border-radius: 2px;
}
.selectedCount{
color: #1a73e8;
font-size: 13px;
height: 100%;
display: flex;
align-items: center;
ion-icon{
margin-left: 8px;
font-size: 20px;
}
}
}
}
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册