更新记录

1.0.4（2024-08-16） 下载此版本

1.优化：标题显示

1.0.3（2024-08-16） 下载此版本

1.新增：外边距：margin属性
2.新增：圆角：radius属性

1.0.2（2024-08-07） 下载此版本

1.优化：代码

平台兼容性

云端兼容性

uni-app

uni-app x

云函数类插件通用教程

使用云函数类插件的前提是：使用HBuilderX 2.9+

star-banner

star-banner组件，用于实现轮播图效果，支持点击跳转小程序内页面、跳转其他小程序、跳转网址、预览图片和观看视频。

示例代码

<template>
    <view>
        <star-banner :oData="oData" :category_id="category_id" :mode="mode" :dotsStyles="dotsStyles" :height="height"
            :autoplay="autoplay" :circular="circular" :interval="interval" :duration="duration" :margin="margin"
            :radius="radius"></star-banner>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                oData: [{
                        _id: '1',
                        bannerfile: {
                            url: 'https://picture.gptkong.com/20240805/213635a164e12d4b7a8baa8181a4b897cf.png'
                        },
                        title: '身无彩凤双飞翼，心有灵犀一点通'
                    },
                    {
                        _id: '2',
                        bannerfile: {
                            url: 'https://picture.gptkong.com/20240805/213635a164e12d4b7a8baa8181a4b897cf.png'
                        },
                        title: '昨夜星辰昨夜风，画楼西畔桂堂东'
                    }
                ],
                category_id: 'club',
                mode: 'default',
                dotsStyles: {},
                height: '240rpx',
                autoplay: true,
                circular: true,
                interval: 1000,
                duration: 500,
                margin: '20rpx',
                radius: '10rpx'
            }
        }
    }
</script>

API

Props

dotsStyles Options

意见反馈

作者微信	微信群码	QQ群码

相关文章

• 一款基于uniapp实现社区论坛的通用前端模板（含源码），简洁易用，可演示帖子详情/发布/列表/上拉加载/评论/个人信息等
• 基于uni-app的前后端通用社区项目，实现社区的基本功能，让你的项目无缝接入社区功能，组件高可复用，全端兼容，一键部署，开箱即用（含源码）