更新记录

1.0.0（2020-11-08） 下载此版本

1.0.0 基于uniapp开发的通用组件

平台兼容性

czx-carousel轮播图

基于uniapp开发的通用组件

下载地址

• dcloud插件市场：https://ext.dcloud.net.cn/plugin?id=3393

• gitee地址：https://gitee.com/zexinc/czx-carousel

  使用方式

  在 script 中引用组件

  import carousel from "../../components/czx-carousel/czx-carousel.vue"
  export default {
      components: {
          carousel
      }
  }

  在 template 中使用组件

  <carousel :top="top" :second="second" :imgArray="imgArray" :width="width" ></carousel>

  属性说明

使用样例

<template>
    <view>
        <carousel :top="top" :second="second" :imgArray="imgArray" :width="width"></carousel>
    </view>
</template>

<script>
    import carousel from "../../components/czx-carousel/czx-carousel.vue" //引入
    export default {
        components: {
            carousel  //注册
        },
        data() {
            return {
                imgArray: [{
                    src: "./demo1.jpg",  //轮播图图片链接地址，这里仅是示例
                }, {
                    src: "./demo2.jpg",  //轮播图图片链接地址，这里仅是示例
                }, {
                    src: "./demo3.jpg",  //轮播图图片链接地址，这里仅是示例
                }],
                width: "800px",
                second: 1000,
                top: "84.5%"
            }
        },
        onShow: function() {
            uni.getSystemInfo({
                complete: e => {
                    this.width = e.windowWidth + "px"
                    console.log(e)
                }
            })
        }
    }
</script>

<style>
</style>