标签： sass

wxss其实基本就是css, 而已习惯用sass写样式的我们，再一行一行，原始地敲css，是件很奇特的事。就像明知道可以发微信，但还要在邮局发电报一样…故要写小程序，环境必不可少的是将sass转为wxss。 思路 先生成正常的css, 再将css转为wxss格式 将px转为rpx 实现 可用gulp rename工具来将css直接重命名为wxss var rename = require(‘gulp-rename’) …pipe(rename(function (path) { path.extname = “.wxss”; })) 可用gulp-px2rpx实现px单位自动转…

移动端网页如果直接用最小的1px设定边框线，会显得很粗很难看。是否可以像app里边的那样设定更细的线呢？答案是肯定的，如下为sass的一个mixin, 供参考： @mixin smlBorder($borderColor:$baseBorderColor,$style:solid){ position:relative; &:after, &:before{ content: ”; display: block; color: $borderColor; position: absolute; top: 0; left: 0; z-index: 2; -webkit-tran…