微信小程序 全局css,微信小程序 WXSS app.wxss 全局样式设置

/**appwxss**/

/* 全局变量 */

page {

/* 颜色类 */

--color-blue: #9000AE;

--color-white: white;

--color-dark: #1c2438;

--color-subtitle: #59656E;

--color-gary: #eeeeee;

}

/* 全局颜色 */

.color-blue {

color: var(--color-blue);

}

.color-white {

color: var(--color-white);

}

.color-gary {

color: var(--color-gary);

}

.color-subtitle {

color: var(--color-subtitle);

}

/* 全局背景色 */

.bg-blue {

background-color: var(--color-blue);

}

.bg-white {

background-color: var(--color-white);

}

.bg-gary {

color: var(--color-gary);

}

.bg-subtitle {

color: var(--color-subtitle);

}

/* 重置文本颜色 */

view, text, textarea {

color: var(--color-dark);

font-size: 28rpx;

}

.width100 {

width: 100%;

}

.height100 {

height: 100%;

}

/* 文字方向 */

.text-c {

text-align: center;

}

.text-l {

text-align: left;

}

.text-r {

text-align: right;

}

/* 弄一个btn */

.btn-blue {

background-color: var(--color-blue);

border-radius: 8px