lilishop-uniapp/pages/tabbar/home/template/tpl_flex_one.vue

31 lines
547 B
Vue
Raw Normal View History

2021-05-13 11:03:32 +08:00
<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>
</div>
</div>
</template>
<script>
import { modelnavigateTo } from "./tpl";
export default {
data() {
return {
modelnavigateTo,
};
},
props: ["res"],
};
</script>
<style lang="scss" scoped>
@import "./tpl.scss";
.flex-one {
width: 100%;
display: block;
overflow: hidden;
> img {
width: 100%;
height: 100%;
}
}
</style>