MittyLee-CSDN博客

原创 make a pie暂停服务后，我用这个网站来搜索图表

http://ppchart.comecharts自己写所有配置的话真的很头大，一般都是找类似图表来参考，从一开始的echarts的gallery社区到make a pie，给前端人提供了很多灵感。这个是我在得知make a pie要停服后疯狂网络搜索可代替网站时搜到的（救命），是贴吧里一个大佬目前在维护的网站，我自己用下来感觉是体验感最好的，数据量和分类也最全的，给他提建议都会很快有反馈和满足！在我的小地盘安利一下下~~...

2022-02-14 17:00:38 570 1

原创微信小程序 tab面板切换伴随点击修改样式 tab下划线伪元素写法

<view class="tab"> <view class="tab-item {{tabIndex == 1?'active':''}}" bindtap="clickTab" data-index="1">本月未来店</view> <view class="tab-item {{tabIndex == 2?'active':''}}" bindtap="clickTab" data-index="2">本月已.

2021-10-14 17:58:27 1176

原创 JS Date()方法计算指定月份有多少天

new Date(month,year,date) date的区间是1-31，如果传0，就可以直接使用getDate()获取到最后一天的日期。如下new Date(2021,08,0) .getDate()得到31，就说明8月的最后一天是31，说明8月有31天。

2021-08-17 15:56:54 679

转载 vue组件引用的js文件如何获取引用组件的this

转载：https://www.cnblogs.com/taohuaya/p/10765731.html

2021-06-04 17:17:41 504

原创 mpvue使用vantweapp时事件绑定及onChange事件取值的小坑

<van-search :value="search" placeholder="请输入用户名搜索" show-action shape="round" @search="onSearch" @cancel="onCancel"/>绑定：在绑定mpvue的组件提供的事件时，官方提供的事件绑定方法为 bind:search="onSearch"等, 但在mpvue的写法里bind必须换成@ 且事件名不能加括号...

2021-06-04 15:11:38 683

原创时间控件el-date-picker限制可选当前日期前七天

<el-date-picker v-model="value1" type="daterange" :picker-options="pickerOptions" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" >..

2021-06-04 14:09:53 262

原创 vue项目引入swiper——自动轮播图可tab切换（非无缝）

swiper5.4版本配合vue-awesome-swiper4.1版本使用。swiper自带的方法需4.0以上版本才能启用。（此处悲痛踩坑...）tab区 <ul> <li @click="tabClick(0)" :class="{ active: nowIndex === 0 }"> tab1 </li> <li @click="tabClick(1)".

2020-12-03 18:50:40 513

原创常用正则：校验整数和两位小数；常见手机号；密码格式

校验整数和两位小数：varnumTest=/^(([^0][0-9]+|0)$)|^(([1-9]+)$)|^[0-9]+\.[0-9]{2}$/;校验手机号：varphoneTest=/^1[0-9]{10}$/;校验密码6-16位必须包含字母数字var passwordTest=/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/;...

2020-11-11 15:00:02 330

原创 vue报错—— Duplicate keys detected: ‘1‘. This may cause an update error.

第一次遇到这个报错：大意是检测到重复的密钥：“ v1” 这可能会导致更新错误当同一页面有多个数组用v-for循环时我绑定的key值都是:key="item.value"而每个数组在data里的value值都是一样的于是造成了key值重复的问题（使用v-for时要注意key值得唯一性）而看我们每个数组里lable的数据都是不一样的所以把key值绑定成lable就不会重复了...

2020-09-02 18:27:05 5817

原创 css变量主题色 + VUEX 实现系统主题换肤

给用户提供n个可选主题色选中颜色后更换整个系统图标,侧边栏等地方的颜色。这里主要使用到了css的变量配合vuex传递的用户所选颜色即可赋值给任意标签的css。（最开始只使用vuex存储所选颜色并直接获取赋值给标签这种办法设置的只能是行内样式在elementui上的颜色效果会覆盖掉hover颜色但并没有办法在行内设置hover 于是pass）（css变量：用--xxx来定义变量用var来使用这个变量）vuex里提供主题色初始值 state: { //...

2020-07-23 17:42:52 1327 2

原创 VUE tab面板切换伴随点击选中变色

效果如图：左边Tab列表点击选中有变色效果，对应切换右边模块思路：点击事件传值拿到对应值根据对应值 :class给相应的li绑定上点击效果的css类名 v-show通过判断拿到的cur的值对应隐藏或展现（display：none）HTML <ul class="list-box"> <li @click="clickCategory(1), (cur = 1)" :...

2020-07-20 10:23:51 2087

原创 ElementUI组件--滚动条＜el-scrollbar＞

比原始浏览器自带的滚动条好看多了不追求特定样式滚动条的话使用这个是很方便美观的。 <el-scrollbar style="height:100%"></el-scrollbar>在你需要滚动的地方前后套上这个标签即可效果：但是我这里碰到了一个问题是如果直接拿来用我不需要横向滚动式也会有一个固定的横向滚动条很丑如果你这里不需要横向滚动条的话可以设置隐藏横向滚动条.el-scrollbar .el-scrollbar__wrap ...

2020-07-20 10:08:58 1660 3

原创 vue 进入页面无点击自动定位到某一位置锚点

头部div加 @click="returnTop()"methods里returnTop(){document.querySelector("#headers").scrollIntoView(true);//跳转到顶部window.scrollTo(0,0);},// 刷新后也不影响在mounted里加mounted(){console.log(this.$route.path);//...

2020-07-16 15:30:07 1163

原创 vue数据渲染时拿不到值报错

{{dataAll.first.name}}使用{{}}双花括号在html页面进行数据绑定时，从一个对象中获取，超过两个.就报错，如下代码报错提示为获取数据是异步进行，vue先执行绑定的数据，但此时赋值为空，直接拿两层是拿不到数据的。解决办法：在data：里给first一个赋值为空，这样初始化时不会报错data: { dataAll : { first : {}, } },...

2020-06-23 13:24:32 1992 1

原创 vue项目整屏轮播el-carousel默认高度300的坑

<div class="block"> <el-carousel trigger="click"> <el-carousel-item v-for="(item, index) in data" :key="index"> <img :src="item.img" alt=""> </el-car...

2020-04-23 17:43:55 1863 5

原创 vue element 的输入框input限制只可以输入整数不能输入拼音符号小数点

<el-input onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))"></el-input>

2020-04-17 15:13:40 1798 1

原创微信小程序-tab导航栏横向滑动，对应详情长页锚点跳转

tab导航栏可以横向滑动，竖屏滑动到当前模块时对应的tab变色图标更改同时当前tab会跟随处于tab栏中间；点击tab时当前tab变色，锚点跳转到对应页面。参考了别人大神的代码，tab带图标并能选中改变的没找到，自己做了修改。参考的链接：https://www.cnblogs.com/xsffliu/p/11097846.html感谢~wxml部分：1.导航...

2019-11-01 11:28:11 2004

原创解决img下边框留白

遇到过好几次这个问题，但总是解决之后下次就忘了，这次记录下来。。。因为img是行内元素，所以他的vertical-align的默认值是baseline，所以他的对齐方式导致了下白边产生。针对img的这个属性可以有两种解决办法：1.把img变为块级元素img { display：block；}2.更改img的对齐方式img { vertical-align: middle;}...

2019-01-17 16:33:06 1772

原创 echarts实现柱状图/折线图的y轴是value类型但展示category的效果（中文刻度，圆点落在刻度线上）

近期的项目是一个银联报表类的页面，需要大量的使用echarts的几种图表类型。但为了精准的还原UI的设计图效果，许多图表以及配置仅仅官方给出的实例和配置项是无法达到效果的。所以笔者在echarts提供的图表的基础上，完成了如下的效果，欢迎参考~官方实例的折线图效果：圆点散落位置比较自由，并不都在Y轴刻度线上；y刻度轴为value类型时，刻度只能为数字，中文会报错（如果说错了请无视- -）...

2018-12-29 16:35:44 11068

原创 jquery点击来回切换img图片的src

js部分$(function(){ $('.tit-box img').click(function(){ $('.selects').slideToggle(); if($('.tit-box img').attr('src')=='./images/web_dropdown_select.png'){ $('.tit-box img...

2018-12-28 16:13:39 6288

MittyLee的博客