Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
6b7b1e98
U
uni-app
项目概览
DCloud
/
uni-app
4 个月 前同步成功
通知
730
Star
38707
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
未验证
提交
6b7b1e98
编写于
1月 19, 2020
作者:
W
wanganxp
提交者:
GitHub
1月 19, 2020
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update pages.md
上级
e3bdd1d7
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
13 addition
and
6 deletion
+13
-6
docs/collocation/pages.md
docs/collocation/pages.md
+13
-6
未找到文件。
docs/collocation/pages.md
浏览文件 @
6b7b1e98
...
...
@@ -663,29 +663,36 @@ h5 平台下拉刷新动画,只有 circle 类型。
-
A:参考
[
导航栏开发指南
](
http://ask.dcloud.net.cn/article/34921
)
# easycom
自
`HBuilderX 2.5.5`
起支持
`easycom`
组件模式,简化组件使用。无需在页面里引入和注册组件,打包时会自动剔除没有使用的组件。可以在
`HBuilderX 2.5.5`
及以上版本新建
`uni-ui`
项目体验。
`easycom`
的
`autoscan`
默认为开启状态,如果需要配置
`easycom`
请在
`pages.json`
内修改
`easycom`
字段。
传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。
`easycom`
将其精简为一步。只要组件安装下项目的components目录下,并符合一定规则。就可以不用引用、注册,直接在页面中使用。同时打包后会自动剔除没有使用的组件。
自
`HBuilderX 2.5.5`
起支持
`easycom`
组件模式。可以在HBuilderX新建项目界面选择
`uni-ui`
项目模板体验。只需在页面中敲u,拉出大量代码块,直接选择,即可使用。大幅提升开发效率,降低使用门槛。
在
[
uni-app插件市场
](
https://ext.dcloud.net.cn/
)
下载符合规则的组件后,也可以直接使用。
`easycom`
是自动开启的,可以在
`pages.json`
的
`easycom`
节点进行个性化设置。
|属性 |类型 |默认值 |描述 |
|:- |:- |:- |:- |
|autoscan |Boolean|true |是否开启自动扫描,开启后将会自动扫描符合
`components/组件名称/组件名称.vue`
目录结构的组件 |
|custom |Object |- |以正则方式自定义组件匹配规则。如果
`autoscan`
不能满足需求,可以使用
`custom`
自定义匹配规则 |
**使用示例**
**使用示例**
```
"easycom": {
"autoscan": true,
"easycom": {
"autoscan": true,
"custom": {
"uni-(.*)": "@/components/uni-$1.vue"
"uni-(.*)": "@/components/uni-$1.vue"
}
}
```
**说明**
**说明**
-
`easycom`
方式引入的组件无需在页面内
`import`
,也不需要在
`components`
内声明,即可在任意页面使用
-
`easycom`
方式引入组件不是全局引入,而是局部引入。例如在H5端只有加载相应页面才会加载使用的组件
-
在组件名完全一致的情况下,
`easycom`
引入的优先级低于手动引入(区分连字符形式与驼峰形式)
-
考虑到编译速度,直接在
`pages.json`
内修改
`easycom`
不会触发重新编译,需要改动页面内容触发。
-
`easycom`
只处理vue组件,不处理小程序组件
# tabBar
如果应用是一个多 tab 应用,可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录