|
2 | 2 | <section class="cart_module"> |
3 | 3 | <section v-if="!foods.specifications.length" class="cart_button"> |
4 | 4 | <transition name="showReduce"> |
5 | | - <svg @click="removeOutCart(foods.category_id, foods.item_id, foods.specfoods[0].food_id, foods.specfoods[0].name, foods.specfoods[0].price, '', foods.specfoods[0].packing_fee, foods.specfoods[0].sku_id, foods.specfoods[0].stock)" v-if="foodNum"> |
6 | | - <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#cart-minus"></use> |
7 | | - </svg> |
| 5 | + <span @touchstart="removeOutCart(foods.category_id, foods.item_id, foods.specfoods[0].food_id, foods.specfoods[0].name, foods.specfoods[0].price, '', foods.specfoods[0].packing_fee, foods.specfoods[0].sku_id, foods.specfoods[0].stock)" v-if="foodNum"> |
| 6 | + <svg> |
| 7 | + <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#cart-minus"></use> |
| 8 | + </svg> |
| 9 | + </span> |
8 | 10 | </transition> |
9 | 11 | <transition name="fade"> |
10 | 12 | <span class="cart_num" v-if="foodNum">{{foodNum}}</span> |
11 | 13 | </transition> |
12 | | - <svg class="add_icon" @click="addToCart(foods.category_id, foods.item_id, foods.specfoods[0].food_id, foods.specfoods[0].name, foods.specfoods[0].price, '', foods.specfoods[0].packing_fee, foods.specfoods[0].sku_id, foods.specfoods[0].stock, $event)"> |
| 14 | + <svg class="add_icon" @touchstart="addToCart(foods.category_id, foods.item_id, foods.specfoods[0].food_id, foods.specfoods[0].name, foods.specfoods[0].price, '', foods.specfoods[0].packing_fee, foods.specfoods[0].sku_id, foods.specfoods[0].stock, $event)"> |
13 | 15 | <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#cart-add"></use> |
14 | 16 | </svg> |
15 | 17 | </section> |
16 | 18 | <section v-else class="choose_specification"> |
17 | 19 | <section class="choose_icon_container"> |
18 | 20 | <transition name="showReduce"> |
19 | | - <svg class="specs_reduce_icon" v-if="foodNum" @click="showReduceTip"> |
| 21 | + <svg class="specs_reduce_icon" v-if="foodNum" @touchstart="showReduceTip"> |
20 | 22 | <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#cart-minus"></use> |
21 | 23 | </svg> |
22 | 24 | </transition> |
23 | 25 | <transition name="fade"> |
24 | 26 | <span class="cart_num" v-if="foodNum">{{foodNum}}</span> |
25 | 27 | </transition> |
26 | | - <span class="show_chooselist" @click="showChooseList(foods)">选规格</span> |
| 28 | + <span class="show_chooselist" @touchstart="showChooseList(foods)">选规格</span> |
27 | 29 | </section> |
28 | 30 | </section> |
29 | 31 | </section> |
|
110 | 112 | align-items: center; |
111 | 113 | } |
112 | 114 | svg{ |
113 | | - @include wh(.8rem, .8rem); |
| 115 | + @include wh(.9rem, .9rem); |
114 | 116 | fill: #3190e8; |
115 | 117 | } |
116 | 118 | .specs_reduce_icon{ |
117 | 119 | fill: #999; |
118 | 120 | } |
119 | 121 | .cart_num{ |
120 | | - @include sc(.6rem, #666); |
| 122 | + @include sc(.65rem, #666); |
121 | 123 | min-width: 1rem; |
122 | 124 | text-align: center; |
123 | 125 | font-family: Helvetica Neue,Tahoma; |
|
0 commit comments