Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
yangkaifeng
uni-app
提交
0fbb40b4
U
uni-app
项目概览
yangkaifeng
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
3
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
0fbb40b4
编写于
12月 25, 2019
作者:
W
wanganxp
提交者:
GitHub
12月 25, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update frame.md
上级
73baa623
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
13 addition
and
12 deletion
+13
-12
docs/frame.md
docs/frame.md
+13
-12
未找到文件。
docs/frame.md
浏览文件 @
0fbb40b4
...
...
@@ -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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录