![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
戴向天
我不是一个优秀的人,但我是一个肯努力的人。
展开
-
scss / less 转换成css 包含有scope设置 - 戴向天
大家好!我叫戴向天。QQ群:602504799可设置样式scoped作用域scss/less转换的时候暂不支持 变量 以及 函数处理/** * author: 戴向天 * time: 2022-03-03 * QQ: 809002582 * desc: * 可设置样式scoped作用域 * scss to css / less to css * scss/less转换的时候暂不支持 变量 以及 函数处理 *//** * scss to css /原创 2022-03-03 22:36:36 · 456 阅读 · 0 评论 -
Vue使用sass的配置 - 戴向天
大家好!我叫戴向天QQ群:602504799如若有不理解的,可加QQ群进行咨询了解sass-loader依赖于node-sass,所以要安装node-sassnpm install node-sass --save-dev //安装node-sassnpm install sass-loader --save-dev //安装依赖包sass-loadernpm install style-loader --save-dev //安装style-loa原创 2020-08-23 13:59:44 · 1083 阅读 · 0 评论 -
前端 利用Vue实现数据可视化 - 戴向天
大家好!我叫戴向天QQ群:602504799如若有不理解的,可加QQ群进行咨询了解先进行展示效果吧<!-- 数据可视化--><template> <div class> <div class="flex-wrap m-t-10 flex" v-for="(item,key) in this.getDataInfo" :key="key"> <span class="flex-s-0 p-l-20 p-r-10 h原创 2020-07-03 11:20:35 · 1847 阅读 · 2 评论 -
js 批量修改CSS样式表(px,rem互转) elementUI适配rem - 戴向天
大家好!我叫戴向天QQ群:602504799QQ:809002582我封装这个函数的初心的,公司的项目都是属于PC端,要求不管PC端的屏幕有多大都要完整的展示。在开发的时候一切都很好,但是在使用elementUI的时候,发现使用的组件不只如何进行相对应的调整,根据屏幕的大小而进行自适应。因为elemetUI使用的都是“px”单位所以我就自己做了一个方法将“px”和"rem"之间互转的方法。...原创 2019-10-14 15:24:16 · 3089 阅读 · 1 评论 -
前端 (css兼容) 开发常用的css样式集 - flex布局 - position等 -戴向天
大家好!我叫戴向天QQ群:602504799QQ:809002582如若有不理解的,可加QQ群进行咨询了解/* css 样式优先级是可以通过顺序来进行使用的。越是写在后面的样式就会越优先被浏览器进行调用 当然也是是用 !important 来告诉浏览器该样式的优先级最高 示例: 下面这个div就可以实现全屏了 <div ...原创 2019-06-20 07:33:51 · 11213 阅读 · 0 评论 -
移动前端开发rem CSS和JS的动态适配 - 戴向天
大家好!我叫戴向天QQ群:602504799QQ:809002582CSS 如下@charset "UTF-8";html{font-size: 100px;}@media screen and (min-width:320px){html{font-size:42.667px;}}@media screen and (min-width:360px){html{font-size:...原创 2019-09-21 15:02:52 · 428 阅读 · 0 评论