样式
吾读蜈工
前端Web工程师, 00后,目前就职于中国某曾经世界五百强苦逼企业。工作经验10年。
展开
-
CSS position最容易的理解
原文参考:https://www.cnblogs.com/wlqh/p/6170135.html代码<html> <div id="example"> <div id="div-before"&a转载 2018-10-30 15:44:23 · 174 阅读 · 0 评论 -
css样式 id指向
<el-button id="btn" type="medium" plain @click="confirm()" class="text">确 定</el-button>#btn { // 直接修改id为btn的DOM样式}原创 2019-05-22 16:55:00 · 222 阅读 · 0 评论 -
font-family
如何优雅的选择字体(font-family) - 前端学习 - SegmentFault 思否 https://segmentfault.com/a/1190000006110417转载 2019-05-17 22:47:03 · 2607 阅读 · 0 评论 -
ios网页input框无法输入
参考原文:ios上input无法输入值的解决办法 https://blog.csdn.net/zhanglijiang_2017/article/details/81083164页面上的input输入框设置-webkit-user-select:text !important;并且给input的父类加上此样式。最终解决方案是在input的父类加上-webkit-user-select:t...转载 2019-06-18 10:39:22 · 622 阅读 · 0 评论 -
css选择器
CSS 选择器参考手册 http://www.w3school.com.cn/cssref/css_selectors.asp转载 2019-06-18 10:46:06 · 87 阅读 · 0 评论 -
sass scass安装
cnpm install node-sass sass-loader --save-dev这句话的意思是安装 node-sass 和 sass-loader,前者是sass转化为css后者是让webpack能将sass转化为css原创 2019-07-12 23:26:02 · 680 阅读 · 0 评论 -
reset.css
现在的浏览器五花八门,光ie就有好多版本,还有火狐,Chrome等等。每个浏览器的默认样式也是不同的。所以就要考虑一个兼容问题。比如你用ie打开网站正常,但是用火狐或其他浏览器打开的时候,网站就变形了。这些都属于兼容问题。为了避免这种问题,我们需要把一些常用的html标签重置(CSS Reset),将它们统一定义,就可以产生相同的显示效果...转载 2019-07-12 23:26:41 · 141 阅读 · 0 评论 -
移动端设置viewport
在main.js加入<meta name="viewport" content="width=device-width, initial-scale=1.0">响应式 Web 设计 – Viewport | 菜鸟教程 https://www.runoob.com/css/css-rwd-viewport.html什么是 Viewport?viewport 是用户网页的可视区...原创 2019-07-12 23:39:14 · 210 阅读 · 0 评论 -
评分的实现过程
几种样式 1 - 0.5 - 0一个总循环样式数组// 定义成几种常量const CALSS_ON = 'on'const CALSS_HALF = 'half'const CALSS_ON = 'off'<span v-for="(sc, index) in starClasses" :class="sc" :key="index"></span>s...转载 2019-07-24 22:07:36 · 263 阅读 · 0 评论 -
echart选中变色series
series : [ //配置样式 itemStyle: { //通常情况下: normal:{ //当前选中的柱子使用亮色,其余的使用基本颜色 color: function (param){ ...转载 2019-05-22 16:49:55 · 1010 阅读 · 0 评论 -
css画线 横线竖线
<div class=' ' ></div>横线:.link-top { position: absolute; width: 100%; // 长度 border-top: solid #eeeeee 1px; // 宽度 颜色 类型 }竖线:.link-mid { position: absol...原创 2019-05-22 16:44:09 · 338 阅读 · 0 评论 -
Vue移动端UI组件库
1. Mint-UI官方文档2.Vant-UI官方文档3.Vux-UI (很全面)官方文档4.Cube-UI (滴滴)官方文档原创 2019-04-24 22:42:31 · 5866 阅读 · 0 评论 -
手淘适配屏幕的方案 lib-flexible
手淘适配介绍:http://web.jobbole.com/84285/如何使用lib-flexible:https://blog.csdn.net/pwc1996/article/details/75738725GitHub:https://github.com/amfe/lib-flexible转载 2018-11-29 21:20:40 · 222 阅读 · 0 评论 -
淘宝适配方案flexible
参考资料:http://web.jobbole.com/84285/转载 2018-11-11 20:01:38 · 859 阅读 · 0 评论 -
styled-components解决全局样式'injectGlobal' 废除的问题
在以前的styled-components中设置全局样式只需要 引入injectGlobal 即可,然而今天我用injectGlobal的时候,总是提示不存在,找了半天找到原因。The injectGlobal API was removed and replaced by createGlobalStyle in styled-components v4.用官方的话来讲,就是这个API 从现在...转载 2018-12-27 18:48:44 · 512 阅读 · 0 评论 -
移动端点击、滑动和长按事件
Bubble.vue这是一个移动端的点击、滑动和长按事件Demo/* * @Author: Rain * @Date: 2019-01-03 20:48:10 * @Last Modified by: Rain * @Last Modified time: 2019-01-03 20:52:03 * * 这是一个点击、长按和滑动的移动端事件。 */<templ...转载 2019-01-03 20:56:38 · 4283 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号(…)
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。接下来重点...转载 2018-12-29 19:30:18 · 95 阅读 · 0 评论 -
mint-ui 时间选择插件
// main.js引入import MintUI from 'mint-ui';Vue.use(MintUI)// DatetimePicker<template> <div> <span @click="openPicker()">点击</span> <DatetimePicker ref="pic...原创 2019-01-15 19:11:19 · 938 阅读 · 0 评论 -
css px em rem
css中常用单位px、em、rem和%的区别及用法总结https://baijiahao.baidu.com/s?id=1617881592978226635&wfr=spider&for=pc转载 2019-04-15 19:31:00 · 124 阅读 · 0 评论 -
css使用字体@font-face 自定义字体
CSS3 @font-face 规则 | 菜鸟教程 http://www.runoob.com/cssref/css3-pr-font-face-rule.html转载 2019-04-09 11:46:07 · 156 阅读 · 0 评论