kalinux的博客

新手引导固定定位

本文将从以下两个方面去讲解：1，移动端为什么会有适配的问题2，怎么解决的。

clip-path的文本无法溢出，因为clip-path在裁剪outer这个容器的时候，顺便把文字内容也裁剪了

在使用antd的Radio.Group，Radio.Button的时候，被选中按钮的外圈有个浅蓝色的框框，想要去除：这个时候打开控制台元素，选中该按钮，发现该元素的classname = ant-radio-button-wrapper-checked，去到antd.css文件，搜索该class，找到一个样式的颜色是浅蓝色：将其覆盖为：.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-but.

1，antd.css文件中的class名称都以antd为前缀，理论上不会影响我们的代码，那么我们打开antd.css文件看一下，为什么样式变化了：可以看到，antd.css文件中虽然大部分样式是以antd为前缀的，但是它会设置一些标签的默认样式，比如它给p标签设置margin-bottom是1em，但是我们平时项目中p元素默认margin=0，所以此时引入antd.css文件就会引起样式错乱2，怎么办呢这里是有两个情况的，一个是如果你项目中用到antd较少的组件，比如只用了Table组件，那么可以.

flex布局1.行内块状都可设为flex2.设为flex布局后，子元素float，clear，vertical-align失效3.设置在容器的属性：flex-direction: 项目水平还是垂直排列flex-wrap：水平（换行方式）justify-content: 水平（左右居中贴边环绕？）align-items： 垂直（上下居中拉扯？）align-content：垂直(上下居中贴边环绕？）多行flex-flow:flex-direction和flex-wrap简写，用处不大.

1，本次是在vue-cli项目中使用zTree2，因为zTree是一个jquery的树插件，所以首先需要安装jquery依赖，npm install jquery3，然后在官网下载zTree的zip包，放置在vue-cli的puglins目录下4，然后在vue-cli项目中需要使用ztree的文件比如tree.vue中引入jquery以及ztree：import$from'jquery'window.jQuery=$;require('../../plugins/zTree/j...

在vue中，使用类似element-ui, material-ui，antd等等开源ui框架，如果想要覆盖他们的样式1，首先：<style scoped></style>需要去掉scoped，因为这个scoped表示该style中的样式仅限于本vue文件中使用，不污染全局的css，这样的话开源框架中的需要被覆盖的样式就无法被污染（覆盖）了。2，其次：需要在被覆盖的样式后面添加!important ;...

本文解决这样常见的基础问题：目标是把这四个div以及其中的图片移动到一条水平线上：只需要把四个div的样式设置为：{height：60px; line-height: 60px; }，这表示四个div的行高都一样了；然后把四个img的样式设置为：{vertical-align: middle ; } 这个表示四个img的基线设置在同一个水平线上了；...

ztree设置选中状态的颜色使用的是：.ztreelia.curSelectedNode{ }如果你设置背景.ztreelia.curSelectedNode{ background-color: white }会发现不是白色，而是有点脏的灰白色，那是因为源码中设置的是.ztreelia.curSelectedNode{ opacity: 0.8 }所以只要修改.ztreelia.curSelectedNode{ background-color: white; ...

1，说法一：在main.js中引入js资源表示全局引入，意思所有的vue文件都可以使用；在某个vue文件中引入资源表示局部引入，只有这个vue文件自己可以使用此资源；2，说法二：import 了之后 和一个变量是一样的。之前的引入 script 标签之后 所有的地方都可以用，是因为引入的时候，script 把入口文件挂在 浏览器的 window 对象下了。一般现在的库都会判断下 引入的条件 是 amd 还是 common-js 还是 browser 还是 node。3，import 以后你有没有V