第一步:到uni-app插件平台注册账号
第二步:插件编写
这里以页面插件为例子,例如我们要上传一个类型下图顶部导航栏的插件
插件需要准备components、component.md、package.json这三个文件
components是自己的插件代码,component.md是对这个插件的说明,package.json是插件版本相关的信息
组件components可以到自己项目,写好的组件直接拷贝
component.md是markdown格式文件,参考如下
#使用说明
引入插件参考下面代码使用
``` js
<template>
<topNavigationBar :current=current :dataList=dataList @select="topBarSelect" ></topNavigationBar>
</template>
<script>
import topNavigationBar from '../../components/top-navigation-bar/top-navigation-bar.vue'
export default {
data() {
return {
current: 0,
topCurrent: 0,
dataList:[
'精选',
'关系破冰',
'确定关系',
'留白',
'交友',
'表白',
'搭讪'
]
}
},
components:{
topNavigationBar
},
methods: {
topBarSelect(index) {
// 当前选择tab
}
}
}
</script>
```
package.json文件参考如下
{
"id": "top-navigation-bar",
"name": "顶部导航栏",
"version": "1.0.1",
"description": "顶部导航栏",
"displayName":"boom-顶部导航栏",
"engines": {
"HBuilderX": "4.15"
},
"keywords": [
"顶部导航栏"
],
"dcloudext": {
"category": [
"前端组件",
"通用组件"
]
}
}
这些都弄好了,将这三个文件在同一目录下打包成zip格式。然后就可以到uni-app插件平台上传插件了,上传后可以开启插件广告,别人下载你的插件需要看广告,这样你的插件就会有收益。