uni-app学习笔记(1)——如何在uni-app中引入H5工程

项目结构 

┌─components         //目录:组件文件存放目录       
├─hybrid             //目录:本地网页及相关资源     
│  └─html
│     ├─css
│     │  └─test.css
│     ├─img
│     │  └─icon.png
│     ├─js
│     │  └─test.js
│     └─local.html
├─pages              //目录:业务页面文件存放目录              
│  └─index
│     └─index.vue  
├─static             //目录:存放应用引用静态资源(如图片、视频等)的地方,注意:静态资源只能存放于此
├─main.js            //Vue初始化入口文件
├─App.vue            //应用配置,用来配置App全局样式以及监听应用的生命周期
├─manifest.json      //配置应用名称、appid、logo、版本等打包信息
└─pages.json         //配置页面路由、导航条、选项卡等页面类信息

 pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口表现、设置多 tab 等。

首页配置路径:

manifest.json 文件是应用的配置文件,用于指定应用的名称、图标、权限等。

 

 

uniapp可以用来加载本地和网络网页,小程序仅支持加载网络网页(个人类型与海外类型的小程序不支持使用 web-view 组件),App 平台同时支持网络网页和本地网页,但本地网页及相关资源(js、css等文件)必须放在 uni-app 项目根目录->hybrid->html 文件夹下,如下为一个加载本地网页的uni-app项目文件目录示例:

 实际测试:uni-app直接导入h5工程是可以运行的

添加方式:

 开发工具:HbuilderXAPP版

                   真机测试

 

参考:第二篇:实现uni-app和原生(Android)以及H5项目混编

参考:uni-app官方文档

 

 

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值