var path = require('path') // node路径模块var utils = require('./utils') // 对vue-loader对于css预编译一些提取的工具模块,因为对于个人开发而言,在里面提供了,sass,less,stylus,possCss等一些列预编译 ...
分类:
Web程序 时间:
2018-11-25 20:15:16
阅读次数:
435
1. 首先确保 node + npm 环境一切正常。 2. 全局安装 stylus: 在命令行中: npm i stylus@latest -g 3. 此时可以创建 .styl 文件, 并进行编辑。 4. 使用命令 将 .styl 文件 编译为 .css 文件: stylus -c path/to/ ...
分类:
其他好文 时间:
2018-11-21 10:57:32
阅读次数:
155
1px的边框实现思路: 给准备加1px的元素相对定位 给该元素加一个伪元素,给伪元素一个绝对定位 然后把元素的宽高按照dpr相对应的倍数等比例缩放。(css3中的transfrom:scale()) 下边用stylus实现移动端的1像素边框: ...
分类:
移动开发 时间:
2018-11-15 22:36:22
阅读次数:
275
vue 使用Jade模板写html,stylus写css 日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式,所以使用了jade写html,stylus写css,省了很多的步骤和提高了效率。 安装包 配置文件 jade使用前后对比 使用Jade注意事项 需要简单了解jad ...
分类:
Web程序 时间:
2018-11-07 14:13:37
阅读次数:
266
本文来自: "百度FEX" 1 前言 CSS作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使CSS代码风格保持一致,容易被理解和被维护。 虽然本文档是针对CSS设计的,但是在使用各种CSS的预编译器(如less、sass、stylus等)时,适用的部分也应尽量遵循本文档的约定。 2 ...
分类:
Web程序 时间:
2018-11-06 11:23:32
阅读次数:
194
首先 我是借用了yo框架的border和他的媒体查询组合 这两个分别是在yo>lib>core>classes>_border.scss(用来获取yo框架封装的border) yo>lib>core>variables.scss(用来获取媒体查询的规则) 然后根据stylus语法修改拿到的borde ...
分类:
移动开发 时间:
2018-11-03 02:18:09
阅读次数:
212
border($border-width = 1px, $border-color = #ccc, $border-style = solid, $radius = 0) // 为边框位置提供定位参考 position: relative; if $border-width == null $bor ...
分类:
其他好文 时间:
2018-11-02 23:29:35
阅读次数:
172