Skip to content

U
uni-app-ddh-shop
Commit 9acddf70 authored by caimeng's avatar caimeng
Browse files
Options

优化产品

parent b891196b
Hide whitespace changes
Inline Side-by-side
Showing with 137 additions and 127 deletions
pages/sort/index.less
View file @ 9acddf70
.sort-page{
.sort-page {
width: 100%;
height: 100vh;
overflow: hidden;
background: #F7FAFF;
.sort-body{
display: flex;
justify-content: space-between;
.leftTab {
width: 184rpx;
height: 100vh;
background: #FFFFFF;
box-sizing: border-box;
.tabBox {
height: 100%;
.tabItem {
height: 120rpx;
color: #333333;
font-size: 26rpx;
line-height: 120rpx;
text-align: center;
font-weight: bold;
}
.tabActive {
height: 120rpx;
background: #F7FAFF;
line-height: 120rpx;
text-align: center;
border-left: 7rpx solid #FF6F26;
color: #FF6F26;
}
.sort-body {
display: flex;
justify-content: space-between;
.leftTab {
width: 184rpx;
height: 100vh;
background: #FFFFFF;
box-sizing: border-box;
.tabBox {
height: 100%;
.tabItem {
height: 120rpx;
color: #333333;
font-size: 26rpx;
line-height: 120rpx;
text-align: center;
font-weight: bold;
}
.tabActive {
height: 120rpx;
background: #F7FAFF;
line-height: 120rpx;
text-align: center;
border-left: 7rpx solid #FF6F26;
color: #FF6F26;
}
}
.rightGoods {
width:100%;
padding: 0 16rpx 27rpx;
}
.rightGoods {
width: 100%;
padding: 0 16rpx 27rpx;
box-sizing: border-box;
.whiteBox {
// height:1300rpx;
height: 100vh;
// background: #ffffff;
border-radius: 15rpx;
padding: 0 25rpx 120rpx;
box-sizing: border-box;
.whiteBox {
// height:1300rpx;
height:100vh;
// background: #ffffff;
border-radius: 15rpx;
padding: 0 25rpx 120rpx;
box-sizing: border-box;
.title {
height: 77rpx;
line-height: 77rpx;
color: #2D2D2D;
font-size: 26rpx;
font-weight: bold;
.title {
height: 77rpx;
line-height: 77rpx;
color: #2D2D2D;
font-size: 26rpx;
font-weight: bold;
}
.list {
margin: 24rpx 10rpx;
display: flex;
flex-wrap: wrap;
.l-item {
margin-right: 16rpx;
margin-bottom: 20rpx;
.item-img {
display: block;
width: 155rpx;
height: 164rpx;
border-radius: 10px;
margin-bottom: 10rpx;
}
.item-text {
height: 40rpx;
width: 155rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #333333;
line-height: 40rpx;
text-align: center;
font-style: normal;
white-space: nowrap;
/* 确保文本在一行内显示 */
overflow: hidden;
/* 隐藏超出容器的内容 */
text-overflow: ellipsis;
/* 使用省略号表示被截断的文本 */
word-break: break-all;
/* 允许在单词内换行 */
}
}
.list {
margin:24rpx 10rpx;
display: flex;
flex-wrap: wrap;
.l-item{
margin-right:16rpx ;
.item-img{
width: 155rpx;
height: 164rpx;
border-radius: 10px;
background-size: 155rpx 164rpx;
}
.item-text{
height: 40rpx;
width: 150rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #333333;
line-height: 40rpx;
text-align: center;
font-style: normal;
white-space: nowrap; /* 确保文本在一行内显示 */
overflow: hidden; /* 隐藏超出容器的内容 */
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
word-break: break-all; /* 允许在单词内换行 */
}
}
.l-item:nth-child(3n){
margin-right:0;
}
.l-item:nth-child(3n) {
margin-right: 0;
}
}
}
}
}
}
}
\ No newline at end of file
pages/sort/index.vue
View file @ 9acddf70
......@@ -21,7 +21,7 @@
@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>
<image class='item-img' mode="aspectFit" :src='item.goodsImage'></image>
<view class='item-text'>{{item.goodsName}}</view>
</view>
</view>
......
subPackage/lookGoods/index.less
View file @ 9acddf70
.look-page{
.look-page {
width: 100%;
height:calc(100vh-120px);
min-height:100vh;
overflow: hidden;
height: 100vh;
background: #F7FAFF;
.look-mian{
padding-top:6rpx;
.scroll-y-hs{
margin-top: 24rpx;
height: 1200rpx;
.look-mian {
height: 100%;
box-sizing: border-box;
padding-top: 30rpx;
.scroll-y-hs {
height: 100%;
.main-box {
display: flex;
flex-wrap: wrap;
......@@ -96,20 +97,23 @@
}
}
}
}
}
.look-footer{
padding-top:6rpx;
.look-footer {
padding-top: 6rpx;
// height: 100vh;
overflow: hidden;
.footer-img{
margin:30% 146rpx 0;
.footer-img {
margin: 30% 146rpx 0;
width: 458rpx;
height: 458rpx;
background-size: 100%;
}
.footer-text{
.footer-text {
// padding-bottom: 50%;
height: 40rpx;
font-family: PingFangSC, PingFang SC;
......
subPackage/lookGoods/lookGoods.vue
View file @ 9acddf70
<template>
<view class='look-page'>
<view class='look-mian' v-if="IndexList && IndexList.length > 0">
<scroll-view class='scroll-y-hs' scroll-y="true" style="height: 600px;" refresher-default-style="none"
<scroll-view class='scroll-y-hs' scroll-y="true" refresher-default-style="none"
@scrolltoupper="toupperTop" @scrolltolower="lowerMore">
<view class='main-box'>
<view class='box-item' v-for="item in IndexList" :key="item.id" @click="goItem(item)">
<view class='item-top'>
<image :src="item.goodsImage" class='top-img'></image>
</view>
<view class='item-footer'>
<view class='footer-des'>{{ item.goodsName }}</view>
<view class='footer-box'>
<text class='num-icon'>¥</text>
<text class="num-money">{{ item.goodsMoney }}</text>
<text class="box-last">{{ item.lookSum }}次浏览</text>
<view class='item-top'>
<image :src="item.goodsImage" class='top-img'></image>
</view>
<view class='item-footer'>
<view class='footer-des'>{{ item.goodsName }}</view>
<view class='footer-box'>
<text class='num-icon'>¥</text>
<text class="num-money">{{ item.goodsMoney }}</text>
<text class="box-last">{{ item.lookSum }}次浏览</text>
</view>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
<view class='look-footer' v-else>
<image class="footer-img" src='https://ddh.yyhock.com/ddhMall/result-null.png'></image>
<view class='footer-text'>暂无数据哦！</view>
......@@ -52,7 +51,6 @@ export default {
})
},
onLoad(options) {
console.log(options, '09')
if (options.loanStatus == '我的关注') {
this.titleText = options.loanStatus
this.goodType = 1
......@@ -75,19 +73,16 @@ export default {
console.log(params, 'params')
self.$request('/app/goods/getGoodsByUserId', 'POST', params).then(res => {
console.log(res.result, 'getGoodsByUserId');
const { current, total, size, records } = res.result
let { total, data } = res.result
const hasNextPage = total - self.pageSize * self.pageNum > 0 ? true : false //是否有下一页
if (self.loadFlag) {
console.log(33);
self.IndexList = self.IndexList.concat(records)
} else {
console.log(34);
self.IndexList = records
if (self.loadFlag) {
self.IndexList = self.IndexList.concat(data)
} else {
self.IndexList = data
}
self.hasNextPage = hasNextPage
self.loadFlag = false
}).catch(err => {
console.log(err, '请求出错')
})
......
subPackage/productDetails/index.less
View file @ 9acddf70
......@@ -145,8 +145,7 @@
align-items: center;
.img-f {
display: block;
margin-bottom: 20rpx;
display: block;
}
}
......
subPackage/productDetails/productDetails.vue
View file @ 9acddf70
......@@ -5,9 +5,7 @@
</view>
<view class="p-box">
<view class='box-top'>
<!-- <view class='top-text-s' v-if="goodsName.length>5">{{goodsName}}</view> -->
<view class='top-text'>{{ goodsName }}</view>
<view class='top-btn'>在售</view>
</view>
<view class='box-footer'>
<view class='footer-l'><text>¥</text>{{ goodsMoney }}</view>
......
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