1.1.1 • Published 2 years ago
tjq-tx-vue2 v1.1.1
一些轮播图特效、按钮、返回顶部、加载动画
安装
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 | 绑定点击按钮触发的事件 |