随笔分类 - uniapp
摘要：官网->组件->扩展组件(uni-ui)- 如：uni-calendar日历组件的使用 下载，选择HBuilder打开 下载后存放的位置如： 引入 import uniCalendar from '../../uni_modules/uni-calendar/components/uni-calen
阅读全文
摘要：uniapp中组件通信和vue组件通信都差不多。只是全局事件总线的方式在uniapp里封装过了。可以不用在vue里注册也可以在组件里使用。 父组件传子组件 这个和vue组件一样，可以用props配置项。 父组件传值： 子组件接收： 结果： 子组件传父组件 就是vue里的自定义事件实现。将回调留在父组
阅读全文
摘要：uniapp里组件创建和组件的生命周期和vue里组件一致。 组件创建 创建一个vue文件即可 <template> <view> <h2>测试组件</h2> </view> </template> <script> export default{ name:'test', data(){ retur
阅读全文
摘要：uniapp中路由跳转有如下两种方式： 1、声明式路由跳转 声明式路由跳转通过navigator实现 页面跳转。该组件类似HTML中的<a>组件，但只能跳转本地页面。目标页面必须在pages.json中注册。参考官网：组件->内置组件->uni-app组件->路由与页面跳转 要跳转的页面必须注册路由
阅读全文
摘要：跨端兼容 uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。 但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。 条件编译 条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码
阅读全文
摘要：1、图片上传 uni.chooseImage(OBJECT) 调用uni.chooseImage(OBJECT)即可打开弹窗选图片 从本地相册选择图片或使用相机拍照。App端如需要更丰富的相机拍照API（如直接调用前置摄像头），参考plus.camera OBJECT 参数说明 success 返回
阅读全文
摘要：uniapp数据缓存就是利用浏览器的localStorage存储。 1、异步存储 1.1、uni.setStorage(OBJECT) 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。 OBJECT 参数说明 1.2、uni.getStorage(OB
阅读全文
摘要：uni.request(OBJECT) 用这个方法即可发送网络请求。 在各个小程序平台运行时，网络相关的 API 在使用前需要配置域名白名单。 OBJECT 参数说明 如： <template> <view> <button v-on:click="SendGet">发送请求</button> </
阅读全文
摘要：上拉加载 onReachBottom 页面生命周期的onReachBottom钩子可以监听上拉滚动条到底时的事件。 onReachBottom页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。 注意 可在pages.json里定义具体页面底部的触发距离onReachBo
阅读全文
摘要：下拉刷新的开启模式 1、全局开启 这样直接在配置文件pages.json的globalStyle配置属性里设置"enablePullDownRefresh":true即可开启。不过这样每个页面都开启了下拉刷新了。 2、局部开启 在配置文件pages.json的"pages"属性里每个组件自己的pag
阅读全文
摘要：1、应用(App组件)生命周期 只能在App.vue里监听应用的生命周期。专门为app组件准备的。 官方文档 → 全局文件 → App.vue → 应用生命周期 在app.vue里面设置。 <script> export default { // 只能在App.vue里监听应用的生命周期 onLau
阅读全文
摘要：uniapp中数据绑定和vue一样。如： <template> <view> <view>{{msg}}</view> <view v-for="(item,index) in list" :key="item.id"> 序号：{{index}} 姓名：{{item.name}} </view> <
阅读全文
摘要：1、尺寸单位 uni-app 支持的通用 css 单位包括 px、rpx。 px 即屏幕像素。 rpx 即响应式 px，一种根据屏幕宽度自适应的动态单位。以 750 宽的屏幕为基准，750rpx 恰好为屏幕宽度。 750rpx刚好是一个屏幕宽度。 .box1{ width: 750rpx; heig
阅读全文
摘要：1、基础组件 1.1、text 文本组件，用于包裹文本内容。 属性说明 1.1.1、selectable 文本是否可选 1.1.2、space 显示连续空格 space 值 1.1.2.1、ensp 中文字符空格一半大小 1.1.2.2、emsp 中文字符空格大小 <template> <view>
阅读全文
摘要：pages.json全局配置文件就是一个js对象。对象属性如下： 1、globalStyle属性(全局样式) 用于设置应用的状态栏、导航条、标题、窗口背景色等。(全局样式) 在这里设置的样式是全局的。所有页面都可使用。如果页面有单独设置，则会覆盖掉全局设置的样式。 globalStyle属性的值为一
阅读全文
