103 lines
4.4 KiB
Plaintext
103 lines
4.4 KiB
Plaintext
<view style="text-align: center; color: #b9b9b9" wx:if="{{pageLoading}}">
|
|
<t-loading theme="circular" size="40rpx" text="加载中..." inherit-color />
|
|
</view>
|
|
|
|
<view class="home-page-header">
|
|
<!-- 公告 -->
|
|
<view class="notice-container ">
|
|
<view wx:for="{{noticeList}}">
|
|
<t-notice-bar class="notice-bar" visible="{{item.visible}}" prefixIcon="null" marquee="{{marquee}}" content="{{item.noticeContent}}">
|
|
<view slot="prefix-icon" class="notice-title">
|
|
<t-icon class="notice-icon" name="error-circle-filled"></t-icon>
|
|
<view>
|
|
{{item.noticeTitle}}
|
|
</view>
|
|
</view>
|
|
</t-notice-bar>
|
|
</view>
|
|
</view>
|
|
<!-- 轮播图 -->
|
|
<view class="swiper-wrap">
|
|
<t-swiper wx:if="{{imgSrcs.length > 0}}" current="{{current}}" autoplay="{{autoplay}}" duration="{{duration}}" interval="{{interval}}" navigation="{{navigation}}" imageProps="{{swiperImageProps}}" list="{{imgSrcs}}" />
|
|
<!-- bind:click="navToActivityDetail" -->
|
|
</view>
|
|
<!-- 搜索框 -->
|
|
<view class="search" bind:tap="navToSearchPage">
|
|
<t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" placeholder="搜索你想要的表情 / 获取码" leftIcon="" disabled>
|
|
<t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
|
|
</t-search>
|
|
<!-- 热门搜索 -->
|
|
<view class="popular-wrap">
|
|
<view class="search-content" wx:if="{{popularWords.length > 0}}">
|
|
<view class="search-item" hover-class="hover-history-item" wx:for="{{popularWords}}" data-value="{{item.title}}" bind:tap="handleRecTap" data-index="{{index}}" wx:key="*this">
|
|
{{item.title}}
|
|
</view>
|
|
</view>
|
|
<view wx:else class="search-item">
|
|
暂无数据
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="home-page-container">
|
|
|
|
<!-- 热门表情分类 -->
|
|
<view class="hot-emoticon-categoty-box">
|
|
<!-- 头部 -->
|
|
<view class="emoticon-header-box">
|
|
<view class="emoticon-header-title-box">
|
|
<image show-menu-by-longpress="true" class="emoticon-header-icon" src="http://mall.api.aerwen.net/Uploads/uploads/20231029/C8ABBC8BEAFA9E5D.png" mode="heightFix" />
|
|
<view class="emoticon-header-title">
|
|
<view class="emoticon-header-title-text">热门表情包</view>
|
|
<view class="emoticon-header-title-line"></view>
|
|
</view>
|
|
</view>
|
|
<view class="emoticon-header-more-box" bind:tap="handleClickAll">
|
|
<view class="emoticon-header-more-text">全部</view>
|
|
<t-icon name="chevron-right" size="32rpx" data-name="chevron-right" />
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- 列表 -->
|
|
<view class="hot-emoticon-categoty-lsit">
|
|
<view class="hot-emoticon-categoty-item" wx:for="{{hotCategoryList}}" wx:for-item="item" wx:for-index="index" wx:key="index" data-value="{{item.emotionCategoryName}}" bind:tap="handleClickHotCategory">
|
|
<view class="image-box">
|
|
<image show-menu-by-longpress="true" show-menu-by-longpress="true" src="{{item.emotionCategoryImg}}" mode="aspectFill" />
|
|
</view>
|
|
<view class="text">{{item.emotionCategoryName}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 最近更新 -->
|
|
<view class="last-updated-box">
|
|
<!-- 头部 -->
|
|
<view class="emoticon-header-box">
|
|
<view class="emoticon-header-title-box">
|
|
<image show-menu-by-longpress="true" class="emoticon-header-icon" src="http://mall.api.aerwen.net/Uploads/uploads/20231029/C8ABBC8BEAFA9E5D.png" mode="heightFix" />
|
|
<view class="emoticon-header-title">
|
|
<view class="emoticon-header-title-text">最近更新</view>
|
|
<view class="emoticon-header-title-line"></view>
|
|
</view>
|
|
</view>
|
|
<view class="emoticon-header-more-box" bind:tap="handleClickAll">
|
|
<view class="emoticon-header-more-text">全部</view>
|
|
<t-icon name="chevron-right" size="32rpx" data-name="chevron-right" />
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- 列表 -->
|
|
<view class="last-updated-list">
|
|
<view class="last-updated-list-item" wx:for="{{lastUpdatedList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
|
|
<image show-menu-by-longpress="true" class="image-box" src="{{item.emoticonDataImg}}" mode="aspectFill" />
|
|
</view>
|
|
</view>
|
|
|
|
<load-more wx:if="{{lastUpdatedList.length > 0}}" status="{{loadMoreStatus}}" no-more-text="没有更多了" />
|
|
</view>
|
|
|
|
</view>
|
|
<t-toast id="t-toast" /> |