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

多选样式调整

上级 fe5ef527
...@@ -12,12 +12,21 @@ ${P.getCtrlCode('pickupviewpanel', 'CONTROL.html').code} ...@@ -12,12 +12,21 @@ ${P.getCtrlCode('pickupviewpanel', 'CONTROL.html').code}
</#assign> </#assign>
</#if> </#if>
<#assign view_footer> <#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;"> <ion-toolbar style="text-align: center;">
<div class="mobpickupview_button"> <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="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> <ion-button class="pick-btn" @click="onClickOk" :disabled="viewSelections.length === 0">{{$t('app.button.confirm')}}</ion-button>
</div> </div>
</ion-toolbar> </ion-toolbar>
</#if>
</#assign> </#assign>
<#ibizinclude> <#ibizinclude>
./VIEW_LAYOUT_BASE.ftl ./VIEW_LAYOUT_BASE.ftl
......
...@@ -4,26 +4,32 @@ ...@@ -4,26 +4,32 @@
.${srffilepath2(view.getCodeName())} { .${srffilepath2(view.getCodeName())} {
.view-footer { .view-footer {
padding: 0.5rem 1rem; text-align: center;
text-align: center; .demobmpickupview_button{
.van-button { width: 100%;
height: 2.5rem;
line-height: 2.5rem;
width: 40%;
}
.mobpickupview_button {
width: 90%;
margin:0 auto; margin:0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; align-items: center;
.pick-btn{ .pick-btn{
width: 45%; height: 30px;
--border-radius: 10px; 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;
}
}
}
} }
.footer-ios ion-toolbar:first-of-type { .footer-ios ion-toolbar:first-of-type {
--border-width: 0; --border-width: 0;
} }
} }
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册