- 博客(15)
- 收藏
- 关注
RSS订阅原创 uni-app checkbox的使用实例
基础知识（详见uni-app官网对于checkbox的介绍）第一种 默认样式//页面 <checkbox-group> <label> <checkbox value="cb" checked="true" />选中 </label> <label> <checkbox value="cb" />未选中 </l
2021-06-18 12:06:33
2112
原创 uni-app 中的filters使用（过滤器）
一.基本知识：需求：有些数据注定需要转化之后才能给人看，但是又不想每次都反复写三目或很长的转化表达式比如: 性别, 时间, ... .
2021-06-17 11:53:08
10369
原创 uni-app scrollview滚动到顶部或任意位置
需求：对物资列表进行盘点的时候，退出了盘点，再重新打开单据时，能自动跳转到上一次退出的位置上使用的是uni-app 的scroll-view组件具体实现：页面
2021-06-15 12:01:31
2947
原创 关于日期处理类的utils
/*** 日期处理工具类*//*** 判断闰年* @param date Date日期对象* @return boolean true 或false*/export function isLeapYear(date) { return (0 == date.getYear() % 4 && ((date.getYear() % 100 != 0) || (date.getYear() % 400 == 0)));}/*** 日期对象转换为指定...
2021-06-07 09:26:19
224
原创 uni-simple-router在uni-app项目中的使用
需求：项目要求在从细节页面退回到列表页面的时候，如果细节页面的数据进行了手动的修改，推出前需要提示“有数据进行了修改，是否先保存”之类的
2021-06-01 14:39:41
1280
2
原创 uni-app 项目 改变全局字体大小（老年人大字模式）
需求：使用手机应用的人员，是一些上了年纪的服务人员。我们的应用，字体是默认的字体大小。对于他们来说，看不清方案：1.做一个类似微信的字体大小调节器，将全局的字体进行调整2.将应用的字体和设备字体的大小调整一致（使用的是第一个方案，再网络上找的方法，关键是在根节点设置全局字体大小，其他元素节点用rem作为单位）页面：网络上解决办法：vue页面<template> <page-meta :root-font-size="getRootFontSize()">&l
2021-05-07 13:57:42
6645
2
原创 uni-app 前端数据再处理(酒店相同楼层房间放在一个数组里面)
先看页面：开始的需求是列表形式展示房间 拿到的数据结构是：roomList=[ { floor:10, code:'A1001', status:'离开'}, { floor:10, code:'A1002', status:'离开'}, { floor:11, code:'A1101', status:'干净'}, { floor:11, code:'A1102', status:'打扫'},]按照下面的方式展示 其实还挺容易的 ，遍历就可以，但是…现在需要展
2021-04-21 16:03:45
252
原创 uni-app 项目不同状态的单据显示不同状态的底部操作按钮
需求：1.不同的单据 比如申请购买某物品 存在不同的状态：新建 待审核 审核通过 下达 取消等等 不同状态的单据 细节页面的底部可能有不同的操作按钮，比如 新建的单据底部的操作可以是：通过审核 ，取消 ，添加协助人等等 往往这些按钮是可以在不同细节页面重复使用的2.有些员工因为权限限制 ，只能在他的页面显示某些操作按钮页面展示：逻辑detail.jsimport { checkOperationPermission} from "@/lib/util.js";export default{
2021-04-09 11:18:25
721
原创 uni-app项目 数据列表根据不同条件，显示不同背景（含错误做法）
需求分析：请求得到的数据列表，当列表中某个单项满足条件时 添加背景颜色效果页面<view class="tr u-flex" v-for="(item,index) in detailList" :key="index" :class="{active:item.isActive}"> <view class=" u-flex-1 name u-text-left" @click="goMaterial(item,index)"> {
2021-03-29 11:07:30
1221
原创 uni-app 关于undefined和null 作为判断条件
前提需求：后台得到的数据对象中的某个值没有。会提示undefined,此时可以作为if 条件语句的判断，在条件判断中 undefined 的作用=false具体业务：已报价时间为空且截至报价时间大于等于此刻的时间-----可报价具体代码：export default{ data(){ return{ allow:false //控制是否可以报价 } }, methods:{ getData(){ //后台请求得到数据后 // 判断报价单，是否允许报价 i
2021-03-23 16:43:52
2949
原创 uni-app 利用localStorage进行页面间数据传递
需求：两个页面，第一个页面是数据的列表，有几项数据可以进行修改，第二个页面某个列表数据的详情页，相应的几项数据也可以进行修改，要求不管是那个页面的哪个数据进行修改，两个页面都要同步变化关键点：对数据修改后，一定要覆盖原来的数组或者对象------页面数据同步变化得到的数据，页面显示一份，保存在缓存中一份-----页面间数据的传递和同步效果：页面部分就省略了，布局比较简单，主要是逻辑部分列表页逻辑：export default{ data(){ return{ detailL
2021-03-23 10:29:48
981
原创 uni-app 项目（关于自定义数字键盘组件）
业务需求：金额，数字可以进行修改，自定义数字键盘组件，输入数字的同时可以显示正在修改的项目以及输入的数字大小页面：封装组件：component/kx-numberKey/kx-numberKey.vueUI部分：<template> <view name='kxNumKey'> <--本质还是引入Uni-popup组件--> <uni-popup ref="popup" type="bottom"> <view class="kx
2021-03-23 09:12:05
1717
原创 uni-app 项目 封装http 和url
需求分析：封装http请求和url请求，蛀牙目的还是为了统一管理将这两个部分放在http文件夹下面http/http.js//路由公共的部分：const baseUrl = 'http://172.0.0.1:8080';//不带token的封装const httpRequest = (opts, data) => { //opts 是一个对象，包含了后面的url,方法，请求头设置，返回的数据类型等 //1.请求的一些默认信息 let httpDefaultOpts = {
2021-03-18 17:57:26
1863
原创 uni-app 项目小功能 tabs标签切换以及中英文切换（涉及vuex使用）
页面：业务分析：不同滑块，数据列表不同滑块的文字部分统一管理，且中英文可切换使用vuex管理//标签部分：<view class="tab-box"> <view class="content" :style="{top: 'calc(' + (headerTop + statusBarHeight) + 'px + 100rpx)'}"> <u-tabs :list="tabList" :is-scroll="false" :cu
2021-03-16 12:00:11
1133
原创 DOM事件模型
事件模型：捕获，触发，冒泡a. 捕获: 从document根节点开始，到当前点击的元素结束，由外向内依次记录当前点击的元素的各级父元素上绑定的相同事件的处理函数都有哪些。——只记录不执行b. 目标触发: 总是优先触发目标元素上的事件处理函数1). 目标元素(target): 最初本意想点的那个元素！c. 冒泡: 从当前目标元素开始，到顶级document结束，依次由内向外反向触发捕获阶段记录的各级父元素上的事件处理函数！事件对象：事件发生时浏览器自动创建，保存事件相关信息，事件对象默认为事件函数第
2020-12-18 10:27:29
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人