Skip to content

U
uni-app-ddh-shop
Commit fb4272f9 authored by ly's avatar ly
Browse files
Options

分类页

parent 3c007020
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 16 additions and 19 deletions
pages/sort/index.less
View file @ fb4272f9
.sort-page{
width: 100%;
height: 100vh;
// min-height: 2300rpx;
background: #F7FAFF;
.sort-body{
display: flex;
justify-content: space-between;
.leftTab {
width: 184rpx;
height: 100vh;
background: #FFFFFF;
......@@ -40,10 +42,10 @@
box-sizing: border-box;
.whiteBox {
height:900rpx;
height:1300rpx;
// background: #ffffff;
border-radius: 15rpx;
padding: 0 25rpx;
padding: 0 25rpx 120rpx;
box-sizing: border-box;
.title {
height: 77rpx;
......
pages/sort/index.vue
View file @ fb4272f9
......@@ -19,12 +19,12 @@
refresher-default-style="none"
@scrolltoupper="toupperTop"
@scrolltolower="lowerMore">
<view class="list">
<view class='l-item' v-for="item in listIndex" :key="item.id" @click="goProduct(item)">
<image class='item-img' :src='item.goodsImage'></image>
<view class='item-text'>{{item.goodsName}}</view>
<view class="list">
<view class='l-item' v-for="item in listIndex" :key="item.id" @click="goProduct(item)">
<image class='item-img' :src='item.goodsImage'></image>
<view class='item-text'>{{item.goodsName}}</view>
</view>
</view>
</view>
</scroll-view>
</view>
</view>
......@@ -40,7 +40,7 @@
tabCurrent: 1,
fromStore: false,
pageNum: 1,
pageSize: 10,//每页展示几条数据
pageSize: 50,//每页展示几条数据
total: 0,
hasNextText:'上拉加载更多',
loadFlag:true,
......@@ -119,21 +119,16 @@
this.pageNum=1
this.initSearch()
},
gotel(){
uni.makePhoneCall({
phoneNumber: this.phoneNum //仅为示例
});
},
toupperTop(e){
console.log(e,'到顶了');
},
lowerMore(e){
console.log(e,'触底了');
if(!this.hasNextPage){
uni.showToast({
icon: 'none',
title: '到底了',
})
// uni.showToast({
// icon: 'none',
// title: '到底了',
// })
return false;
}
if(this.loadFlag) return;
......
unpackage/dist/dev/app-plus/app-service.js
View file @ fb4272f9
This diff is collapsed.
unpackage/dist/dev/app-plus/app-view.js
View file @ fb4272f9
......@@ -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);
exports = ___CSS_LOADER_API_IMPORT___(false);
// 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
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