applet/template/home/index.wxml

<custom style="height:{{config.bar.custom}}px;">
  <bar class="fixed gradual-pink" style="height:{{config.bar.custom}}px;padding-top:{{config.bar.status}}px;">
    <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
      <icon class='icon-back' /> 卡片
    </navigator>
    <view class='action'>
      <load class="load-icon {{loading ? 'loading':'over'}}"></load>
    </view>
  </bar>
</custom>


<swiper class="card-swiper round-dot" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500"  indicator-color="#8799a3" indicator-active-color="#0081ff">
  <swiper-item wx:for="{{focus}}" wx:for-item="v" wx:for-index="k" wx:key class="{{cardCur==k?'cur':''}}">
    <view class='bg-img shadow-blur' style="background-image:url({{v.pic}})"></view>
  </swiper-item>
</swiper>
<bar class="solid-bottom">
  <view class='action'>
    <icon class='icon-titles text-orange ' /> 最新
  </view>
  <view class='action'>
    <switch class='sm' checked='{{isCard}}' bindchange='isCard'></switch>
  </view>
</bar>


<card class="case">
  <item wx:for="{{news}}" wx:for-item="v" wx:for-index="k" wx:key class="shadow">
    <view class='image'>
      <image src="{{v.pic_cover}}" mode="widthFix"></image>
      <tag class="bg-blue">{{v.cate_name}}</tag>
      <bar class='bg-shadeBottom'>{{v.name}}</bar>
    </view>
    <list class="menu menu-avatar">
      <item>
        <avatar class="round lg" style="background-image:url(https://image.weilanwl.com/img/square-4.jpg);"></avatar>
        <view class='content flex-sub'>
          <view class='text-grey'>猪皮蛋</view>
          <view class='text-gray text-sm flex justify-between'>
            {{v.pdate}}
            <view class="text-gray text-sm">
              <icon class="icon-attentionfill" /> {{v.num_view}}
              <icon class="icon-appreciatefill" /> {{v.num_up}}
              <icon class="icon-messagefill" /> {{v.num_comment}}
            </view>
          </view>
        </view>
      </item>
    </list>
  </item>
  
</card>