知识屋：更实用的电脑技术知识网站
知识屋 手机游戏 手机软件 电脑软件 最近更新 手机端
冒险村物语 英雄无敌3塔防 驾考家园手游 我的小家破解版 业力汉堡商店
cah职工e家 智能安全管控 易慧 iedukids学习中 闪背
亿彩文本文件批 文件自动分类器（ Win8激活信息备
LOL手游国服和外 LOL手游日服怎么 怎么注册LOL手游 2020双十一活动
所在位置：首页 > 科技  > 软件

Java全栈必备之Uni-App

发表时间：2022-03-26来源：网络

　　1、简介

　　1.1 概述

　　uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台



　　1.2为什么使用Uni-App



　　1.3 Uni-App功能



　　开发功能，参考，借鉴 插件市场：https://ext.dcloud.net.cn/

　　2、快速上手

　　1、安装HbuildX 开发工具

　　2、创建项目



　　3、命名

　　选择uni-app，输入工程名，如：hello-uniapp，点击创建，即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。



　　4、运行项目

　　目前只支持谷歌浏览器运行uni-app项目 也可以在真机、模拟器

　　运行成功，自动打开浏览器

　　http://10.8.165.87:8080/h5/



　　3、详细教程

　　3.1 项目结构



　　main.js Vue初始化入口文件

　　manifest.json 配置应用名称、appid、logo、版本等打包信息

　　pages.json

　　Vue初始化入口文件 ├─App.vue 应用生命周期 ├─manifest.json 配置应用名称、appid、logo、版本等打包信息，详见 └─pages.json 配置页面路由、导航条、选项卡等页面类信息

　　https://element.eleme.cn/#/zh-CN 饿了么UI 基于Vue2.0开发的VUE组件

　　3.2 详细教程

　　3.2.1 页面跳转 路由

　　uni-app路由全部交给框架统一管理，开发者需要在pages.json里配置每个路由页面的路径及页面样式，不支持 Vue Router

　　uni-app 有两种路由跳转方式：使用navigator组件跳转、调用API跳转



　　3.2.2 页面尺寸

　　uni-app支持的通用css单位包括px、upx、vh。

　　px 即屏幕像素

　　upx 是uni-app提供的一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，屏幕变宽，upx实际显示效果会等比放大。

　　vh 是视窗高度的百分比

　　3.2.3 样式

　　目前支持的选择器有：



　　样式导入的方式：

　　1、外部css文件

　　使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束

　　2、内联样式

　　框架组件上支持使用 style、class 属性来控制组件的样式。

　　style：静态的样式统一写到 class 中。style 接收动态的样式，在运行时会进行解析，请尽量避免将静态的样式写进 style 中，以免影响渲染速度。

　　class：用于指定样式规则，其属性值是样式规则中类选择器名(样式类名)的集合，样式类名不需要带上.，样式类名之间用空格分隔。




　3.2.4 组件 控件 标签








收藏

上一篇：java app

下一篇：《澳网直播》在线观看-手机免费播放国产剧澳网直播-全集大陆剧

知识阅读

软件推荐

更多 >

游戏推荐

更多 >

精选栏目

热门推荐

  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜

手机游戏

手机软件

电脑软件

猜你喜欢

城市 智能 家居 福利 美女 壁纸 截图 照片 修图 新闻 八卦 免费 农业 司机 会议 物流 资源 拍摄 下载 美图 手机 宠物 计算机 服务 汽车 二手 程序员 短视频 播放器 影视 动漫 停车 江浙沪 地铁 公交 抖音 舞蹈 征信 母婴 低息 分期 钱包 区块链 360 投注 彩票 借贷 网贷 借钱 抢票 吃货 购物 WIFI 导航 运动 健康

本站所有软件来自互联网，版权归原著所有。如有侵权，敬请来信告知，我们将及时撤销。

知识屋 www.zhishiwu.com 更实用的电脑技术知识网站

苏ICP备14019037号-7

联系我们