zeroz - 博客园

[置顶] layui 日历选中日期，自动填充

摘要： //年月选择器 laydate.render({ elem: '#test' , type: 'month' , change: function(value, date, endDate){ $("#test").val(value); if($(".layui-laydate").length) 阅读全文

posted @ 2019-06-03 11:29 zeroz 阅读(1710) 评论(0) 推荐(0) 编辑

2023年8月15日

swiper触摸之后不会自动轮播了解决办法

摘要： var mySwiper = new Swiper('.actJp', { loop: true, autoplay: { delay: 800, disableOnInteraction: false， //加这句 }, slidesPerView: 4.2, spaceBetween: 10, 阅读全文

posted @ 2023-08-15 16:26 zeroz 阅读(282) 评论(0) 推荐(1) 编辑

2023年8月14日

给id拼接变量，给nth-child()拼接变量

摘要： <div class="daic"> <p class="reward"></p> <p class="reward"></p> <p class="reward"></p> <p class="reward"></p> <p class="reward"></p></div> <p class=" 阅读全文

posted @ 2023-08-14 12:27 zeroz 阅读(39) 评论(0) 推荐(0) 编辑

2023年8月1日

swiper 设置 autoHeight: true, 第一个swiper下拉后，切换到第二个swiper后，滚动条不置顶，解决办法

摘要：给swiper添加事件 on: { slideChangeTransitionEnd: function (swiper,index) { document.documentElement.scrollTop = 0; // For modern browsers document.body.scr 阅读全文

posted @ 2023-08-01 15:18 zeroz 阅读(107) 评论(0) 推荐(0) 编辑

swiper 嵌套 swiper，内部的swiper在PC端无法滑动的解决办法

摘要：给swiper添加参数 nested: true ，即可解决该问题 var mySwiper1 = new Swiper('.swiper', { loop: false, watchSlidesVisibility: true, slidesPerView: 'auto', freeMode : 阅读全文

posted @ 2023-08-01 15:15 zeroz 阅读(423) 评论(0) 推荐(0) 编辑

2023年7月4日

swiper 缩略图(thumbs)，设置slidesPerView: 5,缩略图高亮不跟随

摘要：根据swiper官网提供的写法， thumbs（缩略图） <script language="javascript"> var thumbsSwiper = new Swiper('#thumbs',{ spaceBetween: 10, slidesPerView: 4, watchSlidesV 阅读全文

posted @ 2023-07-04 11:09 zeroz 阅读(784) 评论(0) 推荐(0) 编辑

2022年7月11日

解决IOS点击时会有半透明灰色背景色块

摘要：给元素加此样式即可解决 .el-select { -webkit-tap-highlight-color: transparent !important; } 阅读全文

posted @ 2022-07-11 11:40 zeroz 阅读(142) 评论(0) 推荐(0) 编辑

2022年2月9日

git 设置忽略文件

摘要：【方式一】在仓库目录下新建一个名为.gitignore的文件有三种创建该文件的方式: 1.在windows当中创建这个.gitignore文件的时候可能会无法创建出来，因为windows的文件管理器强制要求有.后缀的文件应该有个文件名。这点不用担心，直接在文本编辑器或者IDE里保存这个文件就可以阅读全文

posted @ 2022-02-09 15:28 zeroz 阅读(1116) 评论(0) 推荐(0) 编辑

2021年12月24日

解决z-index 在 ios中层级定位无效方法

摘要：首先在html中， <div class="box"> <div class="div1">我是最底层</div> <div class="div2">我是倒数第二层</div> <div class="div3">我是倒数最上层</div></div>如上边代码顺序，如果谁的定位在最上边，html 阅读全文

posted @ 2021-12-24 09:20 zeroz 阅读(980) 评论(0) 推荐(0) 编辑

2018年6月14日

nth-child（n）与 nth-of-type（n）　区别

摘要：举例： li p:nth-child(2) { ........ } 是指 li p:nth-of-type(1) { ..... } 是指如果li 中都是同一类型的标签，nth-child（n）则是指第n个子元素如果li 中不是同一类型的标签，nth-child（n）则是指 [父元素]的第n个阅读全文

posted @ 2018-06-14 15:51 zeroz 阅读(244) 评论(0) 推荐(0) 编辑