show product 产品名字居中，图片显示正方形

pages/show_product/show_product.wxml

@@ -1,9 +1,9 @@
 <view>
   <view>
-    <image class="head-img" src="{{product['image-url']}}" mode="aspectFill" />
+    <image class="head-img" src="{{product['image-url']}}" mode="aspectFit" />
   </view>
 
-  <text class="product-name">{{product.name}}</text>
+  <view class="product-name"><text>{{product.name}}</text></view>
 
   <view>
     <form>

pages/show_product/show_product.wxss

@@ -6,6 +6,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  padding: 10rpx 20rpx 0 20rpx;
 }
 
 .quantity {
@@ -40,8 +41,10 @@
 }
 
 .product-name {
-  font-size: 25rpx;
-  margin: 20rpx;
+  text-align: center;
+  font-size: 32rpx;
+  line-height: 48rpx;
+  padding: 5rpx 20rpx 0 20rpx;
 }
 
 .btn-area {