new-zx-front-app/sheep/scss/index.scss

@import './tools';
@import './ui';

/* 字体文件 */
@font-face {
  font-family: OPPOSANS;
  src: url('~@/sheep/scss/font/OPPOSANS-M-subfont.ttf');
}
.font-OPPOSANS {
  font-family: OPPOSANS;
}
page {
  -webkit-overflow-scrolling: touch; // 解决ios滑动不流畅
  height: 100%;
  width: 100%;
  // font-family: OPPOSANS;
  word-break: break-all; //英文文本不换行
  white-space: normal;
  background-color: $bg-page;
  color: $dark-3;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

.points-red,
.points-green {
  position: relative;
  width: 40rpx;
  height: 40rpx;
  margin-right: 4rpx;
  &::before {
    content: '积';
    color: #fff; 
    font-size: 24rpx;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #FF4D4F;  // 红色背景
  }
}

.points-green {
  &::before {
    background-color: #52C41A;  // 绿色背景
    content: '积';
  }
}