uni-app
文章平均质量分 67
uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。
(YSY_YSY)
有道无术,术尚可求;有术无道,止于术。
展开
-
uni-app之数据缓存(九)
uni-app之数据缓存数据缓存uni.setStorageuni.setStorageSyncuni.getStorageuni.getStorageSyncuni.removeStorageuni.removeStorageSync 数据缓存 uni.setStorage 官方文档 将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。 代码演示 <template> <view> <button type="primary"原创 2021-07-14 20:23:02 · 379 阅读 · 0 评论 -
uni-app之网络请求(八)
网络请求 在uni中可以调用uni.request方法进行请求网络请求 需要注意是:在小程序中网络相关的API在使用前需要配置域名白名单。 发送get请求 <template> <view> <button @click="sendGet">发送请求</button> </view> </template> <script> export default{ methods:{ sendGet(){原创 2021-06-03 18:28:49 · 275 阅读 · 0 评论 -
uni-app之下拉刷新(七)
下拉刷新1.下拉刷新2.**监听下拉刷新**3.关闭下拉刷新4.页面触底事件 1.下拉刷新 开启下拉刷新 在uni-app中有两种方式开启下拉刷新 需要在pages.json里,找到的当前页面的pages节点,并在style选项中开启enablepullDownRefresh 通过调用uni.startPullDownRefresh方法来开启下拉刷新 通过配置文件开启 创建list页面进行演示 <template> <view> <view>这是列表页</原创 2021-06-03 15:34:01 · 630 阅读 · 2 评论 -
uni-app之生命周期(六)
生命周期uni的生命周期 uni的生命周期 生命周期的概念:一个对象从创建,运行,销毁的整个过程被成为生命周期。 生命周期函数:在生命周期中每个阶段会伴随着每一个函数的触发,这些函数被称为生命周期函数。 uni-app支持如下应用生命周期函数: 函数名 说明 onLaunch 当uni-app初始化完成时触发(全局只触发一次) onShow 当uni-app启动,或从后台进入前台显示 onHide 当uni-app从前台进入后台 onError 当uni-app报错时触发原创 2021-06-03 15:08:14 · 78 阅读 · 0 评论 -
uni-app中的样式和数据绑定(五)
uni-app的样式1.uni-app种的样式1.1使用图标2.uni-app中的数据绑定3.v-bind动态绑定属性4.uni中的事件 1.uni-app种的样式 rpx即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750px恰好为屏幕宽度。屏幕变宽,rpx实际显示效果会等比放大。 使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束 支持基本常用的选择器class,id,element等 在uni-app中不能使用*选原创 2021-05-28 08:24:31 · 711 阅读 · 0 评论 -
uni-app中的组件(四)
uni-app中的组件1.text文本组件的用法2.view视图容器组件的用法3.button组件4.image组件 1.text文本组件的用法 属性 类型 默认值 必填 说明 selectable boolean false 否 文本是否可选 space String . 否 显示连续空格,可选参数,ensp,emsp,nbsp decode boolean false 否 是否解码 text组件相当于行内标签、在同一行显示 除了文本节点以外的其他节点都无法长按选中 sp原创 2021-05-27 14:58:39 · 200 阅读 · 0 评论 -
uni-app中的tabbar和condition(三)
配置tabbar 如果应用是一个多tab应用,可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页。 Tips 当设置position为top时,将不会显示icon tabBar中的list是一个数组,只能配置最少2个,最多5个tab,tab按数组的顺序排序。 属性说明: 属性 类型 必填 默认值 描述 平台差异说明 color HexColor 是 tab上的文字默认颜色 selectedColor HexColor 是 tab上的文字选中时的颜色原创 2021-05-27 09:19:38 · 249 阅读 · 0 评论 -
uni-app之全局配置和页面配置(二)
全局配置和页面配置1. 通过globalStyle进行全局配置2.page3.h5 1. 通过globalStyle进行全局配置 属性 类型 默认值 描述 navigationBarBackgroundColor HexColor #F7F7F7 导航栏背景颜色(同状态栏背景色) navigationBarTextStyle String white 导航栏标题颜色及状态栏前景颜色,仅支持black/white navigationBarTitleText String 导航栏标题原创 2021-05-26 17:28:37 · 737 阅读 · 0 评论 -
Uni-app的基本介绍(一)
uni-app的基本使用1.基础部分2.uni-app介绍3.环境搭建4.创建项目5.介绍项目目录和文件作用6.规范 1.基础部分 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 条件注释跨端兼容 uni中的事件 导航跳转 组件创建和通讯 2.uni-app介绍 uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,开发布到IOS,Android,H5,以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。 具有vue和微信小程序的开发经验,原创 2021-05-25 20:17:51 · 720 阅读 · 3 评论