ts_aimz/pages/index/index.wxml

<view class="custom-navbar" style="height: {{totalHeight}}px; padding-top: {{statusBarHeight}}px;justify-content: flex-start;">
    <view class="navbar-title">AI喵著</view>
</view>
<view class="content-box">
    <view class="container-title">
        <view class="title-func">
            <view class="create-btn" bind:tap="createCopy">
                <text>+</text>
                <text>创建软著</text>
            </view>
            <view class="buy-btn">充值</view>
        </view>
        <view class="notice-box">通知:你的软著已下证</view>
        <view class="container-box">
            <view class="list-title-box">
                <view class="list-title-txt">软著列表</view>
                <view class="list-title-btns">
                    <view>进行中的</view>
                    <view>已完成的</view>
                </view>
            </view>
            <scroll-view scroll-x="{{true}}" class="mt-20">
                <view class="list-tabs">
                    <block wx:for="{{tabList}}" wx:key="index">
                        <view class="{{currentTab==item? 'tab-select' :'tab-normal'}} item-margin" bind:tap="changeTab" data-id="{{item.newsDirectoriesId}}">
                            <text>{{item}}</text>
                        </view>
                    </block>
                </view>
            </scroll-view>
        </view>
    </view>
    <scroll-view scroll-y="{{true}}" style="height: {{contentHeight-185}}px;">
        <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 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 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 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 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 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>
</view>