ui调整

src/components/common/CustomNav.vue

@@ -113,7 +113,8 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
-    color: #333;
+    font-size: 13px;
+    font-family: "PingFangSC-Medium, PingFang SC";
   }
 }
 </style>

static/nativeComponents/CubeNav/index.wxml

 <!--static/nativeComponents/CubeNav/index.wxml-->
-<view style="overflow: hidden;">
+<view style="overflow: hidden;" class="cubeNav">
   <view wx:if="{{datas.componentData.styleType == 0}}" class="cube-nav" style="margin-top:{{datas.componentData.verticalMargin * 2}}rpx;margin-bottom:{{datas.componentData.verticalMargin * 2}}rpx;margin-left:{{datas.componentData.levelMargin * 2}}rpx;margin-right:{{datas.componentData.levelMargin * 2}}rpx;border-radius:{{datas.componentData.moduleRadius * 2}}rpx">
     <view class="cube1 clearfix" wx:if="{{datas.componentData.layoutType == 0}}" style="margin-left:{{-datas.componentData.singleVerticalMargin*2}}rpx;background-color:{{datas.componentData.backgroundColor || ''}};">
       <view class="cube-bg" wx:for="{{imgList}}" data-item="{{item}}" bindtap="onclickHandle" style="padding-left:{{datas.componentData.singleVerticalMargin*2}}rpx;width:{{getColumnWidth}};">

static/nativeComponents/CubeNav/index.wxss

 /* static/nativeComponents/CubeNav/index.wxss */
+.cubeNav image{
+  height: auto;
+}
 .clearfix:after {
   display: block;
   clear: both;

static/nativeComponents/GoodsList/GoodsItem/index.js

@@ -58,7 +58,8 @@ const componentOptions = {
       } else if (datas.componentData.style == 'waterfall' && datas.componentData.imgShowMode == "1") {
         imgFillType = "aspectFill"
       } else {
-        imgFillType = "widthFix"
+        // imgFillType = "widthFix"
+        imgFillType = "heightFix"
       }
       this.setData({
         datas,

static/nativeComponents/GoodsList/GoodsItem/index.wxml

@@ -78,6 +78,7 @@
 					<image mode="widthFix" src="{{datas.componentData['angleSignImg']}}" />
 				</view>
 				<!-- 商品主图 -->
+				<view class="contentImg">
 					<image
 					 lazy-load
 					 mode="{{imgFillType}}"
@@ -94,6 +95,8 @@
 					 wx:else
 					 src="{{items.coverImage}}"
 					/>
+				</view>
+					
 				<!-- 售罄遮罩 -->
 				<view class="whiteBg" wx:if="{{items&&items.oversoldFlag==0&&items.totalQty-0<=0}}">
 					<view class="cover">

static/nativeComponents/GoodsList/GoodsItem/index.wxss

@@ -71,12 +71,24 @@ align-items: flex-start;
 .goodsPicture{
   width: 100%;
   height: 100%;
+  box-sizing: border-box;
+}
+.contentImg{
+  width: 100%;
+  height: 0;
+  padding-bottom: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.goodsPicture .productImgUrl{
+.contentImg .productImgUrl{
   width: 100%;
   height: 100%;
+  position: absolute;
+  margin: auto;
+  top: -9999px;
+  left: -9999px;
+  bottom: -9999px;
+  right: -9999px;
 }
 .maxHeight{
   height: 48vw!important;
@@ -179,6 +191,7 @@ align-items: flex-start;
   -webkit-box-orient: vertical;
   line-height: 1.4em;
   position: relative;
+  height: 2.8em;
 }
 .info .follower-wrap{
   position: relative;