qgyvuewhell

一套基于Vue2.x开发的前端UI框架

Usage no npm install needed!

<script type="module">
  import qgyvuewhell from 'https://cdn.skypack.dev/qgyvuewhell';
</script>

README

Seven fish 前端UI框架

<qgy-button>组件

  • iconClass：自定义图标名称，默认为空
  • type:string类型，接受参数有default,primary,success，默认为default
  • iconDirection:图标位置,接受参数有left,right,默认为left
  • loading:是否显示loading，接受一个boolean，默认为false

<qgy-link>组件

  • type:string类型，接受参数有default,primary,success，默认为default
  • link:string类型，接受一个链接

<qgy-tag>组件

  • userClass：string类型，用户自定义class,默认为空
  • type：string类型，接受参数有default,primary,success，默认为default

<qgy-switch>组件

  • type：string类型，接受参数有default,primary,success，默认为default
  • bgColor：string类型，状态为on时的背景颜色，默认为空
  • offBgColor:string类型，状态为off时的背景颜色,默认为空
  • ballColor：string类型，开关圆点颜色，默认为蓝色
  • fontColor：string类型，字体颜色，默认为空

<qgy-icon>组件

  • icon:string类型，自定义图标名称，默认为空

<qgy-row>组件

  • gutter：[string,Number]类型，子元素之间的间隔距离
  • align:String类型,接受参数有left,right,center

<qgy-col>组件

  • span:[string,Number]类型，元素占据的宽度，默认为占据满行
  • offset:[string,Number]类型，元素的偏移距离
  • xs:手机上元素占据大小,>576px
  • sm:平板上元素占据大小,577px>且<768px
  • md:中等PC屏幕上元素占据大小,769px>且<1200px
  • lg:超大PC屏幕上元素占据大小,>1200px
  • 以上四个接受一个对象,对象内有span和offset两个属性