Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
06e7addd
U
uni-app
项目概览
DCloud
/
uni-app
4 个月 前同步成功
通知
731
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看板
提交
06e7addd
编写于
7月 08, 2020
作者:
inkwalk
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
新增小程序API onShareTimeline, onAddToFavorites, onUnhandleRejection
上级
f69fda54
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
30 addition
and
26 deletion
+30
-26
.gitignore
.gitignore
+1
-0
docs/frame.md
docs/frame.md
+29
-26
未找到文件。
.gitignore
浏览文件 @
06e7addd
...
@@ -5,3 +5,4 @@ unpackage/
...
@@ -5,3 +5,4 @@ unpackage/
.idea
.idea
.DS_Store
.DS_Store
!packages/uni-app-plus/dist
!packages/uni-app-plus/dist
package-lock.json
docs/frame.md
浏览文件 @
06e7addd
...
@@ -50,8 +50,8 @@
...
@@ -50,8 +50,8 @@
|mp-baidu|百度小程序|
|mp-baidu|百度小程序|
## 资源路径说明
## 资源路径说明
### 模板内引入静态资源
### 模板内引入静态资源
...
@@ -59,17 +59,17 @@
...
@@ -59,17 +59,17 @@
```
html
```
html
<!-- 绝对路径,/static指根目录下的static目录,在cli项目中/static指src目录下的static目录 -->
<!-- 绝对路径,/static指根目录下的static目录,在cli项目中/static指src目录下的static目录 -->
<image
class=
"logo"
src=
"/static/logo.png"
></image>
<image
class=
"logo"
src=
"/static/logo.png"
></image>
<image class="logo" src="@/static/logo.png"></image>
<image class="logo" src="@/static/logo.png"></image>
<!-- 相对路径 -->
<!-- 相对路径 -->
<image
class=
"logo"
src=
"../../static/logo.png"
></image>
<image
class=
"logo"
src=
"../../static/logo.png"
></image>
```
```
**注意**
**注意**
- `@`开头的绝对路径以及相对路径会经过base64转换规则校验
- `@`开头的绝对路径以及相对路径会经过base64转换规则校验
- 引入的静态资源在非h5平台,均不转为base64。
- 引入的静态资源在非h5平台,均不转为base64。
- H5平台,小于4kb的资源会被转换成base64,其余不转。
- H5平台,小于4kb的资源会被转换成base64,其余不转。
- 自`HBuilderX 2.6.6-alpha`起`template`内支持`@`开头路径引入静态资源,旧版本不支持此方式
- 自`HBuilderX 2.6.6-alpha`起`template`内支持`@`开头路径引入静态资源,旧版本不支持此方式
- App平台自`HBuilderX 2.6.9-alpha`起`template`节点中引用静态资源文件时(如:图片),调整查找策略为【基于当前文件的路径搜索】,与其他平台保持一致
- App平台自`HBuilderX 2.6.9-alpha`起`template`节点中引用静态资源文件时(如:图片),调整查找策略为【基于当前文件的路径搜索】,与其他平台保持一致
- 支付宝小程序组件内 image 标签不可使用相对路径
- 支付宝小程序组件内 image 标签不可使用相对路径
...
@@ -83,26 +83,26 @@
...
@@ -83,26 +83,26 @@
import add from '@/common/add.js'
import add from '@/common/add.js'
// 相对路径
// 相对路径
import add from '../../common/add.js'
import add from '../../common/add.js'
```
```
**注意**
**注意**
- js文件不支持使用`/`开头的方式引入
- js文件不支持使用`/`开头的方式引入
### css引入静态资源
### css引入静态资源
> `css`文件或`style标签`内引入`css`文件时(scss、less文件同理),可以使用相对路径或绝对路径(`HBuilderX 2.6.6-alpha`)
> `css`文件或`style标签`内引入`css`文件时(scss、less文件同理),可以使用相对路径或绝对路径(`HBuilderX 2.6.6-alpha`)
```
css
```
css
/
* 绝对路径 *
/
/
* 绝对路径 *
/
@import url('/common/uni.css');
@import url('/common/uni.css');
@import url('@/common/uni.css');
@import url('@/common/uni.css');
/
* 相对路径 *
/
/
* 相对路径 *
/
@import url('../../common/uni.css');
@import url('../../common/uni.css');
```
```
**注意**
**注意**
- 自`HBuilderX 2.6.6-alpha`起支持绝对路径引入静态资源,旧版本不支持此方式
- 自`HBuilderX 2.6.6-alpha`起支持绝对路径引入静态资源,旧版本不支持此方式
> `css`文件或`style标签`内引用的图片路径可以使用相对路径也可以使用绝对路径,需要注意的是,有些小程序端css文件不允许引用本地文件(请看注意事项)。
> `css`文件或`style标签`内引用的图片路径可以使用相对路径也可以使用绝对路径,需要注意的是,有些小程序端css文件不允许引用本地文件(请看注意事项)。
...
@@ -117,10 +117,10 @@ background-image: url(../../static/logo.png);
...
@@ -117,10 +117,10 @@ background-image: url(../../static/logo.png);
**Tips**
**Tips**
- 引入字体图标请参考,[字体图标](frame?id=字体图标)
- 引入字体图标请参考,[字体图标](frame?id=字体图标)
- `@`开头的绝对路径以及相对路径会经过base64转换规则校验
- `@`开头的绝对路径以及相对路径会经过base64转换规则校验
- 不支持本地图片的平台,小于40kb,一定会转base64。(共四个平台mp-weixin, mp-qq, mp-toutiao, app v2)
- 不支持本地图片的平台,小于40kb,一定会转base64。(共四个平台mp-weixin, mp-qq, mp-toutiao, app v2)
- h5平台,小于4kb会转base64,超出4kb时不转。
- h5平台,小于4kb会转base64,超出4kb时不转。
- 其余平台不会转base64
- 其余平台不会转base64
## 生命周期
## 生命周期
...
@@ -137,6 +137,7 @@ background-image: url(../../static/logo.png);
...
@@ -137,6 +137,7 @@ background-image: url(../../static/logo.png);
|onHide|当 ``uni-app`` 从前台进入后台|
|onHide|当 ``uni-app`` 从前台进入后台|
|onError|当 `uni-app` 报错时触发 |
|onError|当 `uni-app` 报错时触发 |
|onUniNViewMessage|对 ``nvue`` 页面发送的数据进行监听,可参考 [nvue 向 vue 通讯](/use-weex?id=nvue-向-vue-通讯)|
|onUniNViewMessage|对 ``nvue`` 页面发送的数据进行监听,可参考 [nvue 向 vue 通讯](/use-weex?id=nvue-向-vue-通讯)|
|onUnhandledRejection|未处理的 Promise 拒绝事件监听函数|
**注意**
**注意**
...
@@ -165,6 +166,8 @@ background-image: url(../../static/logo.png);
...
@@ -165,6 +166,8 @@ background-image: url(../../static/logo.png);
|onNavigationBarSearchInputChanged|监听原生标题栏搜索输入框输入内容变化事件|App、H5|1.6.0|
|onNavigationBarSearchInputChanged|监听原生标题栏搜索输入框输入内容变化事件|App、H5|1.6.0|
|onNavigationBarSearchInputConfirmed|监听原生标题栏搜索输入框搜索事件,用户点击软键盘上的“搜索”按钮时触发。|App、H5|1.6.0|
|onNavigationBarSearchInputConfirmed|监听原生标题栏搜索输入框搜索事件,用户点击软键盘上的“搜索”按钮时触发。|App、H5|1.6.0|
|onNavigationBarSearchInputClicked|监听原生标题栏搜索输入框点击事件|App、H5|1.6.0|
|onNavigationBarSearchInputClicked|监听原生标题栏搜索输入框点击事件|App、H5|1.6.0|
|onShareTimeline|监听用户点击右上角转发到朋友圈|微信小程序||
|onAddToFavorites|监听用户点击右上角收藏|微信小程序||
``onPageScroll`` 参数说明:
``onPageScroll`` 参数说明:
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录