content.html 2.0 KB
Newer Older
ibizdev's avatar
ibizdev committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
<template>
    <#if ctrl.render??>
        ${ctrl.render.code}
    <#else>
        <div class="app-mob-list  app-mob-list-${ctrl.name}<#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
            <mt-loadmore 
                ref="loadmore"
                :bottom-distance=10 
                :auto-fill="false">
                    <ul class="app-mob-list-ul">
                        <#if ctrl.getItemPSLayoutPanel()??>
                        <li v-for="item in items" :key="item.srfkey" class="app-mob-list-item">
                        <#assign layoutpanel = ctrl.getItemPSLayoutPanel()>
                            ${P.getCtrlCode(layoutpanel, 'CONTROL.html').code}
                        </li>
                        <#elseif ctrl.itemRender??>
                        <li v-for="item in items" :key="item.srfkey" class="app-mob-list-item">
                            ${ctrl.itemRender.code}
                        </li>
                        <#else>
                        <template v-if = "controlStyle != 'SWIPERVIEW'">
                            <li v-for="item in items" :key="item.srfkey" class="app-mob-list-item">
                            <!-- 列表视图样式 -->
                            <app-list-default :item="item" v-if="controlStyle.substring(0,8) === 'LISTVIEW'"></app-list-default>
                            <!-- 图标视图样式 -->
                            <app-icon-list :item="item" v-if="controlStyle === 'ICONVIEW'"></app-icon-list>
                            <!-- 图片滑动视图样式 -->
                            <app-card-list :item="item" v-if="controlStyle === 'SWIPERVIEW'"></app-card-list>
                            </li>
                        </template>
                        <template v-if = "controlStyle === 'SWIPERVIEW'">
                            <app-list-swipe :items="items"></app-list-swipe>
                        </template>
                        </#if>
                    </ul>
            </mt-loadmore>    
        </div>
    </#if>
    </template>