Commit feb4fc70d7f792a17cd5083c32d981fe7b4bf2cc
1 parent
630ab8ec
收礼列表样式优化
Showing
3 changed files
with
25 additions
and
2 deletions
src/components/receivingGiftsItem/receivingGiftsItem.less
| @@ -93,6 +93,26 @@ | @@ -93,6 +93,26 @@ | ||
| 93 | } | 93 | } |
| 94 | } | 94 | } |
| 95 | } | 95 | } |
| 96 | + .statu_list { | ||
| 97 | + width: auto; | ||
| 98 | + height: auto; | ||
| 99 | + margin-top: 20px; | ||
| 100 | + display: flex; | ||
| 101 | + flex-wrap:wrap; | ||
| 102 | + align-content: flex-start; | ||
| 103 | + .btn { | ||
| 104 | + min-width: 78px; | ||
| 105 | + height: 52px; | ||
| 106 | + color: #999999; | ||
| 107 | + background-color: #f9f9f9; | ||
| 108 | + border-radius: 8px; | ||
| 109 | + padding: 0 20px; | ||
| 110 | + font-size: 26px; | ||
| 111 | + line-height: 52px; | ||
| 112 | + text-align: center; | ||
| 113 | + margin: 10px; | ||
| 114 | + } | ||
| 115 | + } | ||
| 96 | .item_info { | 116 | .item_info { |
| 97 | display: flex; | 117 | display: flex; |
| 98 | margin-top: 30px; | 118 | margin-top: 30px; |
| @@ -177,7 +197,7 @@ | @@ -177,7 +197,7 @@ | ||
| 177 | text-align: center; | 197 | text-align: center; |
| 178 | display: flex; | 198 | display: flex; |
| 179 | justify-content: center; | 199 | justify-content: center; |
| 180 | - .fold{ | 200 | + .fold { |
| 181 | display: flex; | 201 | display: flex; |
| 182 | .triangle_top { | 202 | .triangle_top { |
| 183 | width: 0px; | 203 | width: 0px; |
src/components/receivingGiftsItem/receivingGiftsItem.vue
| @@ -25,6 +25,10 @@ | @@ -25,6 +25,10 @@ | ||
| 25 | </div> | 25 | </div> |
| 26 | <div class="gift_active"></div> | 26 | <div class="gift_active"></div> |
| 27 | </div> | 27 | </div> |
| 28 | + <!-- 订单状态集合 --> | ||
| 29 | + <div class="statu_list"> | ||
| 30 | + <div class="btn">可分享</div> | ||
| 31 | + </div> | ||
| 28 | <!-- 店铺信息 --> | 32 | <!-- 店铺信息 --> |
| 29 | <div class="shop_info"> | 33 | <div class="shop_info"> |
| 30 | <img | 34 | <img |
src/pages/myGiftBox/myGiftBox.vue