uniapp
uniapp
O3ohn
我不想上班
展开
-
uni-app 上拉加载 使用uni-ui 的 LoadMore 组件
实现列表下拉加载 上拉刷新上拉加载下拉刷新使用onPullDownRefresh遇到的问题上拉加载我在代码里是配合list使用的LoadMore 组件实现下拉加载,贴一个官网组件地址 LoadMore 下拉加载的原理大概是:设置好每页展示多少条数据,加载第一页。加载完后判断当前状态,如果数据列表的长度=全部数据长度,则将状态设置为noMore,否则为more。从第二页开始,每加载一页就在数据列表中拼接下一页内容。重复进行(2)直到加载完全部数据。当数据加载完毕后页码pag原创 2020-11-24 17:16:04 · 9242 阅读 · 1 评论 -
uni-app顶部导航栏 下拉滑动固定到屏幕顶部
示例图片代码<template> <view style="display: flex;flex: row; position:fixed; left: 0; width: 100%; top: 30;z-index: 999;"> <scroll-view scroll-x class="bg-white nav" scroll-with-animation :scroll-left="scrollLeft"> <view class="cu-i原创 2020-11-24 15:45:23 · 3981 阅读 · 0 评论 -
uni-app 跳转页面并传参
页面跳转uni-app官方文档父页面跳转子页面传参子页面返回父页面传参使用uni.\$emit和uni.\$on页面通讯uni-app官方文档uni-app官方文档父页面跳转子页面传参uni.navigateTo(OBJECT)保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。uni.navigateBack(OBJECT)关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。/原创 2020-11-23 10:30:48 · 6198 阅读 · 0 评论 -
uni-app 同步缓存 12个小时清除一次缓存信息
最近的项目需求里做了一个缓存查询条件,一个下拉列表式查询,当选择条件完毕后开始缓存当前数据,第二次进入该页面加载缓存,不需要重新选择,比较方便操作,12小时清除一次缓存信息。缓存官网关于缓存的具体讲解同步缓存具体代码同步异步官网关于缓存的具体讲解uni-app官网API同步缓存具体代码uni.getStorageSync(KEY)从本地缓存中同步获取指定 key 对应的内容。uni.setStorageSync(KEY,DATA)将 data 存储在本地缓存中指定的 key 中,原创 2020-11-23 09:37:03 · 2969 阅读 · 2 评论 -
uni-app 给input框添加点击清空按钮
用value绑定输入的值,要通过@input事件监听,这个方法只要input值发生改变就会调用,v-if控制‘清空’这个图标,没值就不显示,我悟了!!!效果图<view slot="default" class="search_box"> <text class="icon_search"></text> <input style="width: 280px;" :value="searchName" class="prompt" placeholder原创 2020-11-20 15:19:05 · 13318 阅读 · 3 评论 -
HbuilderX打包app时更换图标等配置
在manifest.json这个文件里进行配置就可!原创 2020-10-30 10:29:25 · 5334 阅读 · 3 评论