uni-app封装自己常用的css样式-----自定义css的样式 (便于开发)-----原理简单

我们在开发uni-app的时候,有的时候我们的css代码是常常需要用到的,比如说,比如说居中的问题

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

但是我们有时候就会多写很多重复的代码.所以呢,我们最好能够封装一个统一的css样式
,一些常常用的到css样式,其实无论是小程序还是uni-app,都有一个文件

这个文件一般都是有的,我们需要在这app.vue里面引入一个我们自定义好的css的样式,这样我们在写代码的时候就可以实现在我们的页面直接使用
在app.vue里面写入

 @import "src/utils/style/common";

然后我们在页面的里面我们就能够使用我们的自定义命指定

这些都是我之前自定义的指定,然后我们在写页面的时候,直接在css中class类里面直接就会有提示信息,当我们的使用工具有我们之间定义的css的样式,这样我们就成功了!