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;}

/*****音频播放器 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;
  }
}


/*****分类组件 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;
}