![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 51
李墨瞳
白茶清欢无别事,我在等风也等你。
展开
-
2020-10-22 css画八边形等
使用属性cli-path。直接上代码:需要li变成八边形,类似这种:HTML:<ul> <li v-for="(item,index) in designWords" :key="index" :class="{active2:index == nowIndex1}" @click="tabsChange1(index)"> {{item}} </li>原创 2020-10-22 15:48:48 · 1059 阅读 · 0 评论 -
前端开发如何获取视频第一帧作为封面
首先说明一下,浏览器或者手机需要支持video标签。从H5本身来说,这里用到了video的一个属性,poster(规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。).然后还有一个video的事件,loadeddata(当当前帧的数据已加载,但没有足够的数据来播放指定音频/视频的下一帧时,会发生 loadeddata 事件。)。所以要提醒一下,如果不是用框架来监听的,就自己...原创 2020-04-26 12:46:30 · 8535 阅读 · 5 评论 -
vue中tab+scroll实现上拉加载更多下拉刷新
前言:多数的Scroller插件不是很容支持多个tab栏,或者是支持,但是数据又容易错乱。用过better-scroll,vue-scroller2个插件,不可否认,如果不是有tab栏的话,这其中任何一个插件都完全能够驾驭,性能也很优秀。但是如今tab栏加下拉刷新,上拉加载更多这种需求太多了。当我尝试了将近2天,各种调试更改样式,都没办法达到预期的效果。最终只能忍痛放弃这2个插件。实现...原创 2019-07-30 18:10:35 · 1517 阅读 · 0 评论 -
art-template 4.0时间戳转时间
今天用模板渲染的时候,所有直接展示的都没问题,但是后台传时间戳需要我这边进行相关处理。看了网上很多处理方法,只能说用新的版本的art,他们的helper方法已经过时!坑了我好几次。然后我也用了他们的过滤器,发现每次过滤器都报错说没有函数!一整天都在坑里,晚上有大神帮忙分析,终于爬出坑。现在记录一下;以下,是我的模板;用的是原生语法, <script id="tpl-jjunpaid" ty...原创 2018-04-18 23:28:01 · 1575 阅读 · 0 评论 -
5种盒子垂直居中的方式
1.通过flex来实现:<head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 800px; height: 800px; border: 1px solid #000; display: flex; /*...原创 2018-04-11 10:41:24 · 4952 阅读 · 0 评论 -
require引用layer的时候,无法引入layer.css
提供一种很不优雅的解决办法,强制性用link引入css文件。等我想出具体怎么在JS中引用的时候再来更新吧。原创 2018-02-27 10:24:06 · 3455 阅读 · 0 评论 -
js一键控制checkBox正反选以及随着变化取消全选状态
一:先上一段html代码:<div class="wrap"> <table> <!--全选反选按钮所在行--> <thead> <tr> <th> <input type="checkbox" id="selectAll"/> </th> <th>菜名</th> <th>饭店</th> </tr>原创 2018-01-31 22:55:54 · 695 阅读 · 0 评论 -
js输入关键词生成标签代码
转载自:http://www.lanrenzhijia.com/tab/4701.htmljs输入关键词生成标签代码 添加 var tagcon = $("tagcon"); var addBox = $("addBox"); var addBtn = addBox.children[1]; var intx转载 2018-01-11 14:28:55 · 1207 阅读 · 0 评论 -
手机版base.css
@charset "utf-8";/* 这个css是初始化的css,在任何手机项目里面都可以使用 *//* 禁用iPhone中Safari的字号自动调整 */html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/* 解决IOS默认滑动很卡的情况 *//* -webkit-over原创 2017-12-12 21:29:13 · 1123 阅读 · 0 评论 -
手机版common.css
/* 背景精灵图的公共类 */.jd-sprite:before {content: '';background: url(../images/icons/xxx.png) 0 0 no-repeat;-webkit-background-size: 200px;background-size: 200px;}/* 水平垂直居中公共类 */.center-xy:be原创 2017-12-12 21:27:06 · 1661 阅读 · 0 评论 -
手机版base.less.自用~~
@charset "utf-8";/* 禁用iPhone中Safari的字号自动调整 */html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/* 解决IOS默认滑动很卡的情况 */-webkit-overflow-scrolling: touch;}/* 禁止缩放表单 */input[原创 2017-12-12 21:23:27 · 477 阅读 · 0 评论 -
normalize.css用这个来设置默认样式,不要用reset.css
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css *//* Document========================================================================== *//*** 1. Correct the line hei原创 2017-12-12 21:21:48 · 873 阅读 · 0 评论