当前位置:Gxl网 > APP开发 > uni-app 之创建和发布uni-modules插件

uni-app 之创建和发布uni-modules插件

时间:2021-07-01 10:21:17 帮助过:42人阅读

目录

背景

最近在用uni-app做项目,根据项目的需要,用上了很多插件。真不错,可以站在巨人肩膀上摘苹果。

不过,在实际应用的时候,会有一些不尽人意。比如,在用到uni-search-bar插件时,发现取消按钮不能改变颜色。有的时候,页面上显得不那么符合期待。

技术图片 

我的期待自然是将“取消”按钮的文字改为白色。

技术图片

题外话:本来本人对美也没有什么的追求(比如,我就告诉我的女朋友,我喜欢上她,绝对与她的颜值无关,然后,她就生气了,为什么?)。如果是自己用的系统,绝对略过这个问题。然后,本人一个小团队,没有美工、没有前端。做项目时,领导告诉我可以不管UI。然后,在阶段性汇报的时候,我就被批评的体无完肤,从能力到个人的远见,到为人处世……后来、后来,才听出画外音:你做的东西太丑了,看得我心情不好,所以,看你也不顺眼。

也许UI不重要,但是不重要的事情都做不好,怎么做重要的事?(⊙o⊙)…,似乎有道理。

所以,虽然本人审美不行。为了领导和自己的身体,不动怒,不委屈,还是尽量做好吧。

所以,根据我的实际情况。我找了半天,很多真没有找到合适的。于是,我想着自己开发,初次看官方文档,我似乎理解错了()╮(╯▽╰)╭

以为要额外安装Android或IOS的开发环境,还要会……这简直是一个系列啊,哪有时间?

好在,时间总会有的。(这里是本人发布的搜索栏插件:)。

前提条件

  • 已安装HBuider X
  • 用于测试的uni-app 项目
  • 运行或测试的环境(这里使用了微信开发者工具和手机)

步骤

新建uni-modules插件

1. 右击项目的uni_modules文件夹,点击uni-modules插件。

技术图片

2. 弹出对话框,填写插件id和地址和分类,点击【创建】。

技术图片

uni-modules的目录结构请参考。

编写插件内容

现在,可以在插件的components目录下编辑插件内容了。这里luyj-search-bar.vue直接复制了插件的uni-search-bar文件夹的内容,然后做了修改。具体代码如下:

技术图片技术图片 luyj-search-bar.vue

编写插件文档

  1. 打开文件readme.md 编写插件文档。
  2. 右击编写的插件,点击“发布到插件市场”。

发布到插件市场

1. 弹出发布到市场对话框。填写发布信息,包括分类、插件显示名称等。

技术图片 

2. 弹出发布到市场对话框。填写发布信息,包括分类、插件显示名称等。

技术图片
技术图片

技术图片

 技术图片

注:插件发布的内容对应pack.json配置文件,可以编写插件配置。配置的详细说明请参考:

3.更新日志为必填项。添加的更新日志,会与文件changelog.md同步。

技术图片 

参考网址

博客主
10915小同学
40
文章

人气教程排行