- 博客(22)
- 收藏
- 关注
原创 处理价格(或其他数值)的小数部分和整数部分
如果 originalPrice 是一个有效的数字,且不是 NaN(非数字),它将被转换成包含两位小数的字符串,然后将这个字符串根据小数点进行分割,并返回小数点前的部分,即整数部分。这代码在 Vue 应用的 main.js 文件中定义了两全局的 Vue 原型方法,$priceBeforeDecimal 和 $priceAfterDecimal,并将它们绑定到 Vue 实例中。这样,你可以在整个应用中轻松使用这两个全局方法,而不必在每个组件中重复导入或定义它们,提高了代码的可维护性和可重用性。
2023-09-27 10:12:38 198 2
原创 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关注的人