css类型所代表的的样式
<p>首先App.vue文件中全局引用</p>
<pre><code><style>
/* #ifndef APP-PLUS-NVUE */
/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
@import './common/uni.css';
/* #endif*/
</style></code></pre>
<pre><code>.uni-padding-wrap{
width:690upx;
padding:0 30upx;
}
.uni-common-mt{
margin-top:30upx;
}
.uni-title {
font-size:30upx;
font-weight:500;
padding:20upx 0;
line-height:1.5;
}</code></pre>
<pre><code>关于flex
.uni-flex {
display: flex;
flex-direction: row;
}
.uni-row {
flex-direction: row;
}
//一行显示不全，wrap折行
flex-wrap: wrap;-webkit-flex-wrap:wrap;</code></pre>
<pre><code>背景色
.uni-bg-red{
background:#F76260; color:#FFF;
}
.uni-bg-green{
background:#09BB07; color:#FFF;
}
.uni-bg-blue{
background:#007AFF; color:#FFF;
}</code></pre>
<pre><code>.uni-link{
color:#576B95;
font-size:26upx;
}
.uni-center{
text-align:center;
}
.uni-header-logo {
padding: 30upx;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 10upx;
}</code></pre>