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-05-27 16:24:44 +08:00
parent 3d74e3d907
commit 23cc635971
11 changed files with 245 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/tabbar/home/template/tpl_flex_five.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="layout">
<u-image width="140rpx" height="140rpx" @click="modelNavigateTo(item)" class="image-mode" v-for="(item,index) in res.list" :key="index" :src="item.img" alt="">
<u-image width="140rpx" mode="aspectFit" height="140rpx" @click="modelNavigateTo(item)" class="image-mode" v-for="(item,index) in res.list" :key="index" :src="item.img" alt="">
<u-loading slot="loading"></u-loading>
</u-image>
</div>

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

@@ -1,7 +1,7 @@
<template>
<div class="layout">
<u-image height="175rpx" width="175rpx" @click="modelNavigateTo(item)" class="image-mode" :src="item.img" v-for="(item,index) in res.list" :key="index">
<u-image height="175rpx" mode="aspectFit" width="175rpx" @click="modelNavigateTo(item)" class="image-mode" :src="item.img" v-for="(item,index) in res.list" :key="index">
<u-loading slot="loading"></u-loading>
</u-image>
</div>
@@ -23,7 +23,7 @@ export default {
<style lang="scss" scoped>
@import "./tpl.scss";
.layout {
height: 84px;
display: flex;
align-items: center;
justify-content: center;

2
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%" height="280rpx" :src="res.list[0].img" alt=""></u-image>
</div>
</div>
</template>

3
pages/tabbar/home/template/tpl_flex_three.vue
View File

@@ -26,7 +26,8 @@ export default {
<style lang="scss" scoped>
@import "./tpl.scss";
.layout {
height: 110px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;

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

@@ -2,37 +2,36 @@
<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-loading slot="loading"></u-loading>
<u-image width="100%" height="300rpx" 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-loading slot="loading"></u-loading>
<u-image width="100%" height="150rpx" 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-loading slot="loading"></u-loading>
<u-image width="100%" height="150rpx" class="image-mode" :src="res.list[2].img" alt>
<u-loading slot="loading"></u-loading>
</u-image>
</div>
</div>
</div>
</template>
<script>
import {modelNavigateTo} from './tpl'
import { modelNavigateTo } from "./tpl";
export default {
title: "左一右二",
props: ["res"],
data () {
data() {
return {
modelNavigateTo,
}
};
},
mounted() {
}
mounted() {},
};
</script>
<style lang="scss" scoped>
@@ -44,5 +43,4 @@ export default {
background-size: cover;
}
</style>

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

@@ -3,10 +3,10 @@
<div class="layout ">
<div class="view-height-150">
<div class="view-height-75" @click="modelNavigateTo(res.list[0])">
<u-image class="image-mode" width="100%" height="150rpx" :src="res.list[0].img" ></u-image>
<u-image class="image-mode" width="100%" height="150rpx" :src="res.list[0].img" ></u-image>
</div>
<div class="view-height-75" @click="modelNavigateTo(res.list[1])">
<u-image class="image-mode" width="100%" height="150rpx" :src="res.list[1].img" ></u-image>
<u-image class="image-mode" width="100%" height="150rpx" :src="res.list[1].img" ></u-image>
</div>
</div>
<div class="view-height-150" @click="modelNavigateTo(res.list[2])">