开箱即用
cy1502
这个作者很懒,什么都没留下…
展开
-
省市区县街道乡镇级geoJson数据
下载网址:https://hxkj.vip/demo/echartsMap/原创 2022-01-25 12:01:28 · 1482 阅读 · 0 评论 -
开箱即用——移动端的简单的按钮拖拽功能
效果图附带一个视频转gif的网站,free且clean!强推!良心网站~~~i了i了https://www.aconvert.com/cn/video/mp4-to-gif/VUE框架H5项目的移动端vant组件库(拖拽功能跟组件库没有关系hhO(∩_∩)O哈哈~)用到触摸事件触touchstart、touchmove如果需要可拖动按钮松开之后靠边、隐藏之类的效果,用触摸事件touchend,项目中没有用到我就没写(▽)<template> <div class=原创 2021-12-29 11:15:01 · 1505 阅读 · 0 评论 -
开箱即用——vue校验密码强度,带强度指示条
vue校验密码强度原创 2021-12-20 18:34:15 · 3491 阅读 · 0 评论 -
开箱即用——js金额转为大写
输入数字,输出大写金额字符串,支持小数,支持四舍五入效果图代码// 金额转为大写transCnMoney(number){ if (number){ let CN_MONEY = '' let CN_UNIT ='任佰拾亿任佰拾万任佰拾元角分' number = parseFloat(number).toFixed(2).toString() // 浏览器默认为整数型,将数字转为2位有效数字的float类型再转为字符串 const dot .原创 2021-12-16 17:15:03 · 182 阅读 · 0 评论 -
开箱即用——格式化数字(常用于金额)正则/js
需求:①最多有两位小数的数字②转成3个数字一间隔的字符串的格式,用逗号隔开例:12345 => 12,345.00使用正则转换输入 233333,输出 233,333.00代码formatterAmount(value){ if (value &&/^-?\d+\.?\d{0,2}$/.test(Number(value))){ return Number(value).toFixed(2).replace(/\B(?=(\d{3})+(?!\d)原创 2021-12-16 16:46:39 · 413 阅读 · 0 评论 -
移动端vue使用kkfilrview线上预览文件
需求:点击文件称,跳转预览页面支持文件类型:kkfilrview官网地址: https://kkfileview.keking.cn/zh-cn/docs/home.html例如nginx的访问地址为 https://file.keking.cn 想要使用 https://file.keking.cn/preview/来做预览,kkFileView部署在内网192.168.1.233服务器上,需要在nginx中添加反向代理如下:location /preview { proxy_pass原创 2021-12-07 17:14:00 · 5552 阅读 · 6 评论 -
使用Blob本地预览图片(vue环境)
话不多说,上代码<template> <div> <img :src="imgSrc" alt="" > </div></template><script>export default { data(){ return { imgSrc: '', } },原创 2021-12-06 18:01:59 · 1602 阅读 · 0 评论 -
开箱即用——鼠标移入显示滚动条并设置滚动条样式
效果图此处只说明滚动条设置,横线布局参考https://blog.csdn.net/cy1502/article/details/121543818?spm=1001.2014.3001.5501主要属性:hover,overflow:hidden及滚动条属性完整代码<template> <div> <div class="page-cards"> <div class="page-card" v-for="item in ca原创 2021-11-25 20:16:58 · 1067 阅读 · 0 评论 -
开箱即用——vue页面日期显示
效果图此处只说明滚动条相关,横向布局参考:https://blog.csdn.net/cy1502/article/details/121543818?spm=1001.2014.3001.5502重要属性:①鼠标移入事件 div的hover事件 div:hover②滚动条属性完整代码<template> <div> <div class="page-cards"> <div class="page-card" v-原创 2021-11-25 20:08:24 · 664 阅读 · 0 评论 -
开箱即用——div横向布局并出现滚动条
效果图重要属性:①横向布局 父div设置white-space:nowrap (强制不换行); 子div设置display:line-block(行内块元素);② 出现滚动条 父div设置高度!!!! 设置overflow-x:scroll;overflow-y:hidden;完整代码:<template> <div> <div class="page-cards"> <div class="pa原创 2021-11-25 18:14:40 · 2706 阅读 · 2 评论 -
git常用命令-实践版
1、git clone http://xxxxxxxxx(远程仓库地址) —— 下载项目2、git checkout -b cy_new(自己起的本地分支名) —— 新建并切换到cy_new本地分支3、 git push --set-upstream origin cy_new(远程分支名称) —— 新建远程分支cy_new 并将本地分支与远程分支创建连接4、git pull origin feature/dev —— 拉取远程分支feature/dev的内容5、git add . —— 添加文件原创 2021-11-24 11:31:47 · 723 阅读 · 0 评论 -
本地文件夹上传到git库
!!!在本地安装过git服务的前提下!!1、cd existing_folder(或在本地待上传文件内,右键,Git Bash Here)2、在打开的命令窗内一次输入以下命令①git init②git remote add origin “远程git库的克隆地址”③git add .④git commit -m “Initial commit”⑥git push -u origin master...原创 2021-09-01 11:07:23 · 100 阅读 · 0 评论 -
开箱即用之css——让label变工整的小妙招
实现效果wxml/html<view class="invoice_box"> <text>发票抬头</text> <van-cell-group> <van-field value="{{ invoice.name }}" placeholder="请输入公司名称" border="{{ false原创 2021-08-18 16:33:29 · 493 阅读 · 0 评论