提交 28a97698 编写于 作者: KK's avatar KK

加载更多样式

上级 96631f1a
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<ion-list class="items"> <ion-list class="items">
<template v-if="(viewType == 'DEMOBMDVIEW9') && controlStyle != 'SWIPERVIEW' "> <template v-if="(viewType == 'DEMOBMDVIEW9') && controlStyle != 'SWIPERVIEW' ">
${ctrl.render.code} ${ctrl.render.code}
<ion-button size="small" color="secondary" v-if="!isTempMode && !allLoaded" style ="position: relative;left: calc( 50% - 44px);" @click="loadBottom">{{$t('app.button.loadmore')}}</ion-button> <ion-button v-if="!isTempMode && !allLoaded" class="loadmore_btn" @click="loadBottom">{{$t('app.button.loadmore')}}</ion-button>
</template> </template>
</ion-list> </ion-list>
<ion-list class="items"> <ion-list class="items">
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
</ion-item> </ion-item>
</#if> </#if>
</ion-item-sliding> </ion-item-sliding>
<ion-button size="small" color="secondary" v-if="!isTempMode && !allLoaded" style ="position: relative;left: calc( 50% - 44px);" @click="loadBottom">{{$t('app.button.loadmore')}}</ion-button> <ion-button size="small" color="secondary" v-if="!isTempMode && !allLoaded" class="loadmore_btn" @click="loadBottom">{{$t('app.button.loadmore')}}</ion-button>
</template> </template>
</ion-list> </ion-list>
<ion-list class="items"> <ion-list class="items">
...@@ -143,7 +143,7 @@ ...@@ -143,7 +143,7 @@
</#if> </#if>
</ion-item-sliding> </ion-item-sliding>
</#if> </#if>
<ion-button size="small" color="secondary" v-if="!isTempMode && !allLoaded" style ="position: relative;left: calc( 50% - 44px);" @click="loadBottom">{{$t('app.button.loadmore')}}</ion-button> <ion-button size="small" color="secondary" v-if="!isTempMode && !allLoaded" class="loadmore_btn" @click="loadBottom">{{$t('app.button.loadmore')}}</ion-button>
</template> </template>
<template v-else-if="(viewType == 'DEMOBMDVIEW9')"> <template v-else-if="(viewType == 'DEMOBMDVIEW9')">
</template> </template>
......
...@@ -24,6 +24,11 @@ ...@@ -24,6 +24,11 @@
.app-mob-mdctrl-${ctrl.name}{ .app-mob-mdctrl-${ctrl.name}{
height:100%; height:100%;
.items{ .items{
.loadmore_btn{
width: 100%;
margin: 0;
--border-radius: 0;
}
.ibz-ionic-item{ .ibz-ionic-item{
--inner-padding-end: 10px; --inner-padding-end: 10px;
--padding-start: 10px; --padding-start: 10px;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册