From 3dde33dcca122f853d8a47e6f00f2f274105cede Mon Sep 17 00:00:00 2001 From: tianyi <13521030702@163.com> Date: Mon, 18 May 2026 15:00:50 +0800 Subject: [PATCH 1/4] 1 --- pages.json | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/pages.json b/pages.json index 2e67eea..7c3daee 100644 --- a/pages.json +++ b/pages.json @@ -163,6 +163,12 @@ "navigationBarTitleText": "拼团页", "navigationStyle": "custom" } + },{ + "path": "IdleTrad/detail", + "style": { + "navigationBarTitleText": "闲置详情", + "navigationStyle": "custom" + } },{ "path": "seckill/seckillGroup", "style": { From 7ac94e7dcba4f639fe4350e2765f695d8068b02d Mon Sep 17 00:00:00 2001 From: tianyi <13521030702@163.com> Date: Mon, 18 May 2026 18:00:21 +0800 Subject: [PATCH 2/4] 1 --- package2/IdleTrad/chat.vue | 8 + package2/IdleTrad/detail.vue | 291 ++++++++++++++++++++++++++++++----- 2 files changed, 258 insertions(+), 41 deletions(-) create mode 100644 package2/IdleTrad/chat.vue diff --git a/package2/IdleTrad/chat.vue b/package2/IdleTrad/chat.vue new file mode 100644 index 0000000..02409e3 --- /dev/null +++ b/package2/IdleTrad/chat.vue @@ -0,0 +1,8 @@ + + + + + \ No newline at end of file diff --git a/package2/IdleTrad/detail.vue b/package2/IdleTrad/detail.vue index 8ab9666..f9d4e3a 100644 --- a/package2/IdleTrad/detail.vue +++ b/package2/IdleTrad/detail.vue @@ -133,7 +133,7 @@ - + @@ -153,14 +153,112 @@ - + 立即购买 - + 聊一聊 + + + + + + + + + 给钱就出,二手电竞桌(电脑桌)快速发货… + + + ¥33.6 + + + + + + 颜色 + + + + 白色 + + + 白色 + + + 白色 + + + 白色 + + + 白色 + + + + + + 大小 + + + + XL码 + + + XL码 + + + XL码 + + + XL码 + + + XL码 + + + + + + + + 西校区1号宿舍楼610 + + + 刘六六 18827382918 + + + + + + + + + + + 微信支付 + + + 使用微信支付 + + + + + + + + + 确认购买 ¥35.33 + + + + @@ -193,15 +291,20 @@ this.getCategory(this.shopItem.id); this.getProduct(''); }, - onPageScroll(e) { - this.lastScrollTop = e.scrollTop; - // 节流:80ms 内不重复检测,避免频繁的 selectorQuery - const now = Date.now(); - if (now - this._lastDetectTs < 80) return; - this._lastDetectTs = now; - this.detectCurrentCategory(); - }, + // onPageScroll(e) { + // this.lastScrollTop = e.scrollTop; + // // 节流:80ms 内不重复检测,避免频繁的 selectorQuery + // const now = Date.now(); + // if (now - this._lastDetectTs < 80) return; + // this._lastDetectTs = now; + // this.detectCurrentCategory(); + // }, methods: { + goChat(){ + uni.navigateTo({ + url:'/package2/IdleTrad/chat' + }) + }, back() { const pages = getCurrentPages(); if (pages.length > 1) { @@ -413,8 +516,9 @@ width: 24px; height: 24px; } - .p-5 img{ - width:100%; + + .p-5 img { + width: 100%; height: 100%; background-size: 100%; border-radius: 24px; @@ -449,38 +553,143 @@ width: 35px; text-align: center; } - .b-1{ + + .b-1 { width: 100%; height: 100px; } - .bottom{ - position: fixed; - bottom: 0; + + .bottom-box { + position: fixed; + bottom: 0; + background: #fff; + width: 100%; + height: 80px; + display: flex; + padding: 10px; + border-top: 1px solid #eee; + } + + .b-2 { + width: 25px; + height: 40px; + margin-right: 30px; + text-align: center; + } + + .b-3 { + flex: 1; + display: flex; + } + + .b-4 { + flex: 1; + text-align: center; + width: 90px; + height: 35px; + background: rgba(0, 35, 28, 1); + line-height: 35px; + border-radius: 35px; + margin: 0 5px; + } + + .buy-content { + height: 500px; + width: 100%; + padding: 10px; + + } + + .vue-ref { + border-top-left-radius: 10px !important; + border-top-right-radius: 10px !important; + } + + .buy1 { + display: flex; + } + + .buy2 { + width: 84px; + height: 84px; + + img { + width: 100%; + height: 100%; + background-size: 100%; + border-radius: 10px; + } + } + + .buy3 { + flex: 1; + display: flex; + flex-direction: column; + } + + .buy4 { + flex: 1; + font-size: 15px; + font-weight: 700; + padding: 5px 10px; + } + + .buy5 { + height: 30px; + line-height: 30px; + font-size: 20px; + padding: 0 10px; + color: red; + font-weight: 700; + } + .box1 { + width: 99%; + margin: 0 auto 22rpx; + background: #f5f5f5; + border: 1px solid rgba(255, 255, 255, 0.86); + border-radius: 32rpx; + padding: 24rpx; + box-sizing: border-box; + overflow: hidden; + } + .buy6{ + display: flex; + flex-wrap: wrap; + margin-bottom: 10px; + } + .buy7{ + width: 100%; + height: 80rpx; + line-height: 40px; + font-size: 14px; + font-weight: 700; + } + .buy8{ + display: flex; + flex-wrap: wrap; + } + .buy9{ + background: #eee; + padding: 5px 10px; + border-radius: 5px; + opacity: 0.6; + margin-right: 10px; + } + .popup-bottom-box{ background: #fff; - width: 100%; + position: fixed; height: 80px; - display: flex; - padding: 10px; - border-top: 1px solid #eee; - } - .b-2{ - width: 25px; - height: 40px; - margin-right: 30px; - text-align: center; - } - .b-3{ - flex: 1; - display: flex; - } - .b-4{ - flex: 1; - text-align: center; - width: 90px; - height: 35px; - background: rgba(0, 35, 28, 1); - line-height: 35px; - border-radius: 35px; - margin: 0 5px; + width: 94%; + } + .buy10{ + width: 100%; + height: 50px; + line-height: 50px; + text-align: center; + margin: 10px auto 0; + background: linear-gradient(45deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); + border-radius: 50px; + font-size: 16px; + font-weight: 700; } \ No newline at end of file From 2663e17df3ad96a6e79129375100f0f5c63dfcaf Mon Sep 17 00:00:00 2001 From: tianyi <13521030702@163.com> Date: Mon, 18 May 2026 18:00:27 +0800 Subject: [PATCH 3/4] 1 --- pages.json | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/pages.json b/pages.json index 7c3daee..88a6d14 100644 --- a/pages.json +++ b/pages.json @@ -169,6 +169,12 @@ "navigationBarTitleText": "闲置详情", "navigationStyle": "custom" } + },{ + "path": "IdleTrad/chat", + "style": { + "navigationBarTitleText": "聊一聊", + "navigationStyle": "custom" + } },{ "path": "seckill/seckillGroup", "style": { From 2aea94200ebc22789adf6300cb130e3f487c3a89 Mon Sep 17 00:00:00 2001 From: tianyi <13521030702@163.com> Date: Mon, 18 May 2026 18:00:35 +0800 Subject: [PATCH 4/4] 1 --- components/tab-bar/postList.vue | 161 +++++++++++++++++++++++++++++--- 1 file changed, 149 insertions(+), 12 deletions(-) diff --git a/components/tab-bar/postList.vue b/components/tab-bar/postList.vue index a0d0f0e..e8cfdc8 100644 --- a/components/tab-bar/postList.vue +++ b/components/tab-bar/postList.vue @@ -55,9 +55,36 @@ - - + + + + + + + + + {{item.text}} + + + + ¥{{item.price}} + + + {{item.xiangyao}}人想要 + + + + + + AAA二手数码 + + + + + @@ -65,6 +92,42 @@ export default { data() { return { + goodsList: [{ + pic: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/9362dfb66c0f426789584cabb3977ccc.png', + text: 'LG27寸显示屏,带底座,屏幕显示正常', + price: 100, + xiangyao: 12, + icon: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png', + shopName: 'AAA二手数码' + }, { + pic: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/9362dfb66c0f426789584cabb3977ccc.png', + text: 'LG27寸显示屏,带底座,屏幕显示正常', + price: 100, + xiangyao: 12, + icon: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png', + shopName: 'AAA二手数码' + }, { + pic: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/9362dfb66c0f426789584cabb3977ccc.png', + text: 'LG27寸显示屏,带底座,屏幕显示正常', + price: 100, + xiangyao: 12, + icon: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png', + shopName: 'AAA二手数码' + }, { + pic: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/9362dfb66c0f426789584cabb3977ccc.png', + text: 'LG27寸显示屏,带底座,屏幕显示正常', + price: 100, + xiangyao: 12, + icon: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png', + shopName: 'AAA二手数码' + }, { + pic: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/9362dfb66c0f426789584cabb3977ccc.png', + text: 'LG27寸显示屏,带底座,屏幕显示正常', + price: 100, + xiangyao: 12, + icon: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png', + shopName: 'AAA二手数码' + }], shopList: [{ shopName: '高徒课堂', img: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/6c4ab92a43c842d8bb22035bce1f65cc.png' @@ -138,7 +201,7 @@ menuButtonInfo: {} } }, - filters:{ + filters: { sliceMsg(val) { return val.slice(0, 4); } @@ -162,6 +225,11 @@ this.menuButtonInfo = uni.getMenuButtonBoundingClientRect() this.$forceUpdate() }, + goDetail(item){ + uni.navigateTo({ + url:'/package2/IdleTrad/detail' + }) + }, checkTab(index) { this.tabIndex = index }, @@ -183,7 +251,6 @@ .page1 { width: 100%; - height: 100%; font-size: 24rpx; position: relative; display: flex; @@ -300,12 +367,12 @@ } .shop-list { - display: flex; - white-space: nowrap; - width: 100%; - padding: 0 12px; - overflow: scroll; - margin-top: 15px; + display: flex; + white-space: nowrap; + width: 100%; + padding: 0 12px; + overflow: scroll; + margin-top: 15px; } .shop1 { @@ -313,6 +380,7 @@ width: 50px; text-align: center; margin-right: 18px; + img { width: 50px; height: 50px; @@ -325,14 +393,83 @@ line-height: 20px; font-weight: 600; } - .huodong{ + + .huodong { padding: 0 12px; display: flex; height: 85px; margin-top: 12px; - img{ + + img { height: 85px; flex: 1; } } + + .c-1 { + background: #fff; + width: 170px; + margin-left: 12px; + margin-top: 10px; + border-radius: 10px; + height: 290px; + } + + .c-2 { + background: #fff; + width: 170px; + height: 170px; + + img { + width: 100%; + height: 100%; + background-size: 100%; + border-radius: 10px; + } + } + + .c-3 { + background: #fff; + font-size: 14px; + font-weight: 700; + padding: 5px; + } + + .c-4 { + display: flex; + padding: 0 5px; + height: 20px; + line-height: 20px; + margin-top: 10px; + } + + .c-5 { + flex: 1; + font-size: 18px; + color: red; + font-weight: 700; + } + + .c-6 { + color: rgba(0, 35, 28, 0.6); + } + + .c-7 { + height: 24px; + line-height: 24px; + display: flex; + margin-top: 10px; + padding:0 5px; + img { + width: 24px; + height: 24px; + background-size: 100%; + border-radius: 24px; + } + } + + .c-8 { + padding-left: 10px; + color: rgba(0, 35, 28, 0.6) + } \ No newline at end of file