show product 样式改进

pages/show_product/show_product.wxml

@@ -3,17 +3,17 @@
     <image class="head-img" src="{{product['image-url']}}" mode="aspectFit" />
   </view>
 
-  <text>{{product.name}}</text>
+  <text class="product-name">{{product.name}}</text>
 
   <view>
     <form bindsubmit="formSubmit" data-sku="{{product.sku}}">
+      <view class="section price">
+        <text id="price" >¥{{product.price || '无法获取价格'}}</text>
+      </view>
       <view class="section quantity">
-        <view class="quantity">数量：</view>
+        <view>购买数量：</view>
         <input id="quantity" name="quantity" bindinput="bindQuantityInput" value="1" />
       </view>
-      <view class="section">
-        <text id="price" >¥{{product.price || '无法获取价格'}}</text>
-      </view>
       <view class="btn-area">
         <button formType="submit" type='primary'>立即购买</button>
         <button bindtap="bindAddToCart">加入购物车</button>

pages/show_product/show_product.wxss

@@ -26,3 +26,21 @@
   border-radius: 0;
   border-width: 0;
 }
+
+.product-name {
+  font-size: 25rpx;
+  margin: 20rpx;
+}
+
+.section.price {
+  margin: 20rpx;
+}
+
+.section.quantity {
+  margin: 20rpx;
+  font-size: 30rpx;
+}
+
+.btn-area {
+  margin-top: 70rpx;
+}