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

38 lines
748 B
Vue
Raw Permalink Normal View History

2021-05-13 11:03:32 +08:00
<template>
<div class="layout">
<div class="box">
2022-08-25 12:46:52 +08:00
<u-swiper @click="clickSwiper" interval="5000" duration="500" height="350" v-if="res" name="img" :list="res.list">
2021-05-13 11:03:32 +08:00
<u-loading slot="loading"></u-loading>
</u-swiper>
</div>
</div>
</template>
<script>
import { modelNavigateTo } from "./tpl";
2021-05-13 11:03:32 +08:00
export default {
title: "导航栏",
props: ["res"],
watch: {
res: {
handler(newValue, oldValue) {
this.$set(this, "res", newValue);
},
deep: true,
},
},
mounted() {
},
methods: {
clickSwiper(index) {
modelNavigateTo(this.res.list[index]);
2021-05-13 11:03:32 +08:00
},
},
};
</script>
<style lang="scss" scoped>
@import "./tpl.scss";
</style>