spwiter 与 list 结合，牛刀能显示，但在小程序中显示不出来

yczxqy

老师好，我想做一个视频分享，计划的方案是：
1、用 swiper ，一页展示一个视频；
2、用 list ，以动态增加 swiper_item 的项目。
牛刀的组件结构为：


牛刀的源码为：

1. <wx:page xmlns:bind="http://www.wex5.com/wx/bind" xmlns:catch="http://www.wex5.com/wx/event/catch" xmlns:on="http://www.wex5.com/wx/event/on" xmlns:wx="$UI/wxsys/comps" class="x-page" id="page">
   
2.         <wx:model id="model">
   
3.                 <wx:wxApi id="wxapi" label="通用接口"/>
   
4.                 <wx:commonOperation id="commonOperation" label="操作扩展"/>
   
5.                 <wx:tableData auto="load" className="/main/dbCj" id="tableData" label="学生成绩"/>
   
6.         </wx:model>
   
7.         <wx:inVisibleCompContainer id="inVisibleCompContainer"/>
   
8.         <wx:swiper xmlns:bind="http://www.wex5.com/wx/bind" xmlns:catch="http://www.wex5.com/wx/event/catch" xmlns:on="http://www.wex5.com/wx/event/on" id="swiper1" style="width:100%;height:100%;background-color:#fce5cd">
   
9.                 <wx:list _created="true" id="list" index="listindex" item="listitem" items="tableData.value" label="动态列表" style="height:146px">
   
10.                         <swiper-item id="swiper_item2" style="height:346px;background-color:#b4a7d6;width:100%">
    
11.                                 <wx:text bind:text="listitem.fname" id="text" style="font-family:黑体,simhei;font-size:48px;color:#FF00FF"/>
    
12.                                 <wx:image bind:src="listitem.fphoto" class="weui-img" id="image" mode="scaleToFill" style="width:100%;height:autopx"/>
    
13.                         </swiper-item>
    
14.                 </wx:list>
    
15.         </wx:swiper>
    
16. </wx:page>

复制代码

牛刀的预览结果为：


二、导到小程序中后：
1、页面显示不出来：


2、小程序的源码如下：

1. <view class="x-page" id="page">
   
2. 
   
3.   <view id="inVisibleCompContainer" />
   
4.   <swiper id="swiper1" style="width:100%;height:100%;background-color:#fce5cd" current="{{swiper1.current}}" data-compid="{{swiper1.compid}}" data-pageid="{{__pageid__}}" data-bindchange="{{swiper1.compid}}:onIndexChanged" bindchange="dispatchBind">
   
5.     <block _created="true" id="list" label="动态列表" style="height:146px" wx:for-item="listitem" wx:for-index="listindex" wx:for="{{list.items}}" wx:key="_key" data-index="{{listindex}}" data-idcolumn="{{listitem.fid}}" data-compid="{{list.compid}}" data-pageid="{{__pageid__}}"
   
6.       data-capture-bindtap="{{list.compid}}:onRowClick" capture-bind:tap="dispatchCaptureBind">
   
7.       <swiper-item id="swiper_item2" style="height:346px;background-color:#b4a7d6;width:100%">
   
8.         <text id="text" style="font-family:黑体,simhei;font-size:48px;color:#FF00FF">{{((listitem.fname)===null || (listitem.fname)===undefined || (listitem.fname)==='') ? '' : (listitem.fname)}}</text>
   
9.         <image class="weui-img" id="image" mode="scaleToFill" style="width:100%;height:autopx" src="{{listitem.$children.image.url}}" />
   
10.       </swiper-item>
    
11.     </block>
    
12.   </swiper>
    
13.   <view id="__toptips__" class="wx-toptips" style="{{(!__toptips__.show) ? 'display:none!important' : ''}}">
    
14.     <view wx:for="{{__toptips__.msgs}}" wx:key="_key" class="wx-toptips-item {{item.typeClass}} {{item.show?'wx-toptips--show':''}}">{{item.message}}</view>
    
15.   </view>
    
16. </view>

复制代码

请问这是怎么回事？还请老师指导一下，挺急的！

joeyzhou

小程序连接的服务是哪个环境？有维护后台数据吗？

yczxqy

demo 试出来了，谢谢！上面的问题解决了。
下面的问题是：如果在滑动出一个页页后，视频自动播放？