一些轮播图特效、按钮、返回顶部、加载动画

安装

npm i tjq-tx-vue2

//在main.js中

import lunbotu from "tjq-tx-vue2";

import '../node_modules/tjq-tx-vue2/pig-ui.css'

Vue.use(lunbotu)

属性

lunbotu组件 --轮播图

使用方法

 <lunbotu :url="arr" width="800" height="800" x="10" y="10"></lunbotu>
//这里arr是我自己的图片数组

| 属性名 | 类型 | 有无默认值（介绍） | | ------------- | ------ | ----------------------------------------- | | url | array | 无,(传一个数组，里面是图片的路径) | | x，y | string | 无,(分别传入x、y表示x、y轴分割为几个碎片) | | width、height | string | 有(默认400),(传入图片的大小) |

top组件--返回顶部

 <tjqtop> 返回顶部 </tjqtop>

| | | | | ----------- | -------- | -------------------------------------- | | dianji | Function | 绑定点击按钮触发的事件 | | yanse、back | string | 有(分别表示按钮字体颜色、按钮背景颜色) |

加载动画--加载动画

使用方法

 <fl-Loading loadingRound></fl-Loading>

属性

| | | | | ------------- | ------- | -------- | | loadingRound | Boolean | 旋转加载 | | loadingRow | Boolean | 省略加载 | | loadingColums | Boolean | 环绕加载 |

button组件--按钮

使用方法

  <btn
      leixing="tjq"
      neirong="我是组件111"
      :yanse="'green'"
      :back="'black'"
      @dianji="fn"
    ></btn>

| | | | | :---------: | :------: | :----------------------------------------: | | leixing | sting | 无(可选参数，anquan、weixian、jigngao) | | neirong | string | 有(默认为按钮文字)(表示按钮显示的文字内容) | | yanse、back | string | 有(分别表示按钮字体颜色、按钮背景颜色) | | dianji | Function | 绑定点击按钮触发的事件 |