Typecho小程序详细教程（三）个性定制

<import src="../../template/foot.wxml"></import>
<cu-custom bgColor="bg-white"><view slot="content"><image src="https://www.asfor.cn/download/img/logo/ASFOR_new.png" mode="scaleToFill" class="gif-wave"></image></view></cu-custom>
<scroll-view scroll-y class="scrollPage">

  
  <!--轮播图-->
<view class="minheight view_section" style="display:{{topswiper}}" >
    <swiper class="index_swiper" autoplay="True" duration= "200" interval="3000" indicator-active-color="rgb(0, 129, 255)" indicator-color="#fff" circular="True" previous-margin="20rpx" next-margin="30rpx" indicator-dots="True" lower-threshold="50">
        <block wx:key="id" wx:for="{{swipelist}}">
        <swiper-item class="m_full" style="background-color: transparent;" >
            <navigator class="navigator_item" hover-class="navigator-hover" url="../detail/detail?item={{item.cid}}" style="background-image: url({{item.thumb}}); background-size: 100% 100%;">
            </navigator>
        </swiper-item>
        </block>
    </swiper>
</view>

    <!--显示数据-->
    <view class="padding flex text-center text-grey bg-white shadow-warp">
    <view class="flex flex-sub flex-direction solid-right">
      <view class="text-xxl text-orange">{{oneTime}}</view>
      <view class="margin-top-sm" >
        <text class="cuIcon-time" ></text> 运行时间</view>
    </view>
    

    <view class="flex flex-sub flex-direction">
      <navigator class="content" url="/pages/stat/stat" hover-class="none">
        <view class="text-xxl text-green">{{articleCount}}</view>
        <view class="margin-top-sm">
        <text class="cuIcon-edit"></text>运行状态</view>
      </navigator>
    </view>
    

  </view>

<view style="width: 100%; height:100%;">
<view class="scroll_box" >
    <scroll-view class="scroll-view_x" scroll-with-animation="True" scroll-into-view="{{current_position}}" scroll-x style="width: auto;overflow:hidden;">
    <block wx:for="{{allcatslist}}" wx:key="item">
        <view id="{{item.id_tag}}" class="item_list {{item.active? 'active':''}}" bindtap="changeCat" data-mid="{{item.mid}}">
        {{item.name}} 
        </view>
    </block>
    </scroll-view>
</view>

<swiper style=" height:{{postheight}}" bindchange="change_finish" duration= "200" current="{{current_cat}}" circular="True" indicator-color = 'rgba(0, 0, 0, 0)' indicator-active-color = 'rgba(0, 0, 0, 0)' indicator-dots="false" lower-threshold="50">
<block wx:for="{{allcatpostlist}}" wx:key="id" wx:for-item="item_cat">
<swiper-item  style="background-color: transparent;">
<view class="classify">
    <scroll-view class="classify_detail" scroll-y scroll-with-animation="true">
        <view class="children">
        <block wx:key="id" wx:for="{{item_cat}}">
        <navigator class="nav_postlist_item solid-bottom"  hover-class="navigator-hover" url="../detail/detail?item={{item.cid}}">
            <view class="view_postlist_item"  style="height: 170rpx">
                <view class="view_catpost" >
                    <image class="image_cat_thumb"  mode="aspectFit" src="{{item.thumb[4].str_value}}"/>
                    <text class="image_cat_item_title" >{{item.title}}</text>
                    <view style="margin-top: 10rpx;" >
                        <text class="list_text_view cuIcon-time margin-lr-xs " >{{item.posttime}}</text>        
                        <text class="list_text_view cuIcon-messagefill margin-lr-xs">{{item.commentsNum}}</text>             
                        <text class="list_text_view cuIcon-attentionfill margin-lr-xs">{{item.views}}</text>
                        <text class="list_text_view cuIcon-appreciatefill margin-lr-xs">{{item.likes}}</text>
                    </view>
                </view>
            </view>
        </navigator>
        </block>
        </view>
    </scroll-view>
</view>
</swiper-item>
</block>
</swiper>
<template is="foot"></template>
</view>
</scroll-view>

<cu-custom bgColor="bg-blue">
    <view slot="content">热门排行</view>
</cu-custom>