Vue中使用stylus编写样式代码

2019年3月25日08:31:16 发表评论 阅读(2,368)
本文最后更新于2019年3月24日,已超过一年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

Vue中使用stylus编写样式代码

使用stylus语法编写样式代码,熟练后可以大大提高我们的开发效率,而且里面还有很多特性,比如:冒号可选,分号可选,花括号可选以及变量等等。

安装

npm install stylus --save

npm install stylus-loader --save

使用

在开发中,我们会遇到一些需要复用的属性,比如background等等,这时我们可以创建一个.styl后缀的文件,在styl文件里面这样写:

$bgColor = #00bcd4;

引入该文件,并在使用的地方写:

background:$bgColor

我们还可以在styl文件里写:

ellopsis()

overflow: hidden

white-space: nowrap

text-overflow: ellipsis

在使用的地方,直接写上即可:

ellopsis()

更多技巧有待开发

 

weinxin
微信小程序
互联网开发,终身学习者,欢迎您的关注!
舍得

发表评论

不高兴 彩虹 吃瓜 丢翔 乖 滑稽 花心 惊哭 惊讶 挤眼 酷 伤心 帅吗? 礼物 玫瑰 怒 生气 喷 睡觉 太开心 小九九 啊
太阳 吐舌 委屈 笑眼 星星月亮 心碎 咦 阴险 疑问 真棒 偷笑 斜眼笑 震惊 略 哈欠 无奈哭 抠鼻 哼 期待 懒得理你 爱心 蜡烛