
uni-app
文章平均质量分 82
前端OnTheRun
这个作者很懒,什么都没留下…
展开
-
2022-09-13 uni-app学习笔记(八) 如何把uniapp项目云打包成apk安装包并安装到手机上?
把uniapp项目myUniaTextProject1打包成apk安装包0.Andriod包名如何获取?1.选择"发行"中的"原生云打包"2.打包校验3.打包中,等待打包完毕4.打包完成,生成apk文件5.点击"打开所在目录",查看apk文件,传到手机中安装6.成功在安卓手机中安装该apk原创 2022-09-13 00:40:03 · 870 阅读 · 0 评论 -
2022-09-10 uni-app学习笔记(七) uniapp自定义组件介绍,uniapp组件中的父子组件通信,插槽(slot)和全局事件的定义以及通信
1.uniapp的自定义组件介绍uniapp组件的使用分为三步:示例:创建components/child组件并在index.vue中使用2.uniapp中的父子组件通信(跟vue一样)父传子示例:父传子子传父示例:子传父3.uniapp的插槽slot的数据分发和作用域插槽4.全局事件定义以及通信原创 2022-09-10 11:45:48 · 297 阅读 · 0 评论 -
2022-09-09 uni-app学习笔记(六) uniapp常用API,使用uniapp常用API(uni.chooseImage等)实现聊天框的选择图片和input框发送文本信息功能
1. uniapp的js的API由两个部分组成标准ECMAScript的jsAPIuniapp扩展的APi2.uniapp常用的api(看官网)3.使用uniapp常用的api完善模拟聊天框3.1.把静态的聊天内容和聊天图片渲染成动态绑定3.2.点击"照片.png"可以选择要发送的图片第一步:使用uni.chooseImage从本地相册选择图片并发送消息第二步:使用uni.pageScrollTop将聊天页面滚动到目标位置第三步:使用uni.setStorageSync将数据异步存储在本地原创 2022-09-09 18:54:55 · 165 阅读 · 0 评论 -
2022-09-08 uni-app学习笔记(五) uniapp常用组件:view,text,navigator等,使用常见组件写一个模拟聊天页面
uniapp基础组件与html基础标签的不同有哪些uniapp常用组件?示例:使用常用组件进行页面布局uniapp基础组件与html基础标签的不同uniapp为开发者提供了一系列的基础组件(比如view,text等等)与html的基础标签元素不同的是,uniapp的基础组件与小程序相同,更适合手机端*如果非要在uniapp中使用div,编译过程中会自动把它转换成view,以及span和a标签会分别自动转换成text和navigator标签有哪些uniapp常用组件?官网地址:https:/原创 2022-09-08 19:07:24 · 125 阅读 · 0 评论 -
2022-09-07 uni-app学习笔记(四) uni-app路由配置和页面跳转,uni.navigateTo跳转失败的可能原因以及解决方法
1.路由配置2.编程式导航和组件式导航示例:index.vue回顾:vue的声明式导航和编程式导航的定义和写法区别3.使用pages.json中的tabBar进行底部选项卡的设置step1:pages文件夹下新建四个选项卡文件夹step2:在uniapp官网复制tabBar的配置代码step3:在iconfont上找上述页面对应的四个图标step4:调整tabbar的页面路径和图片路径4.【踩坑】uni.navigateTo跳转失败的可能原因以及解决方法原因一:配置在tabBar中的路径原创 2022-09-07 23:03:32 · 2904 阅读 · 0 评论 -
2022-09-06 uni-app学习笔记(三) uni-app的生命周期:常用应用生命周期和页面生命周期以及示例
1.uniapp生命周期的引入2.应用生命周期3.页面生命周期4.应用生命周期的应用示例:onPageNotFound4.1.创建404.vue页面:pages>创建页面>404.vue4.2.运行到小程序并修改成错误路径5.页面生命周期的应用示例5.1.钩子函数onLoad:监听页面加载5.2.钩子函数onPullDownRefresh:监听用户下拉动作,一般用于下拉刷新6.总结7.知识点uniapp项目文件介绍原创 2022-09-06 20:45:29 · 75 阅读 · 0 评论 -
2022-09-05 uni-app学习笔记(二) uniapp基础内容介绍,uniapp项目文件介绍,初始化相关配置
pages.json 文件:对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。manifest.json 文件:应用的配置文件,用于指定应用的名称、图标、权限等。App.vue:根组件,所有页面都是在App.vue下进行切换的,是页面入口文件,可以调用应用的生命周期函数。main.js:项目入口文件,主要作用是初始化vue实例并使用需要的插件。uni.scss文件的:整体控制应用的风格。比如按钮颜色、边框风格,uni.scss文件里预置了一原创 2022-09-05 19:14:30 · 333 阅读 · 0 评论 -
2022-09-04 uni-app学习笔记(一) uniapp介绍,下载,创建并运行一个uniapp项目,uniapp打包步骤,uniapp项目文件介绍
1.uniapp介绍2.如何创建并运行一个uni-app项目?3.如何在HBuliderX中运行uniapp项目到微信小程序模拟器?step1:配置微信小程序路径step2:打开微信开发者工具,设置>安全设置>打开服务端口step3:打开HbuilderX进入项目,运行>运行到小程序模拟器>微信开发者工具4.如何给uni-app浏览器配置google运行环境step1:找到自己电脑上的IPv4地址:控制中心>所有控制面板>网络和共享中心>连接>IPv4step2:创建uniapp项目根目原创 2022-09-04 21:45:12 · 267 阅读 · 0 评论