小程序端：商品详情页美化调整

weixin-miniprogram/pages/shop/goodDetail.wxml

@@ -1,5 +1,5 @@
 <!--pages/shop/goodDetail.wxml-->
-<view>
+<view class="good-wapper">
   <image class="good-image" src="{{goodinfo.picUrl}}" />
   <view class="good-detail">
     <view class="good-price good-price-counter">
@@ -13,8 +13,32 @@
       <view class="good-price-symbol">¥</view>
       <view class="good-price-number">{{ goodinfo.retailPrice }}</view>
     </view>
-    <view>
-      <text class="good-title line-wrap">{{ goodinfo.goodsName }}</text>
+
+    <!-- 商品标题 -->
+    <view class="good-title line-wrap">
+      {{ goodinfo.brief || goodinfo.goodsName }}
     </view>
+
+    <!-- 商品详情 -->
+    <view class="good-breif line-wrap">
+      <view>
+        商品名称：{{ goodinfo.goodsName }}
+      </view>
+      <view>
+        商品描述：{{ goodinfo.brief || "暂无" }}
+      </view>
+      <view>
+        商品介绍：{{ goodinfo.detail || "暂无" }}
+      </view>
+    </view>
+    <view class="no-more">没有更多啦</view>
+  </view>
+</view>
+
+<view class="bottom-controlbox">
+  <!-- 屏幕底部 -->
+  <view class="bottom-buttons">
+    <view class="btn" id="btn-addcart">加入购物车</view>
+    <view class="btn" id="btn-buy">立即下单</view>
   </view>
 </view>