![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
乐悠刘LL
无
展开
-
用鼠标滚轮控制水平坐标轴的移动
监听mousewheel事件若deltaY为100,则该元素的scrollLeft加上100<div class="main-content" @mousewheel="handleWheelEvent"></div> handleWheelEvent(e) { this.$refs.tableList.bodyWrapper.scrollLeft += e.deltaY; },...原创 2020-09-23 10:05:10 · 490 阅读 · 0 评论 -
vuecli3 配置全局less文件
第一种配置方式npm install style-resources-loader vue-cli-plugin-style-resources-loader less-loader less -S// vue.config.js文件中的配置const path = require('path');module.exports = {pluginOptions: { 'style-resources-loader': { preProcessor: 'less', .原创 2020-08-25 17:30:52 · 874 阅读 · 0 评论 -
flex 属性常用值及Flex Basis与Width的区别
flex: 0 autoflex: 0 auto 等同于 flex: initial ,也是 flex: 0 1 auto 的简写表达。它根据元素自身的width 或 height 属性来调节元素大小。当还剩余一些空闲空间时,它使 flex 元素呈现的是固定大小的样式;当没有足够的空间时,它允许它收缩到最小。 auto 边距可用于根据主轴来对齐元素。flex: autoflex: auto 等同于 flex: 1 1 auto ,它根据元素的 width 或 height 属性调整元素的大小.原创 2020-08-21 17:24:12 · 707 阅读 · 0 评论 -
flex布局中,子元素height设置为100%失效
Flex布局中,子元素不能height填充满在父元素(flex-container)设置height:100%; 而子元素设置height:100%的时候失效于是,如上图去除子元素的100%属性。<div class="main-container"> <div class="left"> LEFT </div> <div class="right"> <div class="child sc原创 2020-08-20 10:20:03 · 12547 阅读 · 1 评论 -
margin padding是以什么为参照物
什么是异步异步,是相对于同步而言的。我们在使用Vue时,使用到的组件大多为同步组件。在vue实例第一次执行渲染的过程中,已经生成了组件构造器。而异步组件则是在用到该组件时,异步通过请求去拉取对应组件的js(这里需要和webpack的import相结合)。当对应的js加载完成后,获取到异步组件的配置项,从而创建组件构造器。再通过forceRender,强制依赖它的vm实例重新触发渲染函数。当用户进入时,如果把所有的组件都进行加载,会导致用户体验下降,等待时间过长。所以就需要使用异步组件。如何使用异步组件原创 2020-08-13 17:08:08 · 310 阅读 · 0 评论