商品详情页面的商品详情图片样式与API

8 years ago · ba3e998228
parent af773bbbe1
commit ba3e998228
2 changed files with 7 additions and 1 deletions
--- a/pages/show_product/show_product.wxml
+++ b/pages/show_product/show_product.wxml
@ -25,7 +25,7 @@
  <view class="desc-container">
    <block wx:for="{{product.desc}}" wx:for-item="desc">
      <view class="desc-image-view">
-        <image class="desc-image" src="{{desc}}" mode="aspectFit"/>
+        <image class="desc-image" src="{{desc[0]}}" style="height: {{desc[1]*1.18}}rpx;" mode="aspectFit"/>
      </view>
    </block>
  </view>
--- a/pages/show_product/show_product.wxss
+++ b/pages/show_product/show_product.wxss
@ -50,6 +50,12 @@
  width: 100%;
 }

+.desc-container {
+  border-top: 1rpx solid lightgrey;
+  margin-top: 40rpx;
+  margin-bottom: 90rpx;
+}
+
 .desc-image {
  width: 100%;
 }