未验证 提交 0fbb40b4 编写于 作者: W wanganxp 提交者: GitHub

Update frame.md

上级 73baa623
...@@ -139,11 +139,11 @@ export default { ...@@ -139,11 +139,11 @@ export default {
## 路由 ## 路由
``uni-app``路由全部交给框架统一管理,开发者需要在[pages.json](/collocation/pages?id=pages)里配置每个路由页面的路径及页面样式,不支持 ``Vue Router`` ``uni-app``页面路由为框架统一管理,开发者需要在[pages.json](/collocation/pages?id=pages)里配置每个路由页面的路径及页面样式。类似小程序在app.json中配置页面路由一样。所以 `uni-app` 的路由用法与 ``Vue Router`` 不同,如仍希望采用 `Vue Router` 方式管理路由,可在插件市场搜索 [Vue-Router](https://ext.dcloud.net.cn/search?q=vue-router)
### 路由跳转 ### 路由跳转
``uni-app`` 有两种路由跳转方式:使用[navigator](/component/navigator)组件跳转、调用[API](/api/router)跳转。 ``uni-app`` 有两种页面路由跳转方式:使用[navigator](/component/navigator)组件跳转、调用[API](/api/router)跳转。
### 页面栈 ### 页面栈
...@@ -439,15 +439,15 @@ uni-app 提供内置 CSS 变量 ...@@ -439,15 +439,15 @@ uni-app 提供内置 CSS 变量
### 背景图片 ### 背景图片
``uni-app`` 支持使用在 css 里设置背景图片,使用方式与普通 ``web`` 项目相同,需要注意以下几点: ``uni-app`` 支持使用在 css 里设置背景图片,使用方式与普通 ``web`` 项目大体相同,但需要注意以下几点:
- 支持 base64 格式图片。 - 支持 base64 格式图片。
- 支持网络路径图片。 - 支持网络路径图片。
- 小程序不支持在css中使用本地文件,包括本地的背景图和字体文件。需以base64方式方可使用。App端在v3模式以前,也有相同限制。v3编译模式起支持直接使用本地背景图和字体。
- 使用本地路径背景图片需注意: - 使用本地路径背景图片需注意:
1. 图片小于 40kb,``uni-app`` 会自动将其转化为 base64 格式 1. 为方便开发者,在背景图片小于 40kb 时,``uni-app`` 编译到不支持本地背景图的平台时,会自动将其转化为 base64 格式;
2. 图片大于等于 40kb, 需开发者自己将其转换为 base64 格式使用,或将其挪到服务器上,从网络地址引用。 2. 图片大于等于 40kb,会有性能问题,不建议使用太大的背景图,如开发者必须使用,则需自己将其转换为 base64 格式使用,或将其挪到服务器上,从网络地址引用。
3. 本地背景图片的引用路径推荐使用以 ~@ 开头的绝对路径。 3. 本地背景图片的引用路径推荐使用以 ~@ 开头的绝对路径。
4. `uni-app v3`版本设定为不自动将图片转 base64 格式
```css ```css
.test2 { .test2 {
background-image: url('~@/static/logo.png'); background-image: url('~@/static/logo.png');
...@@ -456,7 +456,7 @@ uni-app 提供内置 CSS 变量 ...@@ -456,7 +456,7 @@ uni-app 提供内置 CSS 变量
**注意** **注意**
- 微信小程序不支持相对路径(真机不支持,开发工具支持) - 微信小程序不支持相对路径(真机不支持,开发工具支持)
- 其他端使用本地背景图片作为背景图没有限制
### 字体图标 ### 字体图标
...@@ -464,11 +464,12 @@ uni-app 提供内置 CSS 变量 ...@@ -464,11 +464,12 @@ uni-app 提供内置 CSS 变量
- 支持 base64 格式字体图标。 - 支持 base64 格式字体图标。
- 支持网络路径字体图标。 - 支持网络路径字体图标。
- 小程序不支持在css中使用本地文件,包括本地的背景图和字体文件。需以base64方式方可使用。App端在v3模式以前,也有相同限制。v3编译模式起支持直接使用本地背景图和字体。
- 网络路径必须加协议头 ``https``。 - 网络路径必须加协议头 ``https``。
- 从 [http://www.iconfont.cn](http://www.iconfont.cn) 上拷贝的代码,默认是没加协议头的。 - 从 [http://www.iconfont.cn](http://www.iconfont.cn) 上拷贝的代码,默认是没加协议头的。
- ``uni-app`` 本地路径图标字体支持情况 - 使用本地路径图标字体需注意
1. 字体文件小于 40kb,``uni-app`` 会自动将其转化为 base64 格式; 1. 为方便开发者,在字体文件小于 40kb 时,``uni-app`` 会自动将其转化为 base64 格式;
2. 字体文件大于等于 40kb, 需开发者自己转换,否则使用将不生效 2. 字体文件大于等于 40kb,仍转换为 base64 方式使用的话可能有性能问题,如开发者必须使用,则需自己将其转换为 base64 格式使用,或将其挪到服务器上,从网络地址引用
3. 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径。 3. 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径。
```css ```css
@font-face { @font-face {
...@@ -731,7 +732,7 @@ const package = require('packageName') ...@@ -731,7 +732,7 @@ const package = require('packageName')
``` ```
## 小程序组件支持 ## 小程序组件支持
``uni-app`` 支持在 App 和 小程序 中使用**小程序自定义组件**。 ``uni-app`` 支持在 App 和 小程序 中使用**小程序自定义组件**,从HBuilderX2.4.7起,H5端也可以运行微信小程序组件
**平台差异说明** **平台差异说明**
...@@ -1181,7 +1182,7 @@ export default { ...@@ -1181,7 +1182,7 @@ export default {
## 致谢 ## 致谢
```uni-app```的设计使用了 ```vue + 自定义组件``` 的模式;开发者使用```Vue```语法,了解```uni-app```的组件,就可以开发跨端App;感谢```Vue```团队 ```uni-app```使用 ```vue``` 语法,开发多端应用,感谢```Vue```团队!
为了照顾开发者的已有学习积累,```uni-app```的组件和api设计,基本参考了微信小程序,学过微信小程序开发,了解```vue```,就能直接上手```uni-app```;感谢微信小程序团队! 为了照顾开发者的已有学习积累,```uni-app```的组件和api设计,基本参考了微信小程序,学过微信小程序开发,了解```vue```,就能直接上手```uni-app```;感谢微信小程序团队!
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册