- 博客(26)
- 收藏
- 关注
RSS订阅原创 更改element中table的颜色:row-class-name增加了透明度最后一列并没展示透明度的问题
关于最后一列fixed也可以通过删除fixed=“right”；也可以如上设置背景色为白色。
2023-08-25 15:48:06
218
原创 双for循环遍历,有为空的就返回flase.
我们有一个数组可能是通过push进去的值，最后你要验证你所有的值不能为空，为空的话要有提示，或者做其他的操作。
2023-03-25 15:39:33
130
原创 纯html+css写一个收款收据或者发票样式
效果图代码部分<div style="width:960px;margin:0 auto;padding:10px;display:flex;align-items:center;color:#000"> <div style="width: 100%;"> <div style="text-align:center;font-size:24px;font-weight:bold;color:red">XXXXXX收款收据</div>
2021-11-24 11:20:36
2862
1
原创 vue中超市秒杀时间倒计时
需要的格式为跳动的倒计时没有gif版，凑合看看。代码1.template部分<button @click="disCount">秒杀倒计时跳动{{count}}</button>2.data()//定义一个最后要展示的内容为空count: ""3.methods中写入：disCount () { let overtime = "2021-10-28 14:00:50"; //结束时间 var timer = setInterval(()
2021-10-26 16:57:32
208
原创 jquery插件datatable中增加跳转到X页
需要实现的效果实现的关键代码// 前往XX页function appendSkipPage(){ $(".jumpTo").remove(); var template = $("<div class='jumpTo' style='margin-left:3px;display:flex;align-items:center'>"+ "<span>前往</span>"+ "<input type='text' class='for
2021-10-01 15:51:43
206
原创 hbuilderx关联git提交代码，下载tortoisegit
安装tortoisegittortoisegit官网地址选择对应的安装程序和语言包，进行安装，一般都直接next就行。安装成功后会出现以下标志，点击Settings,将语言设置为中文。hbuilderx中安装git打开hbuilderx，在上面栏目中找到——>工具——>插件安装——>安装新插件中找到Git插件，进行安装。git创建项目进入git——头像右侧选择Your projects——点击存储库——新增——可切换为中文状态进行填写，创建存储库成功会得到一个htt
2021-08-26 10:40:58
3800
1
原创 js获取时间戳，将时间戳转换为年月日时分秒
一、js获取时间戳// js获取当前时间戳（三种方式都可以） let time1 = new Date().getTime(); let time2 = Date.now(); let time3 = new Date().valueOf(); //valueOf返回 Date 对象的原始值 console.log('time1：', time1) console.log('time2：', time2) console.log('
2021-08-20 15:45:22
19568
原创 js两个数组比较，添加不同属性值，for循环与indexOf的使用
实现要求：2个数组进行对比valList中有对应的list数组中age值就添加sort并且赋值为1，否则就给赋值为2。//用了一个按钮，点击打印出list数据<button @click="demo">for循环与indexOf的使用</button>demo () { var valList = [3, 2, 1, 12]; var list = [{ name: 'zhansan', age: 3 }, { name: 'lisi', age:
2021-08-17 17:00:39
1811
原创 查看vue版本，cli版本，npm以及node版本
1.查看vue版本package.json 文件中2.查看vue-cli版本命令： vue -V3.查看npm版本命令： npm -v4.查看node版本命令： node -v5.自测版本号截图
2021-07-20 14:23:34
6152
原创 element-ui中的checkbox只有一个值得时候定义0为未选择1为选中
重点重点是要添加这2个配置即可。如果后端返回的为number,记得是写成:true-label="1" :false-label="0"才会生效。<template> <div> checked:{{checked}} <el-checkbox true-label="1" false-label="0" v-model="checked">备选项</el-checkbox> </div></template&g
2021-03-12 14:20:51
2813
原创 echarts图标数据较多文字较长缩放重叠问题的配置
数据较多，进行缩放会导致X轴数据重叠，需要进行配置，重点配置代码如下：dataZoom: [ { type: "inside", //内部放大缩小 show: true, startValue: 0, // 从头开始。 endValue: 9, // 一次性展示10个 minValueSpan:2, //用于限制窗口大小的最小值 maxVal.
2021-02-02 14:03:01
854
原创 v-for循环出不同的背景色或图片
使用场景通常v-for循环出来的数据都是接口给到的，但是不会有iocn图标，或者设计稿的不同背景色，因此返回数据不同就进行不同颜色或图片变更。思路重点是通过v-bind进行绑定class，设置它的[index],在data里面进行定义，样式里面进行引入需要的背景图或者color样式，如果是背景图也同背景色写法。<div class="icon" :class="color[index]" ></div>data(){ retu
2021-01-27 19:59:06
2465
原创 echarts图表y轴加文字或者单位
//配置yAxis: { type: 'value', axisLabel:{ formatter:'{value}kg' } }
2021-01-22 16:03:16
3335
原创 echarts中饼图引导线加圆点
推荐网址该网站里面有很多大佬贡献的图表，总能找到你想要的点击链接抵达（1）我们需要完成的样子如下（2）echarts主要部分配置series: [label: { //饼图图形上的文本标签 show: true, //默认展示 position: "outside", //默认'outside'饼图扇区外侧，通过视觉引导线连到相应的扇区 formatter: '{a|{b}}\n{c|{d}%}', //格式展
2021-01-14 19:02:31
5674
6
原创 dataV轮播表最后一列插入图标
**安装dataV官网链接**实现效果组件.vue代码<template> <div> <dv-scroll-board class="board" :config="config" style="width:500px;height:220px" /> </div></template><script>export default { props:
2020-12-16 11:03:07
2639
10
原创 vue中使用echarts绘柱形图+折线图
一、完成后效果图二、.vue文件完整代码<template> <!-- 柱形图+折线图多个展示 --> <div id="myMaxbar" :style="{width: '500px', height: '300px'}" ></div></template><script>export default { data() { return {}; }, mounted(
2020-12-11 17:17:18
1801
2
原创 echarts安装后报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
1.安装Echarts时报入下错误命令行输入了，vue -V,发现我的cli 是2.9.6；main.js中的vue版本是"vue": “^2.5.2”,可能还不能支持最新版的echarts5.0；所以卸载重装版本就解决了此问题。2.卸载npm uninstall echarts3.重装echartsnpm uninstall echarts在运行就可以了。4.main.jsmain.js中我用的全局// 引入echartsimport echarts from 'echa
2020-12-10 10:33:34
12093
12
原创 从特殊url获取值
普通URL例如：http://localhost:8080/#/login?id=123一般的URL获取值我们可以通过this.$route.query.id进行获取。奇奇怪怪特殊URL例如：http://localhost:8080/#/login?params=&%3Bname=xiaohong&%3Bid=202011let url = window.location.href; // 这里因为是hash模式下，window.location.search会为空，
2020-11-02 20:01:30
89
原创 vue项目使用百度地图API获取经纬度上送后端获取位置
一、首先在百度api注册获得ak密钥二、进行引入第一种方式：直接在vue中index.html中用script标签引入。//你的ak密钥需要替换真实的你的ak码<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak密钥"></script>第二种方式...
2019-11-30 23:12:18
1943
原创 关于移动端1px分割线
移动端1px分割线设置// 使用伪类 最后一个li留白 &:not(:last-child):after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ccc; transform...
2019-11-30 23:09:13
675
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人