uniProject/common/styles/global/components.scss

/******************** 这里存放通用组件样式 ********************/

/********** uni-app基础组件 **********/
/*** lli-button--primary ***/
// lli-primary
.lli-btn {
    background-color: $uni-primary;
	color:#ffffff;
}
// lli-primary-hover
.button-hover.lli-btn{
  background-color: $lli-btn-hover;
  color: hsla(0,0%,100%,.6);
}
// lli-primary-disabled
.lli-btn[disabled]:not([type]){
	background-color: $lli-btn-disabled;
	color: hsla(0,0%,100%,.6);
}
// lli-primary-loading
.lli-btn[loading]{
	background-color: $uni-primary;
	color: hsla(0,0%,100%,.6);
}

/*** lli-button--plain ***/
//lli-primary-plain
.lli-btn[plain]{
  border-color: $uni-primary;
  color: $uni-primary;
}
// lli-primary-plain
.button-hover.lli-btn[plain]{
  border-color: $lli-btn-disabled;
  color: $lli-btn-disabled;
}
// lli-primary-disabled
.lli-btn[plain][disabled]:not([type]){
	background-color: #f7f7f7;
	color: rgba(0, 0, 0, 0.3);
}
.lli-btn[plain][loading]{
	background-color: transparent;
	border-color: $lli-btn-disabled;
	color: $lli-btn-disabled;
}
	
	
/***** 项目中组件 *****/
// view
view{box-sizing: border-box;}

// 对齐方式
.lli-tl{text-align: left;}
.lli-tc{text-align: center;}
.lli-tr{text-align: right;}

/***** view *****/
view{box-sizing: border-box;}

/***** 超出省略 *****/
// 文本超出省略号显示 (一行)
@mixin single-line-ellipsis() {text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;word-break: break-all;}
// 文本超出省略号显示 (多行)
@mixin multi-line-ellipsis($rows: 3){-webkit-line-clamp:$rows;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;white-space: normal !important;-webkit-box-orient: vertical;}

/***** 页面背景图 *****/
//  no-repeat  cover
@mixin ezy-no-repeat-cover($position: center) {
  background-position: $position;background-size: cover;background-repeat: no-repeat;
}
//  no-repeat  contain
@mixin ezy-no-repeat-contain($position: center) {
  background-position: $position;background-size: contain;background-repeat: no-repeat;
}

/*****音频播放器 author: TX  date:2024-06-24*****/
.MtaBusAudioPlayerBox{
  position: relative;
  .st-aplayer{
    //position: relative;
  }
  .audio-mask {
    width: 30px;
    height: 30px;
    background: transparent;
    z-index: 99;
    position: absolute;
    top: 10px;
    right: 20px;
  }
}

/***** 默认头像  *****/
.phone-default-userImg{
	width: 120rpx;height: 120rpx;margin: 0 auto;
	background-image: url("@/static/images/my/user-default-img.png");@include ezy-no-repeat-cover();}

/*****分类组件 author: TX  date:2024-06-24*****/
.lli-status-box{
  display: flex;justify-content: space-around;background: #fff;
  border-bottom:1px solid #f2f1f2;padding: 15px 10px;
  .status-item{text-align: center;color: #333333;position: relative;}
  .status-item.click:before{content: '';position: absolute;height: 2px;width: 80%;bottom: -15px;font-size: 14px;
	background-color: $uni-primary;
    left: 10%;border-radius: 2px;}
}

/*****开发中，敬请期待 author: TX  date:2024-06-25*****/
.lli-develop-expect-page{
	    height: 100vh;display: flex;align-items: center;justify-content: center;font-size: 36rpx;color: #666;
}