js实现人性化时间过滤
使用到了momentjs,官网 点击前往
1234567891011121314151617181920212223242526272829303132333435363738import moment from 'moment' // 人性化时间过滤 stamp 时间戳common.humanizedTimeFilter = function (stamp) { const minute = 1000 * 60 const hour = minute * 60 const day = hour * 24 const now = new Date().getTime() - 28800000 let result const diffValue = now - stamp if (diffValue < 0) { return '' } const dayC = diffValue / day const hourC = diffValue / hour const minC = ...
解决vue渲染中有时字符串中的 \n 不渲染
问题:将字符串的内容 显示在span或其他标签上时 \n不会正常显示换行
解决办法:1.添加css样式 white-space:pre
2.如果可以的话,使用<pre>标签替换也可
uni-app中使用动态Class
用固定class和动态class共存的时候,就可以使用下面的方式
success 方式一:
1<text :class="['btn',item.isTrue?'btnActive':'']">{{item.title}}</text>
success 方式二:
1<text :class="[item.isTrue?'btnActive':'btn']">{{item.title}}</text>
uni-app 长按事件
123456789<view @longpress="longpress"> <view>methods: { longpress(){ console.log("你长按了!!!") }}
uniapp 跨页面 传值对象参数和
调用页面1:
123uni.$on("updateWarehouesList",()=>{//监听对象 updateWarehouesList this.getWarehouesList()//调用方法})
页面2:
1uni.$emit("updateWarehouesList","")//调用页面1的监听对象 updateWarehouesList并传递""
跳转传值
对象页面1调转:
123uni.navigateTo({ url: "/pages/warehouse/orderEdit?item=" + encodeURIComponent(JSON.stringify(this.item))})
页面2接受:
12345onLoad(option) { if(option.item!=null){ this.item = JSON.parse(decodeURIComponent(optio ...
Vue点击左右的按钮简单实现内容滑动
需求点击下一个,显示a的下一个字母b,这个时候的内容为 bcd,接着点击上一个,显示b的上一个数字a,这个时候的内容为abc。
代码template
123456789<div class="a2"> <div class="aa1" :style="{'margin-left': num * 20 + 'px','transition': 'all .3s ease-out .1s',}"> <div class="aa11" v-for="(item,index) in aa" :key="index"> <div>{{ item }}</div> </div> </div></div><button ...
uniapp中uview框架内置样式
说明uView组件功能的实现,并不依赖全局样式,内置的一些类名,只是提供一些基础且常用的样式,仅此而已。注意:请根据快速上手中的说明,引入uView提供的scss文件。
温馨提示
由于uView的内置样式均是写在scss文件中的,您在使用的时候,请确保要给页面的style标签加上lang="scss"属性,否则可能会报错。
#文字省略u-line-1,u-line-2,u-line-3,u-line-4,u-line-5五个类名在文字超出内容盒子时,分别只显示一行、两行、三行、四行、五行+省略号。
123<view class="u-line-1"> 是日也,天朗气清,惠风和畅,仰观宇宙之大,俯察品类之盛,所以游目骋怀,足以极视听之娱,信可乐也</view>
#定位uView内置了关于相对和绝对定位的两个类,分别为u-relative(u-rela)和u-absolute(u-abso):
123456789.u-relative,.u-rela { position: relative;}.u-ab ...
uniapp跨页面传多个数据
123uni.navigateTo({}) url: "../sales_Medical_audit_details/sales_Medical_audit_details?data=" + this.SalesOrderOID+'&ProductID='+this.ProductID,}
页面接收:
123onLoad(option) { console.log(option.ProductID,option.data);}
JavaScript给对象按照value进行排序
123456789101112131415161718192021222324252627const users = [ { name: 'aqing', age: 24 }, { name: 'ale', age: 21 }, { name: 'bei', age: 25 },];//按照name比较const usersSortedByName = users.sort((a, b) => a.name.localeCompare(b.name));console.log(usersSortedByName);/*(3) […]0: Object { name: "ale", age: 21 }1: Object { name: "aqing", age: 24 }2: Object { name: "bei", age: 25 & ...
js判断一个字符串是否是数字
1234567891011121314function isNumber(val) { var regPos = /^\d+(\.\d+)?$/; //非负浮点数 var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数 if(regPos.test(val) || regNeg.test(val)) { return true; } else { return false; } } isNumber("123"); //true isNumber("12.3"); //true isNumber("12..3"); //false isNumber("阿清"); //false