随笔分类 -  uni-app

uni-ui组件库的基本介绍和使用
摘要：https://uniapp.dcloud.io/component/README?id=uniui 简介 uni ui是DCloud提供的一个跨端ui库，它是基于vue组件的、flex布局的、无dom的跨全端ui框架。 uni ui不包括基础组件， 它是基础组件的补充 。 相关组件 | 组件名 | 阅读全文
posted @ 2021-03-18 12:00 makalo 阅读(6082) 评论(0) 推荐(0)
uni-app 中使用组件
摘要：在uni app中，可以通过创建一个后缀名为vue的文件，即创建一个组件成功，其他组件可以将该组件通过impot的方式导入，在通过components进行注册即可 使用方式和生命周期跟vue一样，具体参考 使用：https://www.cnblogs.com/makalochen/p/1387009 阅读全文
posted @ 2021-03-18 10:44 makalo 阅读(1069) 评论(0) 推荐(0)
uni-app 两种方式导航跳转和传参
摘要：声明式跳转 "navigator" 页面跳转。 该组件类似HTML中的 pages.json`中注册。 该组件的功能有API方式，另见：https://uniapp.dcloud.io/api/router?id=navigateto 属性说明 | 属性名 | 类型 | 默认值 | 说明 | 平台差 阅读全文
posted @ 2021-03-17 17:13 makalo 阅读(7153) 评论(2) 推荐(0)
uni-app 条件编译解决跨端兼容问题
摘要：https://uniapp.dcloud.io/platform "跨端兼容" uni app 已将常用的组件、JS API 封装到框架中，开发者按照 uni app 规范开发即可保证多平台兼容，大部分业务均可直接满足。 但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。 大量写 if 阅读全文
posted @ 2021-03-17 16:28 makalo 阅读(1759) 评论(0) 推荐(2)
uni-app 媒体之图片的使用
摘要："uni.chooseImage(OBJECT)" 从本地相册选择图片或使用相机拍照。 App端如需要更丰富的相机拍照API（如直接调用前置摄像头），参考 "plus.camera" OBJECT 参数说明 | 参数名 | 类型 | 必填 | 说明 | 平台差异说明 | | : | : | : | 阅读全文
posted @ 2021-03-17 15:29 makalo 阅读(1250) 评论(0) 推荐(0)
uni-app 数据缓存
摘要："uni.setStorage(OBJECT)" 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。 OBJECT 参数说明 | 参数名 | 类型 | 必填 | 说明 | | : | : | : | : | | key | String | 是 | 本地 阅读全文
posted @ 2021-03-17 14:59 makalo 阅读(975) 评论(0) 推荐(0)
uni-app 网络请求
摘要：uni.request(OBJECT) https://uniapp.dcloud.io/api/request/request?id=request 发起网络请求。 在各个小程序平台运行时，网络相关的 API 在使用前需要配置域名白名单。 OBJECT 参数说明 参数名 类型 必填 默认值 说明 阅读全文
posted @ 2021-03-17 14:40 makalo 阅读(1826) 评论(0) 推荐(0)
uni-app上拉加载
摘要：通过在 文件中找到当前页面的 节点下style中配置 可以设置距离底部开启加载的距离，默认为 通过 监听到触底的行为 参考： https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5% 阅读全文
posted @ 2021-03-17 11:46 makalo 阅读(1646) 评论(0) 推荐(0)
uni-app 下拉刷新
摘要：官方文档 https://uniapp.dcloud.io/api/ui/pulldown onPullDownRefresh https://uniapp.dcloud.io/api/ui/pulldown?id=onpulldownrefresh 在 js 中定义 onPullDownRefre 阅读全文
posted @ 2021-03-17 11:31 makalo 阅读(1727) 评论(0) 推荐(0)
uni-app 的生命周期
摘要：生命周期的概念：一个对象从创建、运行、销毁的整个过程被成为生命周期。 生命周期函数：在生命周期中每个阶段会伴随着每一个函数的触发，这些函数被称为生命周期函数 应用生命周期 https://uniapp.dcloud.io/frame?id=应用生命周期 支持如下应用生命周期函数： | 函数名 | 说 阅读全文
posted @ 2021-03-16 17:42 makalo 阅读(721) 评论(0) 推荐(0)
uni-app 页面样式与布局
摘要：官方文档 https://uniapp.dcloud.io/frame?id=%e9%a1%b5%e9%9d%a2%e6%a0%b7%e5%bc%8f%e4%b8%8e%e5%b8%83%e5%b1%80 rpx单位 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px 阅读全文
posted @ 2021-03-16 17:07 makalo 阅读(10190) 评论(0) 推荐(0)
uni-app内置基础组件
摘要：官方文档： 概述 https://uniapp.dcloud.io/vue components?id=uni app%e5%86%85%e7%bd%ae%e5%9f%ba%e7%a1%80%e7%bb%84%e4%bb%b6 组件详情 https://uniapp.dcloud.io/compon 阅读全文
posted @ 2021-03-15 17:56 makalo 阅读(2516) 评论(0) 推荐(0)
uni-app pages.json常用配置
摘要：globalStyle全局配置 pages.json是项目的配置，而这个配置文件里的globalStyle选项是项目的全局样式配置 用于设置应用的状态栏、导航条、标题、窗口背景色等。详细文档 属性 类型 默认值 描述 navigationBarBackgroundColor HexColor #F7 阅读全文
posted @ 2021-03-15 14:18 makalo 阅读(4424) 评论(0) 推荐(0)
uni-app项目目录和文件作用
摘要：创建的初始化项目目录，如图 文件夹 所有的页面存放目录 静态资源目录，例如图片等 就是打包目录，在这里有各个平台的打包文件 组件存放目录 文件 是我们的跟组件，所有页面都是在 下进行切换的，是页面入口文件，可以调用应用的生命周期函数。 是我们的项目入口文件，主要作用是初始化 实例并使用需要的插件。 阅读全文
posted @ 2021-03-15 09:54 makalo 阅读(2058) 评论(0) 推荐(0)
uni-app初体验
摘要：官网： https://uniapp.dcloud.io/ 简介 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 开发工具下载和安 阅读全文
posted @ 2021-03-12 13:39 makalo 阅读(512) 评论(0) 推荐(0)