liudan
/
fx-uniapp
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交

Browse Source
main
liudan 2 years ago
parent aa0e35bb7a
commit c621b7453b
2 changed files with 14 additions and 5 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 9
      pages/index/components/sh-goods-card.vue
  2. 10
      pages/index/components/sh-grid.vue

9
pages/index/components/sh-goods-card.vue
Unescape View File

@ -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{

10
pages/index/components/sh-grid.vue
Unescape View File

@ -1,8 +1,14 @@
<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)">
<image class="tool-img" :src="menu.image" mode="aspectFill"></image> <view style="text-align: center;" v-if="menu.name!='在线客服'">
<view class="item-title">{{ menu.name }}</view> <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>
</view> </view>
</template> </template>

Write Preview
Loading…
Cancel
Save