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

Update frame.md

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