diff --git a/pages/shop/list.vue b/pages/shop/list.vue index 278b397..b2b5135 100644 --- a/pages/shop/list.vue +++ b/pages/shop/list.vue @@ -24,19 +24,26 @@ - {{ item.shop_name }} + + {{ item.shop_name }} + + + - {{ item.category.name }} + {{ item.category.name }} 营业时间:{{ item.shop_hours }} - - - {{ item.comment_count }}人评价 + + + + {{ item.comment_count }}人评价 + + 销量: {{ item.goods_sales }} - {{ item.full_address }} + {{ item.full_address }} + - 销量: {{ item.goods_sales }} 距离: {{ item.distance }}km @@ -206,10 +213,21 @@ export default { margin: 5rpx 0; } - .score { + .score-wrap { display: flex; align-items: center; - justify-content: flex-start; + justify-content: space-between; + width: 100%; + + .score { + display: flex; + align-items: center; + justify-content: flex-start; + } + + .sales { + color: #4D0868; + } } .cate { @@ -217,8 +235,11 @@ export default { align-items: center; justify-content: flex-start; - :first-child { + .cate-name { margin-right: 15rpx; + background-color: #F8EEF7; + padding: 5px; + border-radius: 999rpx; } } @@ -235,10 +256,20 @@ export default { margin-left: 15rpx; font-size: 25rpx; flex-shrink: 0; - color: #ef0021; + color: #4D0868; } } + } +} + +.name-wrap { + display: flex; + align-items: center; + justify-content: flex-start; + image { + margin-left: 15rpx; + width: 100rpx; } } \ No newline at end of file