wetrade-design/lib/empty/style/index.css

一款多语言支持Vue3的UI框架

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** gray-sp */
/** blue-sp */
/** green-sp */
/** red-sp */
/** orange-sp */
/** 品牌橙 */
/** 日落黄 */
/** 柠檬黄 */
/** 新生绿 */
/** 绿色 */
/** 碧涛青 */
/** 海蔚蓝 */
/** 品牌蓝色 */
/** 宝石蓝 */
/** 星空紫 */
/** 罗兰紫 */
/** 青春紫 */
/** 品红 */
/** 红色 */
/** 灰色 */
/** 保留ant色板 */
/** 绿色 */
/** 品牌蓝 */
.wd-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.wd-empty-image {
  margin-bottom: 16px;
  line-height: normal;
  font-size: 0;
}
.wd-empty-image img {
  height: 100%;
}
.wd-empty-image svg:not(.wd-empty-img-simple) {
  width: 100px;
  height: 70px;
  margin: auto;
}
.wd-empty-image svg.wd-empty-img-message {
  width: 105px;
  height: 105px;
}
.wd-empty-image svg.wd-empty-img-account {
  width: 106px;
  height: 72px;
}
.wd-empty-image svg.wd-empty-img-found {
  width: 400px;
  height: 200px;
}
.wd-empty-image svg.wd-empty-img-search {
  width: 138px;
  height: 92px;
}
.wd-empty-description {
  color: #656B80;
}
.wd-empty-footer {
  margin-top: 16px;
}
.wd-empty-normal {
  margin: 32px 0;
  font-size: 14px;
  line-height: 22px;
  color: #656B80;
}
.wd-empty-small {
  margin: 8px 0;
  font-size: 12px;
  line-height: 18px;
  color: #656B80;
}
.wd-empty-small .wd-empty-image {
  height: 35px;
}
.wd-empty-small svg {
  width: 70px;
  height: 48px;
}
.wd-empty-small .wd-empty-description {
  font-size: 12px;
  color: #818799;
  line-height: 18px;
}
.wd-empty-module .wd-empty-image svg {
  width: 70px;
  height: 49px;
}
.wd-empty-module .wd-empty-description {
  font-size: 12px;
  color: #818799;
  line-height: 18px;
}
.wd-empty-text .wd-empty-description {
  font-size: 12px;
  color: #818799;
  line-height: 18px;
}
.wd-empty-refresh-btn {
  cursor: pointer;
  color: #0F3CB7;
}
.wd-empty-refresh-btn:hover {
  color: #2469F2;
}
.wd-empty-refresh-btn:active {
  color: #4A84F7;
}
.wd-empty-img-default-ellipse {
  fill: #f5f5f5;
  fill-opacity: 0.8;
}
.wd-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.wd-empty-img-default-path-2 {
  fill: url('#linearGradient-1');
}
.wd-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.wd-empty-img-default-path-4 {
  fill: #dce0e6;
}
.wd-empty-img-default-path-5 {
  fill: #dce0e6;
}
.wd-empty-img-default-g {
  fill: #fff;
}
.wd-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.wd-empty-img-simple-g {
  stroke: #d9d9d9;
}
.wd-empty-img-simple-path {
  fill: #fafafa;
}
.wd-empty-rtl {
  direction: rtl;
}