使⽤UniApp编写APP
⼀、背景
第⼀次写博客,想和⼤家分享⼀下UniApp 这款前端框架,并⼀点点更新开发电商商城,⼤佬勿喷,有错欢迎提出。接触的时间⼤概是18年12⽉份,之前⼀直是在⽤vue进⾏移动端开发,没有开发过APP得经验。记得那天⽼板接了个APP的项⽬需要我们进⾏开发,还必须要求我们⽤UniApp 这款框架进⾏开发,说真的那时候是真的连听都没听过,接⼿的过程中也是⼀堆的坑,⼏乎接近崩溃。⽐如:⽤滚动监听,去操作导航栏悬浮,这个在⽹页上是相当好实现的,然后咔咔咔就动⼿写,浏览器上运⾏,emm~nice,⼿机真机测试以后,好家伙,反应咋能这么慢,半天了导航栏才悬浮起来,简直坑到没朋友。算⼀算当时⽤了3种⽅法,都是⼀样的效果,没办法,最后采⽤⾃带的导航栏渐变模式才表⽰能看⼀点。话不多说动⼿写吧…
⼆、⽤Vue-cli命令⾏创建项⽬
三、编译器插件安装
编译器顶部菜单中到:⼯具–>插件安装–>到⾃⼰需要的组件进⾏安装,安装完成后如果没有实现,就将编译重开即可。
注:这⾥我安装了(scss/sass)这个组件。
四、创建并运⾏项⽬
1、编写如下代码:
2、编译器顶部菜单栏到,运⾏–>运⾏到⼿机或浏览器–>运⾏[⼿机设备型号]
3.运⾏结果如下:
五、下篇预告
1、轮播图
网页app2、沉浸式
3、渐变式搜索框
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论