nicepainkiller 2019-07-01
<div class="w-full text-red">test</div>
相当于:
<div class="test">test</div> <style> .test { width: 100%; color: #f35958; } </style>
<style> .wrapper { display: flex; } .left, .right { width: 200px; background: #f2f2f2 } .center { flex: 1; background: #188eee } </style> <section class="wrapper"> <div class="left">1</div> <div class="center">1</div> <div class="right">1</div> </section>
<!-- use quickly-css --> <style src="quickly-css/dist/quickly-css.css"></style> <section class="flex j-between"> <div class="w-200"></div> <div class="flex-1"></div> <div class="w-200"></div> </section>
30kb
,项目构建后的quickly-css.min.css大小为42kb
background-color: blue;background-color: yellow;<input type="button" value="变蓝" @click="changeColorT