原生小程序模板

2018-12-07  本文已影响0人  山中经

// 引用css(其他页面的)
/* index.wxss*/

@import "../mover_img/mover_img.wxss";

/* index.wxml*/

<!-- 引入文件一 -->
<import src="moves_lister/moves_lister" /> // moves_lister.wxml 中的template 

<import src="mover_img/mover_img"/>
  <view class="conter" wx:if="{{islocker}}">
    <template is="moves_lister" data ="{{...inTheaters}}"></template>
    <template is="moves_lister" data ="{{...comingSoon}}"></template>
    <template is="moves_lister" data ="{{...top250}}"></template>
  </view>
  <view class="detw_imgss" wx:if="{{isdetw}}">
        <template is="mover_img" wx:for="{{result.movies}}" wx:key="item" data="{{...item}}"></template>
  </view>
</view>

/*moves_lister.wxml */

<template name="moves_lister">    //name是关键 
   <view class="menu_imgs" data-ID="{{id}}" catchtap="datailsID">
     <image src="{{imggeurl}}"></image>
     <text>{{title}}</text>
  </view>
</template>

<template is="moves_lister" 中的 is值是被引用page页模板的name字段 //name是关键

// 嵌套循环
<view class="todaySession" wx:for="{{DateShow}}" wx:key="item"  >
   <view class="Sessions" wx:for="{{item}}"  wx:for-item="items" wx:key="items">
    <view class="Sessionstime1">{{items.name}}</view>
  </view>
</view>
<view class="todaySession" wx:for="{{DateShow}}" wx:key="item" wx:if="{{reshow[index]}}">
  <view class="Sessions" wx:for="{{DateShow[index]}}"  wx:for-item="items" wx:key="items">
     <view class="Sessionstime1">{{items.name}}</view>
  </view>
</view> 
上一篇下一篇

猜你喜欢

热点阅读