图颜uni-app 插件、项目集成文档

1,299 阅读3分钟

前言

本文档是我在 uni-app 插件市场发布的插件、和项目的使用文档集合,每个插件都会有对应的源码地址,可供免费下载使用,避免重复造轮子。也有开源项目,基于uni-app 生态,开箱即用。

如有问题可以加我微信hw2016-01-01

项目中的任何功能都可在案例小程序中查看

线上演示地址为微信小程序搜 图颜帮忙(没给钱搜不到了,只能扫码);或扫描下方二维码

小.jpg

use-serach 搜索组件

功能一 :定位,比如我们希望搜索框一直在顶部。

功能二 :搜索操作页,有历史搜索、热门搜索

源码地址:ext.dcloud.net.cn/plugin?id=1…

use-tip 提示组件

在项目中会遇到很多的提示文字,如下图这种

  1. 使用hx下载/导入 会直接存在于你的 components 组件中,因uni-app 项目自带esayComponents ;所以无需引入,注册;直接使用,如不成功可重启项目再试。
  2. props(接口api)有:text=“提示文字”
<use-tip :text="警示文字"></use-tip>

`

  1. 如有问题可以加我微信hw2016-01-01
  2. 如想看线上效果可搜索微信小程序 邻里有信
  3. 源码地址ext.dcloud.net.cn/plugin?id=1…

tuyan-picker 选择器组件

在项目中会遇到选择器,希望有一个基础版,可供自己二开的插件,如下图

微信截图_20240317105953.png

  1. 使用hx下载/导入 会直接存在于你的 components 组件中,因uni-app 项目自带esayComponents ;所以无需引入,注册;直接使用,如不成功可重启项目再试。
  2. props(接口api)有各种注释说明
  3. 如有问题可以加我微信hw2016-01-01
  4. 如想看线上效果可搜索微信公众号, 图颜有信,里面有演示的小程序
  5. 源码地址ext.dcloud.net.cn/plugin?id=1…

tuyan-time-picker 时间选择器组件

在项目中会遇到时间的选择器,希望有一个基础版,可供自己二开的插件,如下图 微信截图_20240316162952.png 这里有一个知识点,之前是用vue3写的可以直接用v-model拿到子组件里面的数据,但vue2里面要在定义的属性上加上.sync 才可以双向绑定

  1. 使用hx下载/导入 会直接存在于你的 components 组件中,因uni-app 项目自带esayComponents ;所以无需引入,注册;直接使用,如不成功可重启项目再试。
  2. props(接口api)有各种注释说明
  3. 如有问题可以加我微信hw2016-01-01
  4. 如想看线上效果可搜索微信公众号, 图颜有信,里面有演示的小程序
  5. 源码地址ext.dcloud.net.cn/plugin?id=1…

校园跑腿项目

最近做了一个自研项目,校园跑腿,就是提供一个微信小程序,“图颜帮忙”在各大高校给学生使用。当有同学需要别人拿快递,拿外卖,代课等跑腿业务时,可以在上面发布任务。

然后有一个骑手端(接单员),同样也是学生,比如他是A栋,然后自己有快递要取,就会在小程序上搜索A栋的单子,然后一起都取了,赚点顺风钱。

还有一种情况,是这个学生想勤工俭学,每天都接单,专门课余时间跑腿,那他每天的接单量赚的钱就可以保证他的生活。

我觉得这种平台是有意义的!

下面是小程序主要功能图和开源代码地址

微信小程序:图颜帮忙

源代码:ext.dcloud.net.cn/plugin?id=1…