自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 ProTable点击【重置】,对于设有initialValue的QueryFilter清空其初始化值

【代码】【无标题】

2024-10-15 16:59:08 154

原创 uniapp各种滑动效果

有人需要这段代码吗 需要我就贴出来。

2023-09-27 10:21:01 191

原创 处理价格(或其他数值)的小数部分和整数部分

如果 originalPrice 是一个有效的数字,且不是 NaN(非数字),它将被转换成包含两位小数的字符串,然后将这个字符串根据小数点进行分割,并返回小数点前的部分,即整数部分。这代码在 Vue 应用的 main.js 文件中定义了两全局的 Vue 原型方法,$priceBeforeDecimal 和 $priceAfterDecimal,并将它们绑定到 Vue 实例中。这样,你可以在整个应用中轻松使用这两个全局方法,而不必在每个组件中重复导入或定义它们,提高了代码的可维护性和可重用性。

2023-09-27 10:12:38 198 2

原创 uniapp手写步骤条

【代码】uniapp手写步骤条。

2023-09-15 16:51:26 503 1

原创 jeecg低代码生成开发指南

vue3文件夹下的sql存放到guanyu-detection-module/src/main/resourse/sql。将sql放到guanyu-detection-module/src/main/resourse/sql。3.移动前端代码到vscode。成功如下没反应请刷新。

2023-08-04 19:47:16 295 1

原创 input框限制不能输入小数

input框限制不能输入小数<input class="input_coupon_reach_money" bindinput="onSubmitAddtion" type="number" placeholder-class="coupon_placeholder_input" placeholder="请输入件数" value="{{addtion}}"/>onSubmitAddtion: function (e) { var regNum=new RegExp('^[0-9]*

2021-12-04 09:45:34 1665

原创 判断小数点后面有几位

判断小数点后面有几位需要注意的地方 如果小数点后面是俩位 继续输入的时候记得清空//减多少金钱onSubmitReduceMoney: function (e) { const reduceMoney = e.detail.value // console.log(reduceMoney) const spotPosition = reduceMoney.indexOf('.') + 1; let num = reduceMoney.length - spotPosition; i

2021-11-30 17:18:20 1869

原创 uni-grid

uni-grid<uni-grid :column="2" style="margin: 35px 0px;" :showBorder="false"> <block v-for="(item,index) in lists"> <uni-grid-item> <div class="flex_column main_axis_space_around second_axis_center" style="background: #ffffff;bo

2021-11-25 11:50:44 4392

原创 uni app v-if连续判断

<div class="text_center bg_success" :class="[(orderInfo.orderStatus===2 || orderInfo.orderStatus===1)?'bg_pay':'',(orderInfo.orderStatus===3 || orderInfo.orderStatus===0)?'bg_close':'',(orderInfo.orderStatus===4)?'bg_success':'']">

2021-11-25 11:44:08 1404

原创 小程序 仿通讯录列表

我是封装了一个组件 用户的头像 和用户列表用到了2个接口 字母用的是vantaui<van-index-bar :sticky="false"> <view wx:for="{{anchorList}}" wx:for-index="wordIndex" wx:key="wordIndex" wx:for-item='wordItem'> <view wx:if="{{customers[wordItem]}}" class="flex_row main_axi.

2021-11-25 11:32:57 406

原创 小程序上拉刷新 下拉加载

小程序上拉刷新 下拉加载我封装了一个自定义组件 在methods里面定义了2个时间loadMore()上拉加载 refreshData() 下拉刷新// toal 为后台返回的总条数 pagenum 为页数// 上拉加载loadMore: function () { // console.log(this.data.statistical.total) //19 const total = this.data.statistical.total; // console.log(thi

2021-11-25 11:23:11 415

原创 小程序页面调用自定义组件的事件

小程序页面调用自定义组件的事件组件在页面中使用 给组件加一个id<customerltem id="customerltem"></customerltem>在页面js调用 refreshData() 是组件methods里定义的 /** * 页面相关事件处理函数--监听用户下拉动作 */onPullDownRefresh: function () { let myComponent = this.selectComponent('#customerltem');

2021-11-25 11:14:10 175

原创 仿短信验证码连续输入

仿短信验证码连续输入页面 8个框<view class="text_code">请输入八位数核销码</view><view class="view_num_box flex_row main_axis_space_between"> <view class="view_numBox_item" wx:for="{{8}}" style="{{numList.length != index?'border: 1rpx solid #dddddd;':'bo

2021-11-20 10:07:59 675

原创 uni app实现待付款失效时间倒计时

uni app实现待付款失效时间倒计时<div class="div_remaining">剩余时间 {{countdown}}</div>expire 是从后台获取的过期日期import { formatDateYYYYMMDDHHMM} from '../../../utils/DateFormat.js'data(){ return{ current:1, shopInfo:{}, countdown: '', day: '', time:

2021-11-06 10:06:03 655

原创 uni app公共图片路径

uni app公共图片路径main.jsVue.prototype.getImgSrc = function(img){ return "http://r0uver0ez.hd-bkt.clouddn.com" + img;}在页面中使用<!-- 图片 --><image :src="getImgSrc(item.banner)" mode="aspectFit">

2021-11-06 09:55:43 1092 2

原创 checkbox实现单选,全选与全不选

checkbox实现单选,全选与全不选<wxs module="array"> function includes(array, val) { return array.indexOf(val) > -1 } module.exports = { includes: includes }</wxs><view class="view_member_list"> <checkbox-group class="view_me

2021-11-03 18:14:26 399

原创 商品添加按钮跳页面直接弹出加入购物车底部弹框

商品添加按钮跳页面直接弹出加入购物车底部弹框点击除加号页面跳转点击加号跳转为加号添加点击事件<view wx:if="{{from !=='buyerindex'&&businessType==3}}" class="btn_share_btn" catchtap="directBuy"></view>directBuy: function (e) { try { this.triggerEvent('directB

2021-10-29 17:43:04 842

原创 拿到后台返回数据的索引值

**拿到后台返回数据的索引值**findIndex() 字面意思 寻找索引return 返回true/falselevalList: async function () { const repData = await apiVipLevelList(this.data.shopId, this.data.customerUserId) // console.log(repData) if (repData.code == 0) { const thiz =

2021-10-25 17:38:07 209

原创 小程序监听页面滑动切换状态栏

小程序监听页面滑动切换状态栏首先用scroll-view包住全部内容<scroll-view bindscroll="onScroll"> 内容<scroll-view>吸顶条 控制current切换吸顶条选中状态 我这边只放了一个 全部的在添加链接描述<view class="customer_tab flex_row main_axis_space_around" id="navbar"> <view> <view class=

2021-10-25 16:39:11 433

原创 小程序实现 几天前

小程序实现 几天前dateLong 最后登录事件 suffix 代表前后/** * 转换日期格式 24小时内,显示%d小时suffix% 如2小时前、2小时后 * @param {*} dateLong * @param {*} suffix */export const formatDateToStr = (dateLong, suffix) => { if (!dateLong) { return ''; } const nowTimeLong = new

2021-10-25 14:30:56 80

原创 小程序实现很丝滑的吸顶条

小程序实现很丝滑的吸顶条我是写了俩个tabs 然后判断滑动距离让他显示隐藏用scroll-view包住整个页面 用到了bindscroll(滚动时触发)<scroll-view scroll-into-view="{{childViewId}}" scroll-y="{{true}}" refresher-enabled="{{false}}" bindscroll="onScroll"class="scroll_y">吸顶条1<view class="customer_t

2021-10-25 13:08:02 362

原创 小程序点击跳到指定位置

小程序使用scroll-view点击跳到指定位置我实现的是一个吸顶条 切换tabs跳到指定位置使用scroll-view 包住页面所有内容scroll-into-view<scroll-view scroll-into-view="{{childViewId}}" scroll-y="{{true}}" refresher-enabled="{{false}}" bindscroll="onScroll" class="scroll_y">吸顶条 点击切换事件 clickCust

2021-10-25 12:49:08 951 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除