recycle-mobile/src/styles/index.scss

@import "./config.scss";
@import "./common.scss";

// 定义通用样式
page {
  background-color: #f4f2f2;
}

view {
  color: $main-font;
}

.container {
  overflow: hidden;
}

.mt10 {margin-top: 10rpx;}
.mt20 {margin-top: 20rpx;}
.mt30 {margin-top: 30rpx;}
.mt40 {margin-top: 40rpx;}

.flex {
    display: flex;
}
.t-border::before {
    content: '';
    margin: 0px;
    border-bottom: 1px solid rgb(214, 215, 217);
    width: 100%;
    transform: scaleY(0.5);
    border-top-color: rgb(214, 215, 217);
    border-right-color: rgb(214, 215, 217);
    border-left-color: rgb(214, 215, 217);
}
.b-border::after {
    content: '';
    margin: 0px;
    border-bottom: 1px solid rgb(214, 215, 217);
    width: 100%;
    transform: scaleY(0.5);
    border-top-color: rgb(214, 215, 217);
    border-right-color: rgb(214, 215, 217);
    border-left-color: rgb(214, 215, 217);
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}