aiot-app/static/common.scss

.flex-space-between{
	display: flex;
	justify-content: space-between;
}
.border-bottom{
	border-bottom: 1px solid #D8D8D8;
}

//OrderList组件
.type-order-2{
	background-color: $uni-color-warning-opacity;
	color: $uni-color-warning;
	border: 1px solid $uni-color-warning;
}
.type-order-31{
	background-color: $uni-color-primary-opacity;
	color: $uni-color-primary;
	border: 1px solid $uni-color-primary;
}
.type-order-99{
	background-color: $uni-color-success-opacity;
	color: $uni-color-success;
	border: 1px solid $uni-color-success;
}
.type-order-0{
	background-color: $uni-color-error-opacity;
	color: $uni-color-error;
	border: 1px solid $uni-color-error;
}

// CellTip组件
.cell-tip-right {
	position: absolute;
	top: 0;
	right: 20rpx;
	bottom: 0;
	display: flex;
	align-items: center;
	color: $uni-text-color-grey;
	.span{
		margin-right: 20rpx;
	}
}
//nav-
.nav-icon-caozuo {
	position: absolute;
	right: 20rpx;
	font-size: 54rpx !important;
	color: $uni-text-color;
}

//OrderDeatil 组件 more
.order-detail-more,.cell-list-more{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 8rpx;
	display: flex;
	align-items: center;
}

.cell-list-more{
	uni-icons{
		position: relative;
		top: 3rpx;
	}
	
}
.font-color{
	color: $uni-text-color;
}
.font-grey{
	color: $uni-text-color-grey;
}

//span-btn
.btn-span{
	margin: auto;
	height: 48rpx;
	padding: 5rpx 10rpx;
	color: #FFFFFF;
	background-color: $uni-color-success;
	border-radius: 14rpx;
}
//nav-right-btn
.btn-right{
	position: absolute;
	right: 20rpx;
	height: 70rpx;
	line-height: 70rpx;
	border-radius: 10rpx;
	padding:0 27rpx;
	font-size: 30rpx;
	color: $uni-color-success;
	background-color: $uni-color-success-opacity;
}

//按钮
.btn {
	padding: 5rpx 20rpx;
	margin-left: 20rpx;
	border-radius: 10rpx;
}

.btn-warning {
	background-color: $uni-color-warning-opacity;
	color: $uni-color-warning;
	border: 1px solid $uni-color-warning;
}

.btn-primary {
	background-color: $uni-color-primary-opacity;
	color: $uni-color-primary;
	border: 1px solid $uni-color-primary;
}

.btn-success{
	background-color: $uni-color-success-opacity;
	color: $uni-color-success;
	border: 1px solid $uni-color-success;
}

//列表状态栏高度
.tab-title__placeholder{
	height: $tab-height;
}

// 页面提交按钮
// 页面提交按钮-内间距
.page-bottom-padding{
	padding-bottom: 160rpx;
}
.footer-btn{
	position: fixed;
	bottom: 0;
	width: 100%;
	display: flex;
	height: 90rpx;
	line-height: 90rpx;
	color: #FFFFFF;
	font-size: $uni-font-size-base;
	background-color: $j-primary-green;
	.btns{
		flex: 1;
		text-align: center;
	}
	.btns-first:after{
		content: '';
		position: absolute;
		right: 50%;
		width: 1px;
		height: 90rpx;
		background-color: #FFFFFF;
	}
}

.btn-submit{
	width: 380rpx;
	height: 90rpx;
	line-height: 90rpx;
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 40rpx;
	text-align: center;
	color: #FFFFFF;
	background-color: $uni-color-success !important;
	border-color:$uni-color-success;
	border-radius: 50rpx;
}

.list-none{
	padding: 20rpx 0;
	text-align: center;
	color: $uni-text-color-grey;
	font-size: $uni-font-size-sm;
}

.uni-navbar__header-btns-right{
	overflow: visible !important;
}

// uni-checkbox 
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
	background-color: $uni-color-success !important;
	border: 1px solid #d1d1d1;
}

uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
	border: 1px solid #d1d1d1;
}

// uni-checkbox .uni-checkbox-input {
// 	border-radius: 50% !important;
// }

uni-checkbox .uni-checkbox-input {
	width: 28rpx !important;
	height: 28rpx !important;
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {
	font-size: 32rpx !important;
	color: #FFFFFF;
}



// uni-radio
uni-radio .uni-radio-input.uni-radio-input-checked{
	 background-color: $uni-color-success !important;
}
uni-radio:not([disabled]) .uni-radio-input:hover {
	border-color: #fff;
}
uni-radio[disabled] .uni-radio-input{
	background-color: #e1e1e1;
}

uni-radio .uni-radio-input {
	width: 28rpx !important;
	height: 28rpx !important;
}

textarea{
	padding: 20rpx;
	max-height: 160rpx;
	color: $uni-text-color;
	font-size: $uni-font-size-base;
	
}
uni-toast{
	z-index: 99998;
}
uni-toast .uni-sample-toast{
	z-index: 99999;
}


.text-primary{
   color: $j-primary-green !important;
}
.text-primary-deep{
	color: $j-primary-border-green !important;
 }
.text-danger{
	color: $uni-color-error !important;
}
.text-warning{
	color: $uni-color-warning !important;
}
.text-normal{
	color: #027DB4 !important;
}
.text-success{
	color: $uni-color-success !important;
}


.tree-cover{
	z-index: 99999 !important;
}

.tree-dialog{
	z-index: 99999 !important;

	.uni-flex-item{
		flex: 1;
		display: flex !important;
		.item-name{
			display: flex;
			align-items: center;
		}
	}
}

.u-form-item.form-required .u-form-item__body__left__content__label::before{
	content: "*";
	color: $uni-color-error;
}


.w100{
	width: 100% !important;
}







/* 布局-横向 */
/* c:center，s:start，e:end，a:around，b:between，w:wrap */
.rx {
    display: flex;
  }
  
  .rx-c {
    display: flex;
    align-items: center;
  }
  
  .rx-cc {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
  
  .rx-sc {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  
  .rx-ss {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  
  .rx-warp {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  
  .rx-se {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-end;
  }
  
  .rx-dir-start {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .rx-ec {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
  }
  
  .rx-es {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: flex-start;
  }
  
  .rx-ee {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: flex-end;
  }
  
  .rx-ac {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
  }
  
  .rx-bc {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
  
  .rx-bs {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .rx-be {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  
  .rx-vc {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: center;
  }
  
  .rx-cs {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
  }
  
  .rx-wsc {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
  }
  
  .rx-wss {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
  }
  
  .rx-wbs {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-start;
  }
  
  /* 布局-纵向 */
  
  .cx {
    display: flex;
    flex-flow: column nowrap;
  }
  
  .cx-cc {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  
  .cx-ce {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-end;
  }
  
  .cx-sc {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  
  .cx-cs {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
  }
  
  .cx-rc {
    display: flex;
    flex-flow: column-reverse nowrap;
    justify-content: center;
    align-items: center;
  }