自定义公共样式

基于 uni-app单位的公共样式。自用。

/**************** 自定义内容 **********************/ 
.hide {
  display: none !important;
}

.scroll-view_H{
  white-space: nowrap;
  width: 100%;
}
/**************** /自定义内容 **********************/ 


/**************** 颜色/背景色 **********************/ 
/* 由于var的兼容性限制，这个非常有意思的CSS技巧还不太适合在大型对外项目中使用 */
body {
  --blue: #58A5FF;
  --red: #E4393E;
  --black: #2C2C2C;
  --green: #3DABC4;
  --yellow: #FFE500;
  --white: #fff;
  --pink: #ffb6c1;
  --grey: #8D8D8D;
  --borderColor: #EAEAEA;
}

/* 蓝色字体 */
.blue {
  color: var(--blue);
}
/* 红色字体 */
.red {
  color: var(--red)
}
/* 黑色字体 */
.black {
  color: var(--black);
}
/* 绿色字体 */
.green {
  color: var(--green);
}
/* 黄色字体 */
.yellow {
  color: var(--yellow);
}
/* 白色字体 */
.white {
  color: var(--white);
}
/* 粉色字体 */
.pink {
  color: var(--pink)
}
/* 灰色字体 */
.grey {
  color: var(--grey)
}
/* 蓝色背景 */
.blue-bg {
  background-color: var(--blue);
}
/* 红色背景 */
.red-bg {
  background-color: var(--red);
}
/* 绿色背景 */
.green-bg {
  background-color: var(--green);
}
/* 黄色背景 */
.yellow-bg {
  background-color: var(--yellow);
}
/* 白色背景 */
.white-bg {
  background-color: var(--white);
}
/* 黑色背景 */
.black-bg {
  background-color: var(--black);
}
/* 粉色背景 */
.pink-bg {
  background-color: var(--pink);
}
/* 灰色背景 */
.grey-bg {
  background-color: var(--grey);
}

/**************** flex