分类功能优化

This commit is contained in:
花城
2024-03-13 10:27:48 +08:00
parent 1cb4483832
commit b0ff539311
2 changed files with 13 additions and 0 deletions

View File

@@ -244,10 +244,16 @@ text-color-assist { color: #919293; }
.menu-layout{ .menu-layout{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
max-height: 500rpx;
overflow: scroll;
.menu-box{ .menu-box{
display: inline-block; display: inline-block;
width: 140rpx; width: 140rpx;
margin-bottom: 25rpx; margin-bottom: 25rpx;
max-height: 300rpx;
overflow: scroll;
.img{ .img{
display: block; display: block;
margin: 0 auto; margin: 0 auto;
@@ -361,6 +367,12 @@ text-color-assist { color: #919293; }
background-color: #f7f7f7; background-color: #f7f7f7;
text-align: center; text-align: center;
border-radius: 5rpx; border-radius: 5rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
} }
.active{ .active{
background-color: #edf8f2; background-color: #edf8f2;

View File

@@ -418,6 +418,7 @@ export default {
}, },
handleMenuTapNew(id) { handleMenuTapNew(id) {
const _this = this; const _this = this;
_this.scrollLeftSticky = 0;
let menu = _this.menus[_this.primaryClassificationIndex].child.filter((res) => res.id == id); let menu = _this.menus[_this.primaryClassificationIndex].child.filter((res) => res.id == id);
_this.needCurrentCateId = menu[0].id; _this.needCurrentCateId = menu[0].id;
_this.currentCateId = menu[0].id; _this.currentCateId = menu[0].id;