uniapp官网在官网点击插件市场可以看到很多插件。 我们比较常用的是uview第三方插件。接下来就以uview为例,给大家介绍一下第三方插件使用步骤。 首页->组件->扩展组件,找到uview 我们看到右侧有插件下载,我们一般推荐使用HBuilderX导入插件。当然也可通过下载插件ZIP方式实现。 找到下载文件配置,进行如下配置 下图可供大...
简介:1、uni_modules定位:是uni-app插件的模块化规范(HBuilderX 3.1.0+支持),是对一组js sdk、组件、页面、uniCloud云函数、公共模块等的封装,用于嵌入到uni-app项目中使用,也支持直接封装为项目模板。2、开发便捷性:开发者可以像开发uni-app项目一样编写一个uni_modules插件,然后在HBuilderX中直接上传至插件市...
1. 使用HBuilderX导入插件 HBuilderX是DCloud官方提供的开发工具,集成了对uni_modules的支持。 步骤: 打开HBuilderX,访问插件市场。 在插件市场中找到你所需的插件,点击“使用HBuilderX导入插件”。 在弹出的对话框中选择你需要导入的项目。 插件将自动下载并保存在项目的uni_modules目录中。 示例: 假设你选择了...
如上是你第二次下载插件的时候才会出现,当然你如果不想看广告,那么该怎么办呢,办法就是在创建项目的时候,选择模板的这一步直接选择uni-ui项目模板。 创建好了之后,你会发现,就已经存在了uni_modules文件夹,里面包含了相关的所有组件,我们直接使用即可。 uni-badge 数字角标 <template> <view> <uni-badge size=...
新建uni-modules插件 1. 右击项目的uni_modules文件夹,点击uni-modules插件。 2. 弹出对话框,填写插件id和地址和分类,点击【创建】。 3. 这里创建了本地uni_modules插件文件夹。 uni-modules的目录结构请参考https://uniapp.dcloud.io/uni_modules?id=%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84。
1. 在插件市场打开本插件页面,在右侧点击`使用 HBuilderX 导入插件`,选择要导入的项目点击确定(建议使用uni_modules版本 非uni_modules版本不在维护,有需要自行修改) 2. 在`pages.json`中添加页面路径。注意:一定不要设置为pages.json中第一项(在1.1.9版本新增弹出一个合并页面路由的pages.json修改界面。点击确认...
安装完毕之后,会出现一个uni_modules文件夹,这里装载的就是本次自己安装的一些额外扩展插件内容都放在这个里面 这个时候,我们在回到官方文档,将扩展组件的示例代码,拷贝到我们的项目当中来看看效果 代码语言:html 复制 <template><view><uni-sectiontitle="基础用法"type="line"><uni-goods-nav@click="onClick"/>...
打开插件市场:https://ext.dcloud.net.cn/ 例如我们项目中要用到富文本渲染的内容,可以查找一下富文本; 在结果页可以选一款适合自己的插件,我觉得mp-html这个插件挺好的; mp-html 插件地址 安装插件 点击右侧安装按钮下载插件并导入HBuilderX; 下载完毕后你会发现你的根目录多出一个文件夹uni_modules,这个专门...
传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。 easycom将其精简为一步。只要组件路径符合规范,就可以不用引用、注册,直接在页面中使用。 路径规范指: 1. 安装在项目根目录的components目录下,并符合components/组件名称/组件名称.vue 2. 安装在uni_modules下,路径为uni_modules/插件ID/components/...