diff --git a/api/store.js b/api/store.js index 71e53dc..55b0222 100644 --- a/api/store.js +++ b/api/store.js @@ -273,7 +273,16 @@ export function getEntry(data) { * 热门榜单 */ export function getHotList(data) { - return request.get("/hotList/"+ data, {}, { + return request.get("/hotList", data, { + login: false + }); +} + +/** + * 热门榜单信息 + */ +export function getHotListData() { + return request.get("/hotListData", {}, { login: false }); } \ No newline at end of file diff --git a/pages/shop/HotNewGoods/index.vue b/pages/shop/HotNewGoods/index.vue index ad6a23e..c789f21 100644 --- a/pages/shop/HotNewGoods/index.vue +++ b/pages/shop/HotNewGoods/index.vue @@ -16,7 +16,7 @@ - + - - + + + + + - - 全部 - - 2022年10月 - + + + 全部 + + {{form.mouth}} + + + + 价格 + + + + {{subclass.cateName}} + + + - - + @@ -53,8 +66,7 @@ - - + {{index+1}} {{index===0?'ST':index===1?'ND':index===2?'RD':'TH'}} @@ -69,8 +81,7 @@ - + @@ -99,7 +110,7 @@ @@ -280,7 +353,7 @@ export default { background: #FFFFFF; box-shadow: 0rpx -4rpx 38rpx 0rpx rgba(0,0,0,0.1); border-radius: 28rpx 28rpx 0rpx 0rpx; - scroll-view { + .classify-scroll { position: relative; top: -60rpx; margin-bottom: -60rpx; @@ -296,22 +369,41 @@ export default { .classify-item { width: 176rpx; height: 96rpx; + text-align: center; margin-right: 20rpx; - border-radius: 16rpx; - background: linear-gradient(135deg, #39D396 0%, #2DB7AD 43%, #1B8DCC 100%); + image { + width: 176rpx; + height: 96rpx; + border-radius: 16rpx; + transition: all .3s linear; + // background: linear-gradient(135deg, #39D396 0%, #2DB7AD 43%, #1B8DCC 100%); + } + transition: width .3s linear; } .classify-item.on { width: 220rpx; - height: 120upx; + height: 120rpx; + transition: width .3s linear; + image { + width: 220rpx; + height: 120rpx; + transition: all .3s linear; + } } } } } + .content-box .nav-scroll { + overflow:hidden; + white-space:nowrap; + } .content-box .nav-box { + display: flex; + flex-wrap: nowrap; padding: 20rpx 32rpx; + margin-right: 32rpx; .item { - // width: 87px; height: 40rpx; border-radius: 16rpx; border: 2rpx solid #2EB5AE; @@ -322,6 +414,12 @@ export default { color: #2DB5AE; line-height: 36rpx; margin-right: 20rpx; + .nav-name,.jiantou-down { + display: inline-block; + } + .jiantou-down { + margin-bottom: 4rpx; + } } .item.on { width: 124rpx; @@ -331,6 +429,16 @@ export default { } } + .jiantou-down { + width: 0; + height: 0; + border-top: 10rpx solid #2EB5AE; + border-bottom: 0rpx; + border-left: 6rpx solid transparent; + border-right: 6rpx solid transparent; + margin-left: 2rpx; + } + .notice-box { margin: 0rpx 32rpx 18rpx; padding: 0rpx 16rpx; @@ -352,7 +460,7 @@ export default { } .list-box { - height: calc(100% - 196rpx); + height: calc(100% - 200rpx); overflow-y: scroll; .top-box { padding: 0rpx 32rpx 12rpx; @@ -490,13 +598,4 @@ export default { } } - .jiantou-down { - width: 0; - height: 0; - border-top: 10rpx solid #2EB5AE; - border-bottom: 0rpx; - border-left: 6rpx solid transparent; - border-right: 6rpx solid transparent; - margin-left: 2rpx; - } \ No newline at end of file diff --git a/pages/user/User/index.vue b/pages/user/User/index.vue index bf59558..cc66b24 100644 --- a/pages/user/User/index.vue +++ b/pages/user/User/index.vue @@ -71,7 +71,7 @@