shuju_ui/qsshujujugrid/static/scss/common1.scss

/*
@author hxq
@version 1.0


公共样式

**/

.text-white{
  color: #fff;

}
.align-center{
  text-align: center;
}
.bg-img{
  background-size:cover ;
  background-repeat: no-repeat;

  background-position: center;

}
.title-size{
  font-size: $uni-font-size-lg;
}
.w-100{
  width: 100%;
}
.min-h-l00{
  min-height: calc(100vh - var(--window-top));
  box-sizing: border-box;

}
.bgc-gray{
  background-color: $uni-bg-color-grey;
}
.bgc-white{
  background-color: #fff;
}
.bgc-base{
  background-color: $base-color;
}
.color-base{
  color: $base-color;
}
.color-white{
  color: #fff;
}
.color-price{
  color: #FF3A2F ;
}
.color-gray{
  color: #797979 ;
}
.color-important{
  color: $uni-color-important!important;
}
.btn-default{
  background: $base-color;
  font-size: 34upx;
  text-align: center;
  height: 90upx;
  line-height: 90upx;
  margin: 0 auto;
  color: #fff;

}
.btn-default.small{

  font-size: 26upx;

  height: 58upx;
  line-height: 58upx;



}
.btn-default.ghost{
  color: $base-color;
  font-size: 34upx;
  text-align: center;

  border-radius: 8upx;
  margin: 0 auto;
  border: 1px solid $base-color;
  background-color: #fff;

}
.btn-disabled{
  background: #D9D9D9;

  color: #A09E9F;

}
.ghost.disabled{

  border: 1px solid $uni-text-color-grey;
  color: $uni-text-color-grey;
}

.align-center{
  text-align: center;
}
.align-left{
  text-align: left;
}
.align-right{
  text-align: right;
}
.m20{
  margin: 20upx;
}
.p20{
  padding: 20upx;
}
.block{
  display: block!important;
}
.inline-block{
  display: inline-block;
}
.border-box{
  box-sizing: border-box;
}
.ellipsis{
  overflow: hidden;/*超出部分隐藏*/
  text-overflow:ellipsis;/* 超出部分显示省略号 */
  white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.break-all{
  word-break:break-all;
}
.mz-overflow-line-2,
.mz-overflow-line-4,
.mz-overflow-line-3 {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* 2行省略 */

.mz-overflow-line-2 {
  -webkit-line-clamp: 2;
}

/* 3行省略 */

.mz-overflow-line-3 {
  -webkit-line-clamp: 3;
}

/* 4行省略 */

.mz-overflow-line-4 {
  -webkit-line-clamp: 4;
}

//.goods-img-default {
//  background: url("/static/img/own/good_default.png") no-repeat;
//  background-size: 100% 100%;
//}
/*点击会有阴影*/
.hoverStyle {
  filter: brightness(1) contrast(90%);
}
.font-size24{
  font-size: 24upx !important;
}
.font-size26{
  font-size: 26upx !important;
}
.font-size28{
  font-size: 28upx !important;
}
.font-size32{
  font-size: 32upx !important;
}
.font-size34{
  font-size: 34upx !important;
}
.border-radius-5{
  border-radius: 5upx;
}
.border-radius-10{
  border-radius: 10upx;
}
.border-radius-50{
  border-radius: 50%;
}
.border-gray{
  border: 1px solid $uni-border-color;
}
.border-gray-left{
  border-left: 1px solid $uni-border-color;
}
.border-gray-right{
  border-right: 1px solid $uni-border-color;
}
.border-gray-top{
  border-top: 1px solid $uni-border-color;
}
.border-gray-bottom{
  border-bottom: 1px solid $uni-border-color;
}
.m20{
  margin: 20upx;
}
.p20{
  padding: 20upx;
}