image

复制代码
<template>
    <swiper 
        :indicator-dots="true" 
        :autoplay="true" 
        circular>
        <swiper-item>
            <image src="/static/logo.png" mode="aspectFill"></image>
        </swiper-item>
        <swiper-item>
            <view>mode:</view>
            <view>scaleToFill占满整个容器</view>
            <view>aspectFit按比例去缩放,会保证能看到完整,比例不对会有白边</view>
            <view>aspectFill按比例去缩放,会占满整个容器,不能保证看到完整,比例不对会裁剪</view>
            <view>widthFix宽度不变,高度自动变化,保持原图宽高比不变</view>
            <view>heightFix高度不变,宽度自动变化,保持原图宽高比不变 App 和 H5 平台 HBuilderX 2.9.3+ 支持、微信小程序需要基础库 2.10.3</view>
        </swiper-item>
    </swiper>
</template>

<script setup>
    
</script>
复制代码

 

posted on   ChoZ  阅读(2)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示