修复show product 的图片显示有分隔的问题

-10rpx 的wxss是为了不让图片产生分隔，怀疑是微信的bug，要在手机上测试一下

pages/index/index.js

@@ -1,4 +1,5 @@
 const product = require('../../utils/product.js')
+var app = getApp()
 
 Page({
   data: {
@@ -31,7 +32,7 @@ Page({
     var that = this
 
     product.getSlides(function(result) {
-      var data = getApp().store.sync(result.data)
+      var data = app.store.sync(result.data)
       that.setData({'slides': data})
       wx.setStorage({
         key:"indexSlides",
@@ -40,7 +41,7 @@ Page({
     })
 
     product.getProducts(function(result) {
-      var data = getApp().store.sync(result.data)
+      var data = app.store.sync(result.data)
       that.setData({
         items: data,
         popularity_products: data.filter(product => product.flag === '最热'),

pages/show_product/show_product.js

@@ -1,14 +1,30 @@
 const product = require('../../utils/product.js')
-
+var app = getApp()
 Page({
   data: {
     title: '',
     id: 0,
     quantity: 1,
-    product: {}
+    product: {},
+    windowWidth: 375,
+    windowHeight: 667,
+    pixelRatio: 2
   },
 
   onLoad (params) {
+    try {
+      var res = wx.getSystemInfoSync()
+      this.setData({
+        windowWidth:  res.windowWidth,
+        windowHeight: res.windowHeight,
+        pixelRatio:   res.pixelRatio
+      })
+      app.globalData.windowWidth  = res.windowWidth
+      app.globalData.windowHeight = res.windowHeight
+      app.globalData.pixelRatio   = res.pixelRatio
+    } catch (e) {
+    }
+
     var allProducts = wx.getStorageSync('products')
     var id = params.id
     var product = allProducts.filter(function(i){

pages/show_product/show_product.wxml

@@ -25,7 +25,7 @@
   <view class="desc-container">
     <block wx:for="{{product.desc}}" wx:for-item="desc" wx:key="id">
       <view class="desc-image-view">
-        <image class="desc-image" src="{{desc[0]}}" style="height: {{desc[1]*1.18}}rpx;" mode="aspectFit"/>
+        <image class="desc-image" src="{{desc[0]}}" style="height: {{desc[2] / desc[1] * windowWidth * pixelRatio}}rpx;" mode="aspectFit"/>
       </view>
     </block>
   </view>

pages/show_product/show_product.wxss

@@ -58,4 +58,8 @@
 
 .desc-image {
   width: 100%;
+}
+
+.desc-image-view {
+  margin: -10rpx;
 }