Commit fb4272f9 authored by ly's avatar ly

分类页

parent 3c007020
.sort-page{ .sort-page{
width: 100%; width: 100%;
height: 100vh; height: 100vh;
// min-height: 2300rpx;
background: #F7FAFF; background: #F7FAFF;
.sort-body{ .sort-body{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.leftTab { .leftTab {
width: 184rpx; width: 184rpx;
height: 100vh; height: 100vh;
background: #FFFFFF; background: #FFFFFF;
...@@ -40,10 +42,10 @@ ...@@ -40,10 +42,10 @@
box-sizing: border-box; box-sizing: border-box;
.whiteBox { .whiteBox {
height:900rpx; height:1300rpx;
// background: #ffffff; // background: #ffffff;
border-radius: 15rpx; border-radius: 15rpx;
padding: 0 25rpx; padding: 0 25rpx 120rpx;
box-sizing: border-box; box-sizing: border-box;
.title { .title {
height: 77rpx; height: 77rpx;
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
tabCurrent: 1, tabCurrent: 1,
fromStore: false, fromStore: false,
pageNum: 1, pageNum: 1,
pageSize: 10,//每页展示几条数据 pageSize: 50,//每页展示几条数据
total: 0, total: 0,
hasNextText:'上拉加载更多', hasNextText:'上拉加载更多',
loadFlag:true, loadFlag:true,
...@@ -119,21 +119,16 @@ ...@@ -119,21 +119,16 @@
this.pageNum=1 this.pageNum=1
this.initSearch() this.initSearch()
}, },
gotel(){
uni.makePhoneCall({
phoneNumber: this.phoneNum //仅为示例
});
},
toupperTop(e){ toupperTop(e){
console.log(e,'到顶了'); console.log(e,'到顶了');
}, },
lowerMore(e){ lowerMore(e){
console.log(e,'触底了'); console.log(e,'触底了');
if(!this.hasNextPage){ if(!this.hasNextPage){
uni.showToast({ // uni.showToast({
icon: 'none', // icon: 'none',
title: '到底了', // title: '到底了',
}) // })
return false; return false;
} }
if(this.loadFlag) return; if(this.loadFlag) return;
......
This diff is collapsed.
...@@ -1679,7 +1679,7 @@ if(false) {} ...@@ -1679,7 +1679,7 @@ if(false) {}
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/runtime/api.js */ 10); var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/runtime/api.js */ 10);
exports = ___CSS_LOADER_API_IMPORT___(false); exports = ___CSS_LOADER_API_IMPORT___(false);
// Module // Module
exports.push([module.i, ".sort-page[data-v-d2d867ac] {\n width: 100%;\n height: 100vh;\n background: #F7FAFF;\n}\n.sort-page .sort-body[data-v-d2d867ac] {\n display: flex;\n justify-content: space-between;\n}\n.sort-page .sort-body .leftTab[data-v-d2d867ac] {\n width: 184rpx;\n height: 100vh;\n background: #FFFFFF;\n box-sizing: border-box;\n}\n.sort-page .sort-body .leftTab .tabBox[data-v-d2d867ac] {\n height: 100%;\n}\n.sort-page .sort-body .leftTab .tabBox .tabItem[data-v-d2d867ac] {\n height: 120rpx;\n color: #333333;\n font-size: 26rpx;\n line-height: 120rpx;\n text-align: center;\n font-weight: bold;\n}\n.sort-page .sort-body .leftTab .tabBox .tabActive[data-v-d2d867ac] {\n height: 120rpx;\n background: #F7FAFF;\n line-height: 120rpx;\n text-align: center;\n border-left: 7rpx solid #2263E6;\n color: #2263E6;\n}\n.sort-page .sort-body .rightGoods[data-v-d2d867ac] {\n width: 100%;\n height: 900rpx;\n padding: 0 16rpx 27rpx;\n box-sizing: border-box;\n}\n.sort-page .sort-body .rightGoods .whiteBox[data-v-d2d867ac] {\n height: 900rpx;\n border-radius: 15rpx;\n padding: 0 25rpx;\n box-sizing: border-box;\n}\n.sort-page .sort-body .rightGoods .whiteBox .title[data-v-d2d867ac] {\n height: 77rpx;\n line-height: 77rpx;\n color: #2D2D2D;\n font-size: 26rpx;\n font-weight: bold;\n}\n.sort-page .sort-body .rightGoods .whiteBox .list[data-v-d2d867ac] {\n margin: 24rpx 10rpx;\n display: flex;\n flex-wrap: wrap;\n}\n.sort-page .sort-body .rightGoods .whiteBox .list .l-item[data-v-d2d867ac] {\n margin-right: 16rpx ;\n}\n.sort-page .sort-body .rightGoods .whiteBox .list .l-item .item-img[data-v-d2d867ac] {\n width: 155rpx;\n height: 164rpx;\n border-radius: 10px;\n background-size: 155rpx 164rpx;\n}\n.sort-page .sort-body .rightGoods .whiteBox .list .l-item .item-text[data-v-d2d867ac] {\n height: 40rpx;\n width: 150rpx;\n font-family: PingFangSC, PingFang SC;\n font-weight: 400;\n font-size: 28rpx;\n color: #333333;\n line-height: 40rpx;\n text-align: center;\n font-style: normal;\n white-space: nowrap;\n /* 确保文本在一行内显示 */\n overflow: hidden;\n /* 隐藏超出容器的内容 */\n text-overflow: ellipsis;\n /* 使用省略号表示被截断的文本 */\n word-break: break-all;\n /* 允许在单词内换行 */\n}\n.sort-page .sort-body .rightGoods .whiteBox .list .l-item[data-v-d2d867ac]:nth-child(3n) {\n margin-right: 0;\n}\n", ""]); exports.push([module.i, ".sort-page[data-v-d2d867ac] {\n width: 100%;\n height: 100vh;\n background: #F7FAFF;\n}\n.sort-page .sort-body[data-v-d2d867ac] {\n display: flex;\n justify-content: space-between;\n}\n.sort-page .sort-body .leftTab[data-v-d2d867ac] {\n width: 184rpx;\n height: 100vh;\n background: #FFFFFF;\n box-sizing: border-box;\n}\n.sort-page .sort-body .leftTab .tabBox[data-v-d2d867ac] {\n height: 100%;\n}\n.sort-page .sort-body .leftTab .tabBox .tabItem[data-v-d2d867ac] {\n height: 120rpx;\n color: #333333;\n font-size: 26rpx;\n line-height: 120rpx;\n text-align: center;\n font-weight: bold;\n}\n.sort-page .sort-body .leftTab .tabBox .tabActive[data-v-d2d867ac] {\n height: 120rpx;\n background: #F7FAFF;\n line-height: 120rpx;\n text-align: center;\n border-left: 7rpx solid #2263E6;\n color: #2263E6;\n}\n.sort-page .sort-body .rightGoods[data-v-d2d867ac] {\n width: 100%;\n height: 900rpx;\n padding: 0 16rpx 27rpx;\n box-sizing: border-box;\n}\n.sort-page .sort-body .rightGoods .whiteBox[data-v-d2d867ac] {\n height: 1300rpx;\n border-radius: 15rpx;\n padding: 0 25rpx 120rpx;\n box-sizing: border-box;\n}\n.sort-page .sort-body .rightGoods .whiteBox .title[data-v-d2d867ac] {\n height: 77rpx;\n line-height: 77rpx;\n color: #2D2D2D;\n font-size: 26rpx;\n font-weight: bold;\n}\n.sort-page .sort-body .rightGoods .whiteBox .list[data-v-d2d867ac] {\n margin: 24rpx 10rpx;\n display: flex;\n flex-wrap: wrap;\n}\n.sort-page .sort-body .rightGoods .whiteBox .list .l-item[data-v-d2d867ac] {\n margin-right: 16rpx ;\n}\n.sort-page .sort-body .rightGoods .whiteBox .list .l-item .item-img[data-v-d2d867ac] {\n width: 155rpx;\n height: 164rpx;\n border-radius: 10px;\n background-size: 155rpx 164rpx;\n}\n.sort-page .sort-body .rightGoods .whiteBox .list .l-item .item-text[data-v-d2d867ac] {\n height: 40rpx;\n width: 150rpx;\n font-family: PingFangSC, PingFang SC;\n font-weight: 400;\n font-size: 28rpx;\n color: #333333;\n line-height: 40rpx;\n text-align: center;\n font-style: normal;\n white-space: nowrap;\n /* 确保文本在一行内显示 */\n overflow: hidden;\n /* 隐藏超出容器的内容 */\n text-overflow: ellipsis;\n /* 使用省略号表示被截断的文本 */\n word-break: break-all;\n /* 允许在单词内换行 */\n}\n.sort-page .sort-body .rightGoods .whiteBox .list .l-item[data-v-d2d867ac]:nth-child(3n) {\n margin-right: 0;\n}\n", ""]);
// Exports // Exports
module.exports = exports; module.exports = exports;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment