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

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

@ -1,9 +1,15 @@
<template> <template>
<view class="grid-wap u-m-b-20 u-flex u-flex-wrap u-col-center" v-if="list.length"> <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)"> <view class="grid-item u-flex-col u-row-center u-col-center" v-for="(menu, index) in list" :key="index" @tap="jump(menu)">
<view style="text-align: center;" v-if="menu.name!='在线客服'">
<image class="tool-img" :src="menu.image" mode="aspectFill"></image> <image class="tool-img" :src="menu.image" mode="aspectFill"></image>
<view class="item-title">{{ menu.name }}</view> <view class="item-title">{{ menu.name }}</view>
</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> </view>
</template> </template>

Loading…
Cancel
Save