feat 完成页面
This commit is contained in:
parent
adf3e37eaf
commit
01669b8c2b
1
app.json
1
app.json
@ -6,6 +6,7 @@
|
|||||||
"pages/login/authorize-avatar-name/index",
|
"pages/login/authorize-avatar-name/index",
|
||||||
"pages/login/phone-register/index",
|
"pages/login/phone-register/index",
|
||||||
"pages/login/agree-link/index",
|
"pages/login/agree-link/index",
|
||||||
|
"pages/emoticon/result/index",
|
||||||
"pages/usercenter/index",
|
"pages/usercenter/index",
|
||||||
"pages/usercenter/goods-collect/index",
|
"pages/usercenter/goods-collect/index",
|
||||||
"pages/usercenter/goods-history/index",
|
"pages/usercenter/goods-history/index",
|
||||||
|
179
pages/emoticon/result/index.js
Normal file
179
pages/emoticon/result/index.js
Normal file
@ -0,0 +1,179 @@
|
|||||||
|
/* eslint-disable no-param-reassign */
|
||||||
|
|
||||||
|
import Toast from 'tdesign-miniprogram/toast/index';
|
||||||
|
|
||||||
|
const initFilters = {
|
||||||
|
overall: 1,
|
||||||
|
sorts: '',
|
||||||
|
};
|
||||||
|
|
||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
emoticonDataList: [{
|
||||||
|
emoticonDataId: 1,
|
||||||
|
emoticonDataImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
|
||||||
|
emoticonDataName: "loopy表情包"
|
||||||
|
},],
|
||||||
|
tabList: [{
|
||||||
|
text: "全部",
|
||||||
|
key: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: "可爱loopy",
|
||||||
|
key: 1,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
categoryGuid: 0,
|
||||||
|
overall: 1,
|
||||||
|
show: false,
|
||||||
|
hasLoaded: false,
|
||||||
|
keywords: '',
|
||||||
|
loadMoreStatus: 0,
|
||||||
|
loading: true,
|
||||||
|
},
|
||||||
|
|
||||||
|
privateData: {
|
||||||
|
tabIndex: 0,
|
||||||
|
},
|
||||||
|
|
||||||
|
total: 0,
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
|
||||||
|
onLoad(options) {
|
||||||
|
const {
|
||||||
|
searchValue = ''
|
||||||
|
} = options || {};
|
||||||
|
this.setData({
|
||||||
|
keywords: searchValue,
|
||||||
|
},
|
||||||
|
() => {
|
||||||
|
this.init(true);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
generalQueryData(reset = false) {
|
||||||
|
const {
|
||||||
|
keywords,
|
||||||
|
} = this.data;
|
||||||
|
const {
|
||||||
|
pageNum,
|
||||||
|
pageSize
|
||||||
|
} = this;
|
||||||
|
|
||||||
|
const params = {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 6,
|
||||||
|
goodsName: keywords,
|
||||||
|
};
|
||||||
|
|
||||||
|
if (reset) return params;
|
||||||
|
return {
|
||||||
|
...params,
|
||||||
|
pageNum: pageNum + 1,
|
||||||
|
pageSize,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
// 点击分类
|
||||||
|
tabChangeHandle(e) {
|
||||||
|
this.privateData.tabIndex = e.detail;
|
||||||
|
this.setData({
|
||||||
|
categoryGuid: e.detail.value,
|
||||||
|
});
|
||||||
|
// 刷新列表
|
||||||
|
this.init()
|
||||||
|
},
|
||||||
|
|
||||||
|
async init(reset = true) {
|
||||||
|
const {
|
||||||
|
loadMoreStatus,
|
||||||
|
emoticonDataList = []
|
||||||
|
} = this.data;
|
||||||
|
const params = this.generalQueryData(reset);
|
||||||
|
if (loadMoreStatus !== 0) return;
|
||||||
|
this.setData({
|
||||||
|
loadMoreStatus: 1,
|
||||||
|
loading: true,
|
||||||
|
});
|
||||||
|
// try {
|
||||||
|
// const result = await getemoticonList(params);
|
||||||
|
// const data = result.data;
|
||||||
|
// if (result.code == 200) {
|
||||||
|
// const {
|
||||||
|
// result,
|
||||||
|
// totalPage = 0
|
||||||
|
// } = data;
|
||||||
|
// if (totalPage === 0 && reset) {
|
||||||
|
// this.total = totalPage;
|
||||||
|
// this.setData({
|
||||||
|
// emptyInfo: {
|
||||||
|
// tip: '抱歉,未找到相关商品',
|
||||||
|
// },
|
||||||
|
// hasLoaded: true,
|
||||||
|
// loadMoreStatus: 0,
|
||||||
|
// loading: false,
|
||||||
|
// emoticonDataList: [],
|
||||||
|
// });
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// const _emoticonDataList = reset ? result : emoticonDataList.concat(result);
|
||||||
|
// const _loadMoreStatus = _emoticonDataList.length === totalPage ? 2 : 0;
|
||||||
|
// this.pageNum = params.pageNum || 1;
|
||||||
|
// this.total = totalPage;
|
||||||
|
// this.setData({
|
||||||
|
// emoticonDataList: _emoticonDataList,
|
||||||
|
// loadMoreStatus: _loadMoreStatus,
|
||||||
|
// });
|
||||||
|
// } else {
|
||||||
|
// this.setData({
|
||||||
|
// loading: false,
|
||||||
|
// });
|
||||||
|
// wx.showToast({
|
||||||
|
// title: '查询失败,请稍候重试',
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// } catch (error) {
|
||||||
|
// this.setData({
|
||||||
|
// loading: false,
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
this.setData({
|
||||||
|
hasLoaded: true,
|
||||||
|
loading: false,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
handleSubmit(e) {
|
||||||
|
this.setData({
|
||||||
|
emoticonDataList: [],
|
||||||
|
loadMoreStatus: 0,
|
||||||
|
keywords: e.detail.value
|
||||||
|
},
|
||||||
|
() => {
|
||||||
|
this.init(true);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
onReachBottom() {
|
||||||
|
const {
|
||||||
|
emoticonDataList
|
||||||
|
} = this.data;
|
||||||
|
const {
|
||||||
|
total = 0
|
||||||
|
} = this;
|
||||||
|
if (emoticonDataList.length === total) {
|
||||||
|
this.setData({
|
||||||
|
loadMoreStatus: 2,
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.init(false);
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
});
|
13
pages/emoticon/result/index.json
Normal file
13
pages/emoticon/result/index.json
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"navigationBarTitleText": "搜索",
|
||||||
|
"usingComponents": {
|
||||||
|
"t-search": "tdesign-miniprogram/search/search",
|
||||||
|
"t-input": "tdesign-miniprogram/input/input",
|
||||||
|
"t-empty": "tdesign-miniprogram/empty/empty",
|
||||||
|
"t-toast": "tdesign-miniprogram/toast/toast",
|
||||||
|
"t-icon": "tdesign-miniprogram/icon/icon",
|
||||||
|
"t-tabs": "tdesign-miniprogram/tabs/tabs",
|
||||||
|
"t-tab-panel": "tdesign-miniprogram/tab-panel/tab-panel"
|
||||||
|
},
|
||||||
|
"onReachBottomDistance": 50
|
||||||
|
}
|
34
pages/emoticon/result/index.wxml
Normal file
34
pages/emoticon/result/index.wxml
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
<view class="result-container">
|
||||||
|
<t-search
|
||||||
|
t-class="t-search"
|
||||||
|
t-class-input-container="t-class__input-container"
|
||||||
|
t-class-left="t-search__left-icon"
|
||||||
|
t-class-input="t-search__input"
|
||||||
|
value="{{keywords}}"
|
||||||
|
leftIcon=""
|
||||||
|
placeholder="搜索你想要的表情/头像/壁纸"
|
||||||
|
bind:submit="handleSubmit"
|
||||||
|
>
|
||||||
|
<t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
|
||||||
|
</t-search>
|
||||||
|
|
||||||
|
<!-- 分类 -->
|
||||||
|
<view class="home-page-tabs">
|
||||||
|
<t-tabs t-class="t-tabs" t-class-active="tabs-external__active" t-class-item="tabs-external__item" defaultValue="{{0}}" space-evenly="{{false}}" bind:change="tabChangeHandle">
|
||||||
|
<t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.text}}" value="{{item.key}}" />
|
||||||
|
</t-tabs>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="empty-wrap" wx:if="{{emoticonDataList.length === 0 && hasLoaded}}">
|
||||||
|
<t-empty t-class="empty-tips" size="240rpx" description="暂无相关表情包" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 列表 -->
|
||||||
|
<view class="last-updated-list">
|
||||||
|
<view class="last-updated-list-item" wx:for="{{emoticonDataList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
|
||||||
|
<image class="image-box" src="{{item.emoticonDataImg}}" mode="aspectFill" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<load-more wx:if="{{emoticonDataList.length > 0}}" status="{{loadMoreStatus}}" no-more-text="没有更多了" />
|
||||||
|
</view>
|
||||||
|
<t-toast id="t-toast" />
|
146
pages/emoticon/result/index.wxss
Normal file
146
pages/emoticon/result/index.wxss
Normal file
@ -0,0 +1,146 @@
|
|||||||
|
page {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
page view {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .t-search {
|
||||||
|
padding: 0 30rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .t-class__input-container {
|
||||||
|
height: 64rpx !important;
|
||||||
|
border-radius: 32rpx !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .t-search__left-icon {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .t-search__input {
|
||||||
|
font-size: 28rpx !important;
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .category-goods-list {
|
||||||
|
background-color: #f2f2f2;
|
||||||
|
padding: 20rpx 24rpx;
|
||||||
|
overflow-y: scroll;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .category-goods-list .goods-card__body {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .wr-goods-list {
|
||||||
|
background: #f2f2f2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .t-image__mask {
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .empty-wrap {
|
||||||
|
margin-top: 184rpx;
|
||||||
|
margin-bottom: 120rpx;
|
||||||
|
height: 300rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .empty-wrap .empty-tips .empty-content .content-text {
|
||||||
|
margin-top: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .price-container {
|
||||||
|
padding: 32rpx;
|
||||||
|
height: 100vh;
|
||||||
|
max-width: 632rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 30rpx 0 0 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .price-between {
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: rgba(51, 51, 51, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .price-ipts-wrap {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-around;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .price-ipts-wrap .price-divided {
|
||||||
|
position: relative;
|
||||||
|
width: 22rpx;
|
||||||
|
margin: 0 20rpx;
|
||||||
|
color: #222427;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .price-ipts-wrap .price-ipt {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 246rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
padding: 0 24rpx;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
color: #333;
|
||||||
|
background: rgba(245, 245, 245, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.t-class-input {
|
||||||
|
font-size: 24rpx !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.t-search__clear {
|
||||||
|
font-size: 40rpx !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .price-ipts-wrap .price-ipt::after {
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-container .t-input__control {
|
||||||
|
font-size: 24rpx !important;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-page-tabs {
|
||||||
|
--td-tab-nav-bg-color: transparent;
|
||||||
|
--td-tab-border-color: transparent;
|
||||||
|
--td-tab-item-color: #666;
|
||||||
|
--td-tab-track-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.last-updated-list{
|
||||||
|
margin-top: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.last-updated-list-item{
|
||||||
|
width: 200rpx;
|
||||||
|
height: 200rpx;
|
||||||
|
border: 1rpx solid #E0E0E0;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin: 15rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.last-updated-list-item .image-box{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
@ -1,25 +1,55 @@
|
|||||||
import {
|
import {
|
||||||
getbannerList
|
getbannerList
|
||||||
} from '~/services/home/getbannerList';
|
} from '~/services/home/getbannerList';
|
||||||
import {
|
|
||||||
getHomeCategoryListApi
|
|
||||||
} from '~/services/home/getHomeCategoryListApi';
|
|
||||||
import {
|
import {
|
||||||
getNoticeList
|
getNoticeList
|
||||||
} from '~/services/home/getNoticeList';
|
} from '~/services/home/getNoticeList';
|
||||||
|
import {
|
||||||
|
getSearchRecList
|
||||||
|
} from '~/services/home/getSearchRecList';
|
||||||
import Toast from 'tdesign-miniprogram/toast/index';
|
import Toast from 'tdesign-miniprogram/toast/index';
|
||||||
|
|
||||||
Page({
|
Page({
|
||||||
data: {
|
data: {
|
||||||
imgSrcs: [],
|
imgSrcs: [],
|
||||||
tabList: [
|
tabList: [{
|
||||||
|
text: "精选推荐",
|
||||||
|
key: 0,
|
||||||
|
categoryGuid: 1,
|
||||||
|
}],
|
||||||
|
hotCategoryList: [{
|
||||||
|
emotionCategoryId: 1,
|
||||||
|
emotionCategoryImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
|
||||||
|
emotionCategoryName: "loopy表情包"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
text: "精选推荐",
|
emotionCategoryId: 2,
|
||||||
key: 0,
|
emotionCategoryImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
|
||||||
categoryGuid: 1,
|
emotionCategoryName: "loopy表情包"
|
||||||
}
|
},
|
||||||
|
{
|
||||||
|
emotionCategoryId: 2,
|
||||||
|
emotionCategoryImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
|
||||||
|
emotionCategoryName: "loopy表情包"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
emotionCategoryId: 2,
|
||||||
|
emotionCategoryImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
|
||||||
|
emotionCategoryName: "loopy表情包"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
emotionCategoryId: 2,
|
||||||
|
emotionCategoryImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
|
||||||
|
emotionCategoryName: "loopy表情包"
|
||||||
|
},
|
||||||
],
|
],
|
||||||
|
lastUpdatedList: [{
|
||||||
|
emoticonDataId: 1,
|
||||||
|
emoticonDataImg: "http://mall.api.aerwen.net/Uploads/uploads/20231029/C59225894486D6A4.jpg",
|
||||||
|
emoticonDataName: "loopy表情包"
|
||||||
|
}, ],
|
||||||
noticeList: [],
|
noticeList: [],
|
||||||
|
popularWords: [],
|
||||||
marquee: {
|
marquee: {
|
||||||
speed: 40,
|
speed: 40,
|
||||||
loop: -1,
|
loop: -1,
|
||||||
@ -54,7 +84,7 @@ Page({
|
|||||||
|
|
||||||
// 划到底部触发
|
// 划到底部触发
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
onPullDownRefresh() {
|
onPullDownRefresh() {
|
||||||
@ -64,7 +94,7 @@ Page({
|
|||||||
init() {
|
init() {
|
||||||
this.loadHomePage();
|
this.loadHomePage();
|
||||||
},
|
},
|
||||||
|
|
||||||
loadHomePage() {
|
loadHomePage() {
|
||||||
wx.stopPullDownRefresh();
|
wx.stopPullDownRefresh();
|
||||||
|
|
||||||
@ -81,38 +111,31 @@ Page({
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// 获取首页推荐类目
|
// 获取搜索推荐
|
||||||
// getHomeCategoryListApi().then((res) => {
|
getSearchRecList().then((res) => {
|
||||||
// this.setData({
|
|
||||||
// tabList: res.data,
|
|
||||||
// });
|
|
||||||
// this.data.tabList.unshift({
|
|
||||||
// text: "精选推荐",
|
|
||||||
// key: 0,
|
|
||||||
// categoryGuid: 1,
|
|
||||||
// })
|
|
||||||
// this.setData({
|
|
||||||
// tabList: res.data,
|
|
||||||
// pageLoading: false,
|
|
||||||
// });
|
|
||||||
// // 刷新列表
|
|
||||||
// });
|
|
||||||
|
|
||||||
// 获取公告列表
|
|
||||||
getNoticeList().then((res) => {
|
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
const _noticeData = res.data.map((v) => {
|
|
||||||
return {
|
|
||||||
...v,
|
|
||||||
visible: true
|
|
||||||
};
|
|
||||||
});
|
|
||||||
this.setData({
|
this.setData({
|
||||||
noticeList: _noticeData,
|
popularWords: res.data,
|
||||||
pageLoading: false
|
pageLoading: false
|
||||||
});
|
});
|
||||||
}
|
} else {}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// 获取公告列表
|
||||||
|
// getNoticeList().then((res) => {
|
||||||
|
// if (res.code == 200) {
|
||||||
|
// const _noticeData = res.data.map((v) => {
|
||||||
|
// return {
|
||||||
|
// ...v,
|
||||||
|
// visible: true
|
||||||
|
// };
|
||||||
|
// });
|
||||||
|
// this.setData({
|
||||||
|
// noticeList: _noticeData,
|
||||||
|
// pageLoading: false
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// });
|
||||||
},
|
},
|
||||||
|
|
||||||
// 点击分类
|
// 点击分类
|
||||||
@ -125,7 +148,7 @@ Page({
|
|||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
navToSearchPage() {
|
navToSearchPage() {
|
||||||
wx.navigateTo({
|
wx.navigateTo({
|
||||||
@ -134,4 +157,37 @@ Page({
|
|||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
// 点击搜索推荐
|
||||||
|
handleRecTap(e) {
|
||||||
|
const {
|
||||||
|
dataset
|
||||||
|
} = e.currentTarget;
|
||||||
|
const _searchValue = dataset?.value;
|
||||||
|
if (_searchValue) {
|
||||||
|
wx.navigateTo({
|
||||||
|
url: `/pages/emoticon/result/index?searchValue=${_searchValue}`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 点击热门分类
|
||||||
|
handleClickHotCategory(e) {
|
||||||
|
const {
|
||||||
|
dataset
|
||||||
|
} = e.currentTarget;
|
||||||
|
const _searchValue = dataset?.value;
|
||||||
|
if (_searchValue) {
|
||||||
|
wx.navigateTo({
|
||||||
|
url: `/pages/emoticon/result/index?searchValue=${_searchValue}`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
//点击全部
|
||||||
|
handleClickAll() {
|
||||||
|
wx.navigateTo({
|
||||||
|
url: `/pages/emoticon/result/index`,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
});
|
});
|
@ -1,6 +1,7 @@
|
|||||||
{
|
{
|
||||||
"navigationBarTitleText": "首页",
|
"navigationBarTitleText": "表情包图片大全",
|
||||||
"onReachBottomDistance": 10,
|
"onReachBottomDistance": 10,
|
||||||
|
"navigationBarBackgroundColor": "#EDD6AF",
|
||||||
"backgroundTextStyle": "light",
|
"backgroundTextStyle": "light",
|
||||||
"enablePullDownRefresh": true,
|
"enablePullDownRefresh": true,
|
||||||
"usingComponents": {
|
"usingComponents": {
|
||||||
|
@ -3,28 +3,8 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="home-page-header">
|
<view class="home-page-header">
|
||||||
<!-- 搜索框 -->
|
|
||||||
<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>
|
|
||||||
<!-- 轮播图 -->
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<view class="home-page-container">
|
|
||||||
<!-- 分类 -->
|
|
||||||
<view class="home-page-tabs">
|
|
||||||
<t-tabs t-class="t-tabs" t-class-active="tabs-external__active" t-class-item="tabs-external__item" defaultValue="{{0}}" space-evenly="{{false}}" bind:change="tabChangeHandle">
|
|
||||||
<t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.text}}" value="{{item.key}}" />
|
|
||||||
</t-tabs>
|
|
||||||
</view>
|
|
||||||
<!-- 公告 -->
|
<!-- 公告 -->
|
||||||
<view class="notice-container ">
|
<!-- <view class="notice-container ">
|
||||||
<view wx:for="{{noticeList}}">
|
<view wx:for="{{noticeList}}">
|
||||||
<t-notice-bar class="notice-bar" visible="{{item.visible}}" prefixIcon="null" marquee="{{marquee}}" content="{{item.noticeContent}}">
|
<t-notice-bar class="notice-bar" visible="{{item.visible}}" prefixIcon="null" marquee="{{marquee}}" content="{{item.noticeContent}}">
|
||||||
<view slot="prefix-icon" class="notice-title">
|
<view slot="prefix-icon" class="notice-title">
|
||||||
@ -35,9 +15,88 @@
|
|||||||
</view>
|
</view>
|
||||||
</t-notice-bar>
|
</t-notice-bar>
|
||||||
</view>
|
</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 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 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 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 class="image-box" src="{{item.emoticonDataImg}}" mode="aspectFill" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 列表 -->
|
|
||||||
<!-- <load-more list-is-empty="{{!goodsList.length}}" status="{{goodsListLoadStatus}}" bind:retry="onReTry" /> -->
|
|
||||||
</view>
|
</view>
|
||||||
<t-toast id="t-toast" />
|
<t-toast id="t-toast" />
|
@ -22,6 +22,7 @@ page {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.home-page-header .t-search__input-container {
|
.home-page-header .t-search__input-container {
|
||||||
|
background-color: #ffffff;
|
||||||
border-radius: 32rpx !important;
|
border-radius: 32rpx !important;
|
||||||
height: 64rpx !important;
|
height: 64rpx !important;
|
||||||
}
|
}
|
||||||
@ -32,7 +33,7 @@ page {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.home-page-header .swiper-wrap {
|
.home-page-header .swiper-wrap {
|
||||||
margin-top: 20rpx;
|
margin: 20rpx 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-page-header .t-image__swiper {
|
.home-page-header .t-image__swiper {
|
||||||
@ -107,6 +108,10 @@ page {
|
|||||||
--td-tab-track-color: red;
|
--td-tab-track-color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.notice-container {
|
||||||
|
margin: 20rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
.notice-bar {
|
.notice-bar {
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
}
|
}
|
||||||
@ -121,6 +126,150 @@ page {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notice-icon{
|
.notice-icon {
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.popular-wrap {
|
||||||
|
padding-top: 15rpx;
|
||||||
|
padding-bottom: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-content {
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: flex-start;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-item {
|
||||||
|
color: #333333;
|
||||||
|
font-size: 24rpx;
|
||||||
|
line-height: 32rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
margin-right: 24rpx;
|
||||||
|
/* margin-bottom: 24rpx; */
|
||||||
|
background: white;
|
||||||
|
border-radius: 38rpx;
|
||||||
|
padding: 15rpx 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hover-history-item {
|
||||||
|
position: relative;
|
||||||
|
top: 3rpx;
|
||||||
|
left: 3rpx;
|
||||||
|
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 热门表情 */
|
||||||
|
.hot-emoticon-categoty-box {
|
||||||
|
padding: 30rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-header-box {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-header-title-box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-header-icon {
|
||||||
|
width: 35rpx;
|
||||||
|
height: 35rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-header-title {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-header-title-text {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 36rpx;
|
||||||
|
letter-spacing: 3rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-header-title-line {
|
||||||
|
width: 100%;
|
||||||
|
height: 7rpx;
|
||||||
|
background-color: #F4E6CF;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-header-more-box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #BBBBBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-header-more-text {
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 热门分类列表 */
|
||||||
|
|
||||||
|
.hot-emoticon-categoty-lsit {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hot-emoticon-categoty-item {
|
||||||
|
width: 155rpx;
|
||||||
|
height: 200rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 11.5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hot-emoticon-categoty-item .image-box {
|
||||||
|
width: 100%;
|
||||||
|
height: 80%;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hot-emoticon-categoty-item .image-box image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hot-emoticon-categoty-item .text {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 26rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
margin-top: 5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 最近更新 */
|
||||||
|
.last-updated-box{
|
||||||
|
}
|
||||||
|
|
||||||
|
.last-updated-list{
|
||||||
|
margin-top: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.last-updated-list-item{
|
||||||
|
width: 200rpx;
|
||||||
|
height: 200rpx;
|
||||||
|
border: 1rpx solid #E0E0E0;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin: 15rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.last-updated-list-item .image-box{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
@ -30,7 +30,7 @@ Page({
|
|||||||
deleteIndex: '',
|
deleteIndex: '',
|
||||||
|
|
||||||
onShow() {
|
onShow() {
|
||||||
this.queryHistory();
|
// this.queryHistory();
|
||||||
this.queryPopular();
|
this.queryPopular();
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -137,7 +137,7 @@ Page({
|
|||||||
const _searchValue = historyWords[dataset.index || 0].historySearchContent || '';
|
const _searchValue = historyWords[dataset.index || 0].historySearchContent || '';
|
||||||
if (_searchValue) {
|
if (_searchValue) {
|
||||||
wx.navigateTo({
|
wx.navigateTo({
|
||||||
url: `/pages/goods/result/index?searchValue=${_searchValue}`,
|
url: `/pages/emoticon/result/index?searchValue=${_searchValue}`,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -151,7 +151,7 @@ Page({
|
|||||||
const _searchValue = dataset?.value;
|
const _searchValue = dataset?.value;
|
||||||
if (_searchValue) {
|
if (_searchValue) {
|
||||||
wx.navigateTo({
|
wx.navigateTo({
|
||||||
url: `/pages/goods/result/index?searchValue=${_searchValue}`,
|
url: `/pages/emoticon/result/index?searchValue=${_searchValue}`,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -169,7 +169,7 @@ Page({
|
|||||||
this.queryHistory();
|
this.queryHistory();
|
||||||
});
|
});
|
||||||
wx.navigateTo({
|
wx.navigateTo({
|
||||||
url: `/pages/goods/result/index?searchValue=${value}`,
|
url: `/pages/emoticon/result/index?searchValue=${value}`,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
});
|
});
|
@ -3,7 +3,7 @@
|
|||||||
<t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
|
<t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
|
||||||
</t-search>
|
</t-search>
|
||||||
<view class="search-wrap">
|
<view class="search-wrap">
|
||||||
<view class="history-wrap">
|
<!-- <view class="history-wrap">
|
||||||
<view class="search-header">
|
<view class="search-header">
|
||||||
<text class="search-title">历史搜索</text>
|
<text class="search-title">历史搜索</text>
|
||||||
<text class="search-clear" bind:tap="handleClearHistory">清除</text>
|
<text class="search-clear" bind:tap="handleClearHistory">清除</text>
|
||||||
@ -16,7 +16,7 @@
|
|||||||
<view wx:else class="search-item">
|
<view wx:else class="search-item">
|
||||||
暂无数据
|
暂无数据
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
<view class="popular-wrap">
|
<view class="popular-wrap">
|
||||||
<view class="search-header">
|
<view class="search-header">
|
||||||
<text class="search-title">搜索推荐</text>
|
<text class="search-title">搜索推荐</text>
|
||||||
|
@ -24,6 +24,7 @@ Page({
|
|||||||
|
|
||||||
// 获取手机号
|
// 获取手机号
|
||||||
getPhoneNumber(e) {
|
getPhoneNumber(e) {
|
||||||
|
console.log(e,'adsasdasdasd');
|
||||||
let that = this
|
let that = this
|
||||||
if (that.data.checked == false) {
|
if (that.data.checked == false) {
|
||||||
Toast({
|
Toast({
|
||||||
|
@ -48,7 +48,7 @@
|
|||||||
},
|
},
|
||||||
"compileType": "miniprogram",
|
"compileType": "miniprogram",
|
||||||
"libVersion": "2.23.1",
|
"libVersion": "2.23.1",
|
||||||
"appid": "wx8b03fffabbbfe804",
|
"appid": "wxcdeaf70fb4239637",
|
||||||
"projectname": "tdesign-miniprogram-starter-retail",
|
"projectname": "tdesign-miniprogram-starter-retail",
|
||||||
"simulatorType": "wechat",
|
"simulatorType": "wechat",
|
||||||
"simulatorPluginLibVersion": {},
|
"simulatorPluginLibVersion": {},
|
||||||
|
Loading…
Reference in New Issue
Block a user