
uni-App
文章平均质量分 51
uni-app
发呆的小蔡°
一度想要放弃却还在继续坚持的程序媛……
展开
-
uniapp使用onPullDownRefresh实现页面下拉刷新
介绍在 uniapp 中使用 onPullDownRefresh实现页面下拉刷新的步骤如下:在js中定义onPullDownRefresh 处理函数,该函数和date,onLoad等生命周期函数同级,主要用于监听该页面用户下拉刷新事件。找到配置文件 pages.json并打开,然后在需要添加下拉刷新事件的页面文件中,打开enablePullDownRefresh当完成刷新数据操作后,在 onPullDownRefresh 里 添加 uni.stopPullDownRefresh来停止当前页面的下拉原创 2021-11-18 17:48:12 · 3083 阅读 · 0 评论 -
仿uniapp - 时间轴组件
介绍在uniapp 的开发当中 ,经常会使用到一些组件, 比如时间轴组件, uniapp 内置的时间轴组件如下所示:需求背景现在自己所做的项目当中, 所遇到的, 和各个相关的组件都不太一样, 所以,在这里,自己手写了一个时间轴效果图主要代码html部分代码:<view class="history_content"> <view class="history_content_item" v-for="(item,id) in historyList" :key="i原创 2021-02-27 15:41:08 · 3801 阅读 · 2 评论 -
Uniapp Tab栏切换
介绍在uniapp当中 , 制作 Tab栏, 当点击对应的标题时, 下面的内容对应跟着改变。效果图主要代码html 部分代码<view class="tab_nav"> <view class="navTitle" v-for="(item,index) in navList" :key="index" > <view :class="{'active':isActive === index}" @click="checked(index)">原创 2021-02-23 17:21:14 · 6342 阅读 · 0 评论 -
uni-app组件封装与传值
介绍在uni-app 的开发当中, 经常会遇到:项目中某一个模块的页面里存在着相同的功能包括样式, 这个时候 , 可以将重复的模块封装成一个组件, 然后直接调用, 一定程度上减少了代码的冗余, 如下:效果图需求背景在产品的介绍,分类等模块上, 这些页面的布局, 样式等都是类似的, 所以,在这里将它们封装成一个组件, 然后在页面当中, 直接调用。实现步骤在当前项目当中, 新建一个component文件夹, 这个文件夹专门用来存放我们要使用的组件, 然后在component文件夹下右击, 新建原创 2021-02-02 15:39:03 · 912 阅读 · 0 评论