i

src/pages/hotGoods/index/index.vue

@@ -3,14 +3,18 @@
         <!-- 金刚区 -->
         <view class="top-box">
             <view class="item">
-                <view>我的订单</view>
+                <view @click="hotGoodsDetail">
+                    <IconFont
+                        name="http://article.biliimg.com/bfs/article/131eda0add8662808d97ffb1191d19bf3e420647.png"
+                        size="40"
+                    />
+                    <view>我的订单</view>
+                </view>
             </view>
             <view class="item">
                 <view></view>
             </view>
-            <view class="item">
-
-            </view>
+            <view class="item"> </view>
             <view class="item">
                 <view></view>
             </view>
@@ -45,6 +49,7 @@
 import { ref } from "vue";
 import { useLoad, navigateTo } from "@tarojs/taro";
 import { getActiveGoods } from "../../../api/goods";
+import { IconFont } from "@nutui/icons-vue-taro";
 
 const list = ref<any>([]);
 
@@ -63,6 +68,12 @@ const toGoodDetails = (id: number) => {
         url: `/pages/goods/goods_detail/index?gid=${id}&type=1`,
     });
 };
+
+const hotGoodsDetail = () => {
+    navigateTo({
+        url: `/pages/hotGoods/hot_list/index`,
+    });
+};
 </script>
 
 <style lang="scss">
@@ -70,14 +81,14 @@ const toGoodDetails = (id: number) => {
     display: flex;
     justify-content: space-between;
     margin: 10px 20px 0 20px;
+    background-color: #fff;
+    border-radius: 10px;
 
     .item {
         width: 150px;
-        height: 150px;
+        padding: 10px;
         background-color: #fff;
-        border-radius: 10px;
         text-align: center;
-        line-height: 150px;
     }
 }