首页 > 编程知识 正文

h5是什么,h5封装app源码

时间:2023-05-05 23:15:23 阅读:146239 作者:141

文章目录摘要创建uni-app项目,使用web-view组件将嵌入的页面高度设置为100%并运行测试,删除title元素,然后发布Androidapp

个人资料

uni-app是一个使用Vue.js开发所有前端APP应用程序的框架,开发人员可以通过iOS、Android、H5和各种小程序(微信/支付宝(Alipay ) /百度/头条/

官网: https://uniapp.dcloud.io/

开发需要HBuilderX软件

下载地址:https://www.d cloud.io/hbuilderx.html

创建uni-app项目

使用web-view组件

修改page/index/index.vue文件,将web-view标记的src属性替换为APP应用程序的访问路径

templateviewclass=' content ' we B- view 3360 webview-styles=' webview styles ' src=' http://www.Baidu.com '/we B- vieeew methods: {}}/script将嵌入页面的高度设置为100 % style.webview styles { height 3330 }; }.content {height: 100vh! 导入; (iframe ) Height:100%! 导入; (} /样式执行测试

重浏览器自带的手机网页模拟器中可以看到页面上方有个一个title

请注意,重页源代码是嵌入uni-page-wrapper标记的网页的主题内容,而title内容位于uni-page-header标记中

删除title元素并将样式添加到App.vue文件中

/*每页的公共CSS*/style/*head标签*/uni-page-head { display 3360 none; }/*机身高度100 % */uni-page-wrapper { height 3360100 %! 导入; 刷新}/style页面后,可以看到title的内容消失了。

已发布安卓APP

选中Android,取消选中iOS,单击证书选择测试证书打包完成后,HBuilderX程序控制台将显示下载链接,可供下载。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。