code-image-backup-public/lilishop-uniapp
1
0
Fork 0
mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git synced 2025-12-18 00:15:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

更改楼层装修适配 修改一些样式

Browse Source
This commit is contained in:
lemon橪
2021-06-09 20:12:26 +08:00
parent 7cbb226416
commit 305f05bade
13 changed files with 57 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
pages/tabbar/home/template/tpl.scss
View File

@@ -1,8 +1,8 @@
.image-mode {
max-width: 100%;
height: auto;
width: 100%;
height: 100%;
display: block;
padding: 2rpx;
}
.layout {
padding: 16rpx;
@@ -18,10 +18,10 @@
width: 100%;
}
.view-height-75 {
height: 150rpx;
// height: 150rpx;
}
.view-height-150 {
height: 300rpx;
// height: 300rpx;
flex: 1;
}
@@ -29,3 +29,4 @@
height: 170rpx;
flex: 1;
}

4
pages/tabbar/home/template/tpl_flex_one.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="layout">
<div class="flex-one" @click="modelNavigateTo(res.list[0])">
<u-image width="100%" height="280rpx" :src="res.list[0].img" alt=""></u-image>
<u-image width="100%" mode="aspectFit" height="280rpx" :src="res.list[0].img" alt=""></u-image>
</div>
</div>
</template>
@@ -9,7 +9,7 @@
import { modelNavigateTo } from "./tpl";
export default {
title:"单行图片模块",
title: "单行图片模块",
data() {
return {
modelNavigateTo,

4
pages/tabbar/home/template/tpl_flex_two.vue
View File

@@ -2,12 +2,12 @@
<div class="layout">
<div class="flex-two">
<div class="flex-item" @click="modelNavigateTo(res.list[0])">
<u-image height="325rpx" width="100%" mode="scaleToFill" :src="res.list[0].img" alt>
<u-image height="250rpx" width="100%" mode="scaleToFill" :src="res.list[0].img" alt>
<u-loading slot="loading"></u-loading>
</u-image>
</div>
<div class="flex-item" @click="modelNavigateTo(res.list[1])">
<u-image height="325rpx" width="100%" mode="scaleToFill" :src="res.list[1].img" alt>
<u-image height="250rpx" width="100%" mode="scaleToFill" :src="res.list[1].img" alt>
<u-loading slot="loading"></u-loading>
</u-image>
</div>

6
pages/tabbar/home/template/tpl_left_one_right_two.vue
View File

@@ -2,18 +2,18 @@
<template>
<div class="layout">
<div class="view-height-150" @click="modelNavigateTo(res.list[0])">
<u-image width="100%" height="300rpx" class="image-mode" :src="res.list[0].img">
<u-image width="100%" height="340rpx" class="image-mode" :src="res.list[0].img">
<u-loading slot="loading"></u-loading>
</u-image>
</div>
<div class="view-height-150">
<div class="view-height-75" @click="modelNavigateTo(res.list[1])">
<u-image width="100%" height="150rpx" class="image-mode" :src="res.list[1].img" alt>
<u-image width="100%" height="170rpx" class="image-mode" :src="res.list[1].img" alt>
<u-loading slot="loading"></u-loading>
</u-image>
</div>
<div class="view-height-75" @click="modelNavigateTo(res.list[2])">
<u-image width="100%" height="150rpx" class="image-mode" :src="res.list[2].img" alt>
<u-image width="100%" height="170rpx" class="image-mode" :src="res.list[2].img" alt>
<u-loading slot="loading"></u-loading>
</u-image>
</div>

1
pages/tabbar/home/views.vue
View File

@@ -93,6 +93,7 @@ export default {
mounted() {
this.init();
},
methods: {
/**