uniapp 学习笔记六 swiper轮播图及自定义配置

最新推荐文章于 2024-05-30 11:11:54 发布

ggome

最新推荐文章于 2024-05-30 11:11:54 发布

阅读量748

点赞数

分类专栏： uni-app 文章标签： uni-app 学习 servlet

本文链接：https://blog.csdn.net/gixome/article/details/126557960

版权

uni-app 专栏收录该内容

109 篇文章 42 订阅

订阅专栏

<template>
    <view>
        <!-- 自定义导航栏 -->
        <nav-custom></nav-custom>
        <!-- 轮播 -->
        <swiper class="banner" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
            <swiper-item v-for="(index,item) in 3">
                <image src="../../static/logo.png" mode=""></image>
            </swiper-item>
        </swiper>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            
        }
    }
</script>

<style lang="scss">
    .banner{
        height: 1000upx;
        swiper-item{
            height: 1000upx;
        }
        image{
            width: 100%;
            height:1000upx
        }
    }
.title{
    color: red;
}
</style>