ts_aimz/pages/index/index.wxml

<view class="bg-title" style="padding-bottom: 40rpx;">
    <view class="custom-navbar" style="height: {{totalHeight}}px; padding-top: {{statusBarHeight}}px;justify-content: flex-start;color: white;">
        <view class="navbar-title">AI喵著</view>
    </view>
    <view class="pd-20">
        <view class="title-func">
            <view class="create-btn" bind:tap="createCopy">
                <text>+</text>
                <text>创建软著</text>
            </view>
            <view class="buy-btn" bind:tap="goPayment">充值</view>
        </view>
        <view class="notice-box">通知:你的软著已下证</view>
    </view>
</view>
<view class="content-box">
    <view class="container-title">
        <view class="container-box">
            <view class="list-title-box">
                <view class="list-title-txt">软著列表</view>
                <view class="list-title-btns">
                    <view bind:tap="doChangeStatus" data-value="1" class="{{currentStatus==1? 'btn-select':'btn-normal'}} border-left">进行中的</view>
                    <view bind:tap="doChangeStatus" data-value="2" class="{{currentStatus==2? 'btn-select':'btn-normal'}} border-right">已完成的</view>
                </view>
            </view>
            <scroll-view scroll-x="{{true}}" class="mt-20">
                <view class="list-tabs">
                    <block wx:for="{{tabList}}" wx:key="index">
                        <view class="{{currentTypeTab==item? 'tab-select' :'tab-normal'}} item-margin" bind:tap="doChangeTypeTab" data-value="{{item}}">
                            <text>{{item}}</text>
                        </view>
                    </block>
                </view>
            </scroll-view>
        </view>
    </view>
    <container-loading loadingState="{{listLoading}}" style="height:{{contentHeight-270}}px;">
        <scroll-view scroll-y="{{true}}" style="height: {{contentHeight-270}}px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}">
            <view class="list-content">
                <view class="list-item">
                    <view class="item-img">
                        <image src="https://img.ixintu.com/download/jpg/201911/e25b904bc42a74d7d77aed81e66d772c.jpg!con"></image>
                        <view class="item-img-status">状态</view>
                    </view>
                    <view class="item-content">
                        <view class="item-content-title">
                            <view class="project-name">项目名称</view>
                            <view class="project-status">状态</view>
                        </view>
                        <view class="project-aff">版权所属人</view>
                        <view class="project-btns">
                            <view class="project-create-time">创建时间</view>
                            <view class="project-btn">下载</view>
                        </view>
                    </view>
                </view>
            </view>
        </scroll-view>
    </container-loading>
</view>