收礼列表样式优化

zhiyangdu
1 parent 630ab8ec
Showing 3 changed files with 25 additions and 2 deletions
src/components/receivingGiftsItem/receivingGiftsItem.less
src/components/receivingGiftsItem/receivingGiftsItem.vue
src/pages/myGiftBox/myGiftBox.vue
@@ -93,6 +93,26 @@
                 }
             }
         }
+        .statu_list {
+            width: auto;
+            height: auto;
+            margin-top: 20px;
+            display: flex;
+            flex-wrap:wrap;
+            align-content: flex-start;
+            .btn {
+                min-width: 78px;
+                height: 52px;
+                color: #999999;
+                background-color: #f9f9f9;
+                border-radius: 8px;
+                padding: 0 20px;
+                font-size: 26px;
+                line-height: 52px;
+                text-align: center;
+                margin: 10px;
+            }
+        }
         .item_info {
             display: flex;
             margin-top: 30px;
@@ -177,7 +197,7 @@
             text-align: center;
             display: flex;
             justify-content: center;
-            .fold{
+            .fold {
                 display: flex;
                 .triangle_top {
                     width: 0px;
@@ -25,6 +25,10 @@
                     </div>
                     <div class="gift_active"></div>
                 </div>
+                <!-- 订单状态集合 -->
+                <div class="statu_list">
+                    <div class="btn">可分享</div>
+                </div>
                 <!-- 店铺信息 -->
                 <div class="shop_info">
                     <img
@@ -37,7 +37,6 @@
                 <!-- 筛选 -->
                 <div
                     @click="popupShow = true"
-                    v-show="active == 1"
                     class="screen_box"
                 >
                     <div>筛选</div>