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] 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
+
+
+
+
+
+
+
+
+
+ 
+ 微信支付
+
+
+ 使用微信支付
+
+
+
+ 
+
+
+
+
+
@@ -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