更新记录
1.0.0(2019-12-10)
下载此版本
1.0.0版本
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
组件简介
该组件基于uniapp基础组件库,进行风格改版,适用于多端得九宫格组件
快速开始
直接下载组件在需要用的页面中注册组件
<template>
<zc-grid :list="imgList"></zc-grid>
</template>
<script>
import zcGrid from '@/components/zc-gird/zc-grid.vue'
export default{
components:{
'zc-grid':zcGrid,
},
data(){
return{
imgList:[]
}
}
}
</script>
命令解释
npm i zc-gird
在使用得项目终端中使用npm安装插件
在项目得main.js中全局注册组件
import imgGrid from 'zc-gird'//imgGrid可自定义
Vue.component('imgGrid',imgGrid)
全局注册后,直接在需要引入得页面使用插件即可,不需再在页面中单独引用