- 博客(29)
- 收藏
- 关注
RSS订阅
原创 JQuery模糊查询实现查询银行id名并且点击查询到的信息替换到input输入框框
一、HTML代码<div class="test"> <input class="search" type="text" placeholder="输入关键字查询信息"> <div class="search_box"> <div class="search_text">工商银行</div> <div class="search_text">中国银行&
2020-08-07 11:20:52
323
原创 微信小程序 实现购物时数量的加减
一：样图二二：.wxml<view class="stock_jiajian"> <view class="stockBox" bindtap="addjian">-</view> <view class="stockBox nums"> <input class="stockinnum" bindconfirm="search" value="{{num}}" bindinput
2020-07-30 15:16:21
707
原创 高德地图点击标点 再点击重新标点并删除上一个标点，点击得到经纬度坐标，搜索功能
一：css代码* { margin: 0; padding: 0; } .control { width: 100%; max-width: 375px; height: 100%; margin: auto; position: relative; } .wells { margin-top: 30%; .
2020-07-30 14:46:28
1985
原创 vue div 单选、多选，多选且最多只能选择三个
一、先把准备工作做好css.contilor{ width: 50%; margin: 5% auto;}.box{ display: flex; flex-wrap: wrap;}.item{ padding: 6px 8px; border: 1px solid #3C9CFF; margin: 8px 6px 0 10px; font-size: 12px; border-radius: 6px;}.item1{ background-color: #3C9CF
2022-03-29 18:06:27
2601
原创 纯css 竖向步骤条
一、平常做一些物流啊提现啊这些效果的时候可能就需要用到步骤来向用户展示具体到哪一步了，但是呢有时候写的又比较繁琐，找各种组件插件又要安装或者引入对应的包，今天就给大家分享一个纯css的竖向步骤条，先看效果图：二、废话不多说，直接上代码，HTML：<div class="stepItem" v-for="(item,index) in billList.handle" :key="index"> <van-icon name="passed" size=".45rem"
2022-02-17 15:06:45
2195
原创 vue 验证金额
这个是验证输入金额时验证的一个方法，建议写在输入框输入时调取此方法getMoney(val) { val = val.replace(/[^\d.]/g, ""); //保留数字 val = val.replace(/^00/, "0."); //开头不能有两个0 val = val.replace(/^\./g, "0."); //开头为小数点转换为0. val = val.replace(/\.{2,}/g, "."); //两个以上的小数点转换成一个 val = val.replace
2021-09-14 10:44:26
1600
原创 vue 隐藏手机号和邮箱，替换成****
一、平常大家做项目对于手机号或者邮箱都已经屡见不鲜了，有时候有需求时还需要隐藏一下手机号或者邮箱，我整理了一下现在发给大家，希望给予改正或者有好的方法也一起分享一下getRegular(num) { let nums; if (num.indexOf('@') == -1) { nums = num.replace(/(\d{3})(\d{4})(\d{4})/, "$1****$3"); } else { // 替换邮箱字符 if (String(num).indexOf('@')
2021-09-14 10:39:35
1053
原创 vue + vant 文件上传（单文件,多文件）
一、记录一下，希望用这个vant插件的时候可以帮到大家afterRead(file) { console.log(file.length) let formdata = new FormData() if (file instanceof Array && file.length) { // 判断是否是多图上传 多图则循环添加进去 console.log(file) file.forEach((item, i) => { formdata..
2021-09-14 10:32:49
1124
原创 vue 时间切换点击得到某年的一月或者一周
一、效果图，这是当前年的，具体根据需求来改二、html以及css代码<div class="box"> <div><button type="button" @click="getReduce">-</button></div> <div class="time"><span>{{upYear}}.{{upMonth}}</span></div> <div><b.
2021-09-14 10:22:20
477
原创 分享一个vue的插件，查看pdf文件 pdfh5
本插件安卓ios都能进行分页，显示总页数，点击放大缩小，手势放大缩小都可以，最主要的是，很简单，几句代码就能搞定
2021-08-04 15:49:29
587
原创 vue keep-alive,$on,$off,$emit来实现页面缓存且列表页单条数据局部刷新
前进详情刷新 后退回到列表页进入详情页时的位置且详情页更改内容时回到列表页局部更新当前的单条数据的内容
2021-07-12 15:23:43
570
2
原创 vue 删除数组中的某一条数据
一、删除普通数组let arr = [1,2,3,4,5];//方法一let index = arr.indexOf('3');arr.splice(index, 1)//打印结果 [1,2,4,5]//方法二let index = arr .findIndex(item => { if (item == '3') { return true } })arr.splice(index,
2021-07-01 15:40:02
14704
原创 vue+vant上拉加载
一，今天分享一个vue+vant的上拉加载其中用到了Tab 标签页和List 列表，详细信息请看组件库，我这里就不做描述了，附上文档地址：https://vant-contrib.gitee.io/vant/#/zh-CN/list
2021-06-21 10:48:30
317
原创 vue 瀑布流 纯css
一、今天记录一个纯css来实现瀑布流的方法，对的,你没有看错就是纯css,这次借助的是css3的特性，目前才了解到的，有一些还没太懂，希望大家多多指教，好了，废话不多说，直接上代码。二、...
2021-06-16 14:37:11
318
原创 小程序蓝牙--共享蓝牙充电器
一、很久以前就要发布的，一直拖到现在，记忆都有点模糊了，抱歉了各位大佬，各位开发者.二、首先我们要清楚一套蓝牙工作的流程，然后通过这个流程才能够一步一步的去实现我们xiangyao
2021-06-10 14:52:41
663
4
原创 vue +纯CSS 实现多行文本“展开收起”
一、最近做一个类似于微信评论的那种，文本太多展示不好看，就想着超过某一个界限让它可以出现全文，然后可以收起，查阅了很多资料，不凡是js太多，就是引入组件啥啥的，后来根据朋友的的链接找到了一篇cs...
2021-06-08 13:39:21
572
原创 vue+vant最简单的纯聊天界面
一、这只是简单的聊天界面，用户可以发送，客户也可以回复，但这只是本地的，先来个效果图，配置好服务器改改就可以实现聊天了二、jsvar infoData = [ { id:1, name:'小巴', time:'2021-4-23 17:59:50 星期五', images:'https://img01.yzcdn.cn/vant/cat.jpeg', message:'您好！' }, { id:3,
2021-04-24 11:23:07
5623
11
原创 vue 类似于hover的选项卡
一、项目需求需要用到选项卡，但是发现vue只有css才有hover，js没有这个事件，查阅了资料，最后发现可以用@mousemove和@mouseout来实现鼠标悬停类似于hover的效果，下面先上一个效果图：二、废话不多说啦，直接上代码：html<div class="trademark-left"> <div class="trademark-title"> <span>全部服务分类</span> </d
2021-04-10 10:21:47
424
原创 小程序栏目列表布局 解放 ul li 一个flex的小运用-来自朋友的推荐
一、先来个效果图二，wxml布局<view class="columnList"> <view class="icon"></view> <view class="title"></view> <view class="arrowRight"></view></view>三、wxss布局.columnList{ width: 100%; padding: 20r
2021-02-26 17:03:01
1570
原创 小程序模糊查询
一、wxml<view class="searchBox"> <input class="searchs" type="text" placeholder="搜索银行行别" bindfocus="bindfocus" bindblur="bindblur" value="{{bankName}}" bindinput="searchContent" placeholder-class="searchs-placeholder" /> <
2021-01-23 16:40:16
358
原创 用css写一个四角框
一、先上效果图二、一个盒子div<div class="siFrame"></div>三、css代码.siFrame { width: 200px; height: 100px; margin: auto; background: linear-gradient(to left, #4980D9, #4980D9) left top no-repeat, linear-gradient(to bottom, #4980D9, #4980D9)
2020-12-11 15:51:15
251
原创 jquery实现类似于购物车数量加减和最终总价累加
一、js代码，html和css我放下面了，毕竟js重要点，记得引入jquery包$(function() { //parent() 方法返回被选元素的直接父元素。 //find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。 $(".plus").click(function() { var plusAdd = $(this).parent().find("input[class*=num]"); plusAdd.val(parseInt(plus
2020-12-03 15:00:33
780
原创 css 伪类 :after 制作一个三角箭头 最简单的那种
一、内联元素和块级元素都能做到，以后大家就可以不用找图片或者用svg或者其他ico图标啦，几句代码就能搞定：<div class="arrow"></div><style>.arrow:after { width: 10px; height: 10px; border-right: 1px solid #333; border-top: 1px solid #333; transform: rotate(45deg); position: abso
2020-11-26 14:30:34
2387
1
原创 vue v-for 循环图片 三种方法
一、正常的引入，但是得在static下创建image文件夹<view v-for="item in list"> <text>{{item.name}}</text> <view class=""></view> text>{{item.age}}</text> <view class=""></view> <image :src="item.img" mode=""></
2020-11-25 14:37:08
8692
原创 微信小程序 canvas 从后端获取数据 绘图并保存本地
最近老板要把每一条消费记录做成图片并且保存本地，其中用到了canvas，话不多说直接上代码，绝对简单明了
2020-11-10 17:18:57
1199
2
原创 微信小程序 时间戳转换成 时间格式
一、创建一个js文档复制以下代码到// util.js/** * new Date() ---> 转化为 年 月 日 时 分 秒 * let date = new Date(); * date: 传入参数日期 Date*/function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hou
2020-11-10 16:32:52
1146
原创 当前页面所得到的数据怎么渲染给前一个页面的data
最近写小程序遇到一个问题 就是在一个页面已经请求到了数据存给全局变量的 但是这个数据并没有渲染上一个页面 要刷新或者 重新登录 才能重新渲染 我请教了各路大神终于得以解决 今天 分享给大家
2020-10-17 11:27:23
261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人