main
liudan 2 years ago
parent aa0e35bb7a
commit c621b7453b
  1. 9
      pages/index/components/sh-goods-card.vue
  2. 10
      pages/index/components/sh-grid.vue

@ -3,7 +3,7 @@
<view class="big-goods" @tap="click"
:style="type ? 'background-image: url(' + $IMG_URL + typeMap[type].goodsBg + ')' : ''">
<view class="shopImg">
<image :src="image" class="goods-img" lazy-load fade-show mode="heightFix"></image>
<image :src="image" class="goods-img" lazy-load fade-show mode="widthFix"></image>
<!-- <image class="goods-img" lazy-load fade-show :src="image" mode="widthFix"></image> -->
</view>
<!-- <image class="goods-img" lazy-load fade-show :src="image" mode="aspectFill"></image> -->
@ -323,6 +323,7 @@
overflow: hidden;
.shopImg{
height: 400upx;
overflow: hidden;
background: #D3D3D3;
box-shadow: 0upx 6upx 16upx 0upx rgba(25,25,25,0.05);
border-radius: 20upx 20upx 0upx 0upx;
@ -332,7 +333,9 @@
.goods-img {
// width: 260rpx;
// height: 260rpx;
height:100%;
// height:100%;
height:auto;
width: 100%;
background-color: #f5f5f5;
// border-radius: 6rpx;
}
@ -431,7 +434,7 @@
align-items: center;
image{
width:180upx;
width:90upx;
height:auto
}
text{

@ -1,8 +1,14 @@
<template>
<view class="grid-wap u-m-b-20 u-flex u-flex-wrap u-col-center" v-if="list.length">
<view class="grid-item u-flex-col u-row-center u-col-center" v-for="(menu, index) in list" :key="index" @tap="jump(menu)">
<image class="tool-img" :src="menu.image" mode="aspectFill"></image>
<view class="item-title">{{ menu.name }}</view>
<view style="text-align: center;" v-if="menu.name!='在线客服'">
<image class="tool-img" :src="menu.image" mode="aspectFill"></image>
<view class="item-title">{{ menu.name }}</view>
</view>
<button open-type="contact" v-else plain style="background: transparent;line-height: normal;border: 0;">
<image class="tool-img" :src="menu.image" mode="aspectFill"></image>
<view class="item-title">{{ menu.name }}</view>
</button>
</view>
</view>
</template>

Loading…
Cancel
Save