css
V_AYA_V
且就洞庭赊月色,将船买酒白云边
展开
-
css修改滚动条样式及隐藏滚动条实现
清除滚动条,修改滚动条样式实现原创 2022-01-05 10:09:43 · 473 阅读 · 0 评论 -
移动端页面点击块元素显示高亮背景问题解决办法
修改-webkit-text-size-adjust及 -webkit-tap-highlight-color属性body,html{ -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}原创 2021-11-10 10:48:20 · 570 阅读 · 0 评论 -
巧用less循环加变量实现燃烧的蜡烛动画
本文参照网上的燃烧蜡烛实例,在vue-cli中使用less循环及变量实现,想学习less循环及变量使用的小伙伴可以参考一下完整代码如下<template> <div class="test-container"> <div class="g-candle"> <div class="g-body"></div> <div class="g-fire-box"> <d.原创 2021-08-10 14:58:52 · 411 阅读 · 0 评论 -
vue2.x全局使用less变量
1、执行 vue add style-resources-loader 命令,选择less2、安装好后vue.config.js会自动添加pluginOptions,配置引入地址即可//vue.config.js pluginOptions: { 'style-resources-loader': { preProcessor: 'less', patterns: [ path.resolve(__dirname, 'src/styles/v.原创 2021-07-29 16:45:31 · 540 阅读 · 0 评论 -
element-ui抽屉组件打开自动聚焦问题
在是用element-ui组件中遇到了几个非常奇怪的问题。经过一番捣鼓终于解决了,在这里总结一下,希望正在踩坑的朋友们能看到。打开el-drawer组件,点击右侧会聚焦整个弹框,并显示很丑的聚焦框,具体效果见下图解决办法:// less样式修改/deep/ .el-drawer__container:focus { outline: none; }/deep/ .el-drawer:focus { outline: none; }组件设置了withHeader为fals.原创 2021-03-16 17:39:11 · 2356 阅读 · 2 评论 -
CSS使用flex换行之后行距变大问题
在css中父元素高度确定,使用flex,设置了换行属性之后,元素自动换行。换行之后每行的间距变大,自动撑满了父元素,见下图:预想中的效果:实际效果:使用flex属性之后,子元素并没有按照预想的排列方式在页面显示,样式代码如下(less).list{ height: 200px; width: 465px; border: 1px solid #ccc; display: flex; flex-wrap: wrap; box-sizing: .原创 2021-02-01 15:39:59 · 7157 阅读 · 2 评论