From cc5ff531778f9d7101f63a183127f6f40e3045b9 Mon Sep 17 00:00:00 2001
From: THK3121 <thk121969318@163.com>
Date: Fri, 14 Jul 2023 13:34:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A4=E6=98=93=E5=A4=A7=E5=8E=85=E7=9A=84?=
 =?UTF-8?q?=E4=B8=80=E7=82=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/users/trading_hall/index.vue | 86 ++++++++++++++++++++++++++++--
 1 file changed, 81 insertions(+), 5 deletions(-)

diff --git a/pages/users/trading_hall/index.vue b/pages/users/trading_hall/index.vue
index 1b1d7cc..fc9102e 100644
--- a/pages/users/trading_hall/index.vue
+++ b/pages/users/trading_hall/index.vue
@@ -11,13 +11,46 @@
         </view>
       </view>
       <view class="recom">
-        <rudon-rowMenuDotDotDot :localdata="options" @change="menuAction($event, 1)">
-          推荐
-        </rudon-rowMenuDotDotDot>
+       <view class="recom_bnt">
+         <rudon-rowMenuDotDotDot :localdata="options" @change="menuAction($event)">
+          {{this.recomname}}
+         </rudon-rowMenuDotDotDot>
+       </view>
       </view>
     </view>
     <view class="list">
-
+      <view class="item">
+        <image class="shopimg" src="@/static/images/2-002.png" mode="widthFix"></image>
+        <view class="item_text">
+          <span>调货</span> 夹岸数范德萨范德萨衣服上的
+        </view>
+        <view class="item_prices">
+          啊沙发上
+        </view>
+        <view class="item_name">
+          <image src="../user_grade/images/suozi.png" mode="widthFix"></image>
+          <view class="item_name_text">
+            啊沙发上
+          </view>
+        </view>
+      </view>
+      
+      <view class="item">
+        <image class="shopimg" src="@/static/images/2-002.png" mode="widthFix"></image>
+        <view class="item_text">
+          <span>调货</span> 夹岸数范德萨范德萨衣服上的
+        </view>
+        <view class="item_prices">
+          啊沙发上
+        </view>
+        <view class="item_name">
+          <image src="../user_grade/images/suozi.png" mode="widthFix"></image>
+          <view class="item_name_text">
+            啊沙发上
+          </view>
+        </view>
+      </view>
+      
     </view>
   </view>
 </template>
@@ -47,13 +80,17 @@
             text: '打折专区'
           }
         ],
+        recomname:'',
       }
     },
     methods: {
       menuAction(action, rowId) {
+        console.log(action);
         // 忽略初始化时的传入的空操作
         if (action === '') {
-          return
+          this.recomname = this.options[0].text
+        }else{
+          this.recomname = this.options[action].text
         }
       },
     }
@@ -110,6 +147,45 @@
       text-align: center;
       border-radius: 30px;
       border: 1px solid #F84221;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .recom_bnt{
+      
+      }
+    }
+  }
+  .list{
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    .item{
+      width: 40%;
+      .shopimg{
+        width: 100%;
+      }
+      .item_text{
+        width: 100%;
+        padding: 15px 10px 15px 10px;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        span{
+          height: 20px;
+          padding: 3px;
+          margin: 2px;
+          background: linear-gradient(180deg, #F98649 0%, #F34E45 100%);
+          border-radius: 4px 0px 4px 0px;
+          color: white;
+        }
+      }
+      .item_prices{
+        font-size: 18px;
+        color:#F84221;
+        padding-left: 15px;
+        border-bottom: 1px solid #707070;
+      }
     }
   }
 </style>
\ No newline at end of file