自定义css,简化css代码,提取公共样式

一.建一个文件common,里面添加一个common.css

   .u-f,.u-f-ac,.u-f-ajc{
	display: flex;
}
.u-f-ac{
	align-items: center;
}
.u-f-ajc{
	justify-content: center;
}
.u-f-jsp{
	justify-content: space-between;
}

二.在全局app引入,即为全局样式

三.然后在组件里面,需要这些样式的时候,就不用在style里面写了

 <div class="u-f-ac" ></div>
 直接这样用就行了
发布了53 篇原创文章 · 获赞 76 · 访问量 1705

猜你喜欢

转载自blog.csdn.net/weixin_45389051/article/details/104697488