
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 · 516 阅读 · 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 · 325 阅读 · 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 · 712 阅读 · 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 · 110 阅读 · 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 · 810 阅读 · 0 评论 -
uni-app中的组件(四)
uni-app中的组件1.text文本组件的用法2.view视图容器组件的用法3.button组件4.image组件1.text文本组件的用法属性类型默认值必填说明selectablebooleanfalse否文本是否可选spaceString.否显示连续空格,可选参数,ensp,emsp,nbspdecodebooleanfalse否是否解码text组件相当于行内标签、在同一行显示除了文本节点以外的其他节点都无法长按选中sp原创 2021-05-27 14:58:39 · 325 阅读 · 0 评论 -
uni-app中的tabbar和condition(三)
配置tabbar如果应用是一个多tab应用,可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页。Tips当设置position为top时,将不会显示icontabBar中的list是一个数组,只能配置最少2个,最多5个tab,tab按数组的顺序排序。属性说明:属性类型必填默认值描述平台差异说明colorHexColor是tab上的文字默认颜色selectedColorHexColor是tab上的文字选中时的颜色原创 2021-05-27 09:19:38 · 319 阅读 · 0 评论 -
uni-app之全局配置和页面配置(二)
全局配置和页面配置1. 通过globalStyle进行全局配置2.page3.h51. 通过globalStyle进行全局配置属性类型默认值描述navigationBarBackgroundColorHexColor#F7F7F7导航栏背景颜色(同状态栏背景色)navigationBarTextStyleStringwhite导航栏标题颜色及状态栏前景颜色,仅支持black/whitenavigationBarTitleTextString导航栏标题原创 2021-05-26 17:28:37 · 909 阅读 · 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 · 790 阅读 · 3 评论