shop bug

README.md

@@ -178,17 +178,38 @@ npm run build
 <img src="https://github.com/bailicangdu/vue2-elm/blob/master/src/images/search.gif" width="365" height="619"/>
 
 
-## 餐馆详情页
+## 餐馆食品列表与购物车
 
 <img src="https://github.com/bailicangdu/vue2-elm/blob/master/src/images/shop_cart.png" width="365" height="619"/>
 <img src="https://github.com/bailicangdu/vue2-elm/blob/master/src/images/shop_cart.gif" width="365" height="619"/>
 
+
 ## 餐馆评论页
 
 <img src="https://github.com/bailicangdu/vue2-elm/blob/master/src/images/rating.png" width="365" height="619"/>
 <img src="https://github.com/bailicangdu/vue2-elm/blob/master/src/images/rating.gif" width="365" height="619"/>
 
 
+## 食品详情页
+
+<img src="https://github.com/bailicangdu/vue2-elm/blob/master/src/images/fooddetail.png" width="365" height="619"/>
+
+
+## 餐馆信息页
+
+<img src="https://github.com/bailicangdu/vue2-elm/blob/master/src/images/shopdetail1.png" width="365" height="619"/>
+<img src="https://github.com/bailicangdu/vue2-elm/blob/master/src/images/shopdetail2.png" width="365" height="619"/>
+
+
+## 登陆页
+
+<img src="https://github.com/bailicangdu/vue2-elm/blob/master/src/images/login1.png" width="365" height="619"/>
+<img src="https://github.com/bailicangdu/vue2-elm/blob/master/src/images/login2.png" width="365" height="619"/>
+
+
+
+
+
 
 
 如果觉得不错，请star一下吧 😊

src/page/shop/shop.vue

@@ -854,6 +854,10 @@
                                     border-radius: 0.3rem;
                                     margin-right: .1rem;
                                     transform: scale(.8);
+                                    p{
+                                        white-space: nowrap;
+                                        line-height: .4rem;
+                                    }
                                 }
                                 .attribute_new{
                                     position: absolute;