tongtong-visual/lib/index.css

通通可视化组件库

@charset 'UTF-8';
/* --------------------------------------------
宽高
---------------------------------------------*/
/* --------------------------------------------
flex布局
---------------------------------------------*/
/* --------------------------------------------
字体
---------------------------------------------*/
/* --------------------------------------------
背景图片
---------------------------------------------*/
/* --------------------------------------------
省略号
---------------------------------------------*/
/* --------------------------------------------
绝对定位
---------------------------------------------*/
/* --------------------------------------------
阴影
---------------------------------------------*/
/* --------------------------------------------
默认图片(设置image标签默认图片)
---------------------------------------------*/
/* --------------------------------------------
低于12px字体(支持chrome 需要自行调整宽高、布局)
---------------------------------------------*/
/* --------------------------------------------
边框
---------------------------------------------*/
/* --------------------------------------------
线性渐变
---------------------------------------------*/
/* --------------------------------------------
居中
---------------------------------------------*/
.park-resource-brief {
  width: 100%;
  height: 1rem;
  font-size: 0.16rem;
  font-weight: normal;
  font-family: inherit;
  display: flex;
  justify-content: space-between;
}
.park-resource-brief .block {
  width: 2.27rem;
  height: 1rem;
  border: 1px solid #2884ff;
  border-radius: 2px;
  text-align: center;
  padding-top: 0.03rem;
}
.park-resource-brief .block .number {
  color: #2de6ff;
  font-size: 0.36rem;
  font-weight: bold;
}
.park-resource-brief .block .number .unit {
  font-size: 0.16rem;
}
.park-resource-brief .block .desc {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.2rem;
}
.park-resource-brief .block .desc .icon {
  display: inline-block;
  width: 0.22rem;
  height: 0.23rem;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 0.08rem;
}