phpcms微信小程序模板教程

网上下载了一个微信小程序的模板，运行之后各种问题，发现代码里面很多错误，站长整理了一下。里面用到的基本常见操作就是轮播的使用和列表页面。站长是整合的phpcms调用的数据写法。

  <!--轮播开始-->
  <swiperindicator-dots="{{indicatorDots}}"autoplay="{{autoplay}}"interval="{{interval}}"duration="{{duration}}" >
    <blockwx:for="{{pptlist}}"wx:key="">
      <swiper-item>
        <imagesrc="{{item.thumb}}"class="slide-image"width="355"height="150" />
      </swiper-item>
    </block>
  </swiper>
   <!--轮播结束-->

之前小编遇到的一个坑就是这个上面加了一个class样式，本来是有数据输出的。站长还以为变量作用域的问题没有输出。也是经验总结。我们把原生的微信小程序轮播拿来直接使用，不添加任何其他操作。

奉上首页完整代码

<!--首页.wxml-->
<!-- 顶部导航 -->
<includesrc="../head/head.wxml"/>
 <viewclass="warp">
  <!--轮播开始-->
  <swiperindicator-dots="{{indicatorDots}}"autoplay="{{autoplay}}"interval="{{interval}}"duration="{{duration}}" >
    <blockwx:for="{{pptlist}}"wx:key="">
      <swiper-item>
        <imagesrc="{{item.thumb}}"class="slide-image"width="355"height="150" />
      </swiper-item>
    </block>
  </swiper>
   <!--轮播结束-->
  <!--文章列表模板 begin-->
  <templatename="itmes">
  <navigatorurl="../../pages/show/show?id={{id}}&catid={{catid}}"hover-class="navigator-hover">
    <viewwx:if="{{thumb}}"class="imgs">
      <imagesrc="{{thumb}}"class="in-img"background-size="cover"mode="aspectFill"></image>
    </view>
    <viewwx:if="{{thumb}}">
      <viewclass="infos">
        <viewclass="title">{{title}}</view>
        <viewclass="date">{{inputtime}}</view>
      </view>
    </view>
    <view wx:else>
      <viewclass="infos1">
        <viewclass="title">{{title}}</view>
        <viewclass="date">{{inputtime}}</view>
      </view>
    </view>
  </navigator>
  </template> 
  <!--文章列表模板 end--> 
  <!--循环输出列表 begin-->
  <viewwx:for="{{infolist}}"wx:key="key"class="list"> <templateis="itmes"data="{{...item}}" /> </view>
  <!--调用自定义模板itmes,模板在代码44行定义-->>
  <!--循环输出列表 end-->
  <loadinghidden="{{loadHidden}}" > 数据加载中... </loading>
  <viewbindtap="loadMore"data-page="{{page}}"class="loadMore" >【下一页】</view>
</view>
<includesrc="../foot/foot.wxml"/>