yylib-quick-mobile/source/yylib/item/YYItemText.less

yylib-quick-mobile

@import "../../form.less";
.yy-itemtext {
  &.no-bottom-line {
		&.am-list-item {
			border: none;
		}
    .am-list-line {
      border-bottom:none!important;
    }
  }
  .am-list-brief{
    white-space:normal!important;
		font-size: 16px!important;
		color: #6D6D6D;
		margin-top: 8px!important;
  }
	&.am-list-item {
		min-height: auto;
		.am-list-line .am-list-content {
	    padding-top: 5px;
      padding-bottom: 5px;
      line-height: 1.5;
		}
	}
	&.no-inline{
		&.am-list-item .am-list-line .am-list-content {
			padding-top:16px;
			padding-bottom: 16px;
			line-height: 1.5;
		}
	}
}
.yy-itemselect-label {
    padding:10px 0 12px 15px;
    font-size:16px;
    color: #414655;
    position: relative;
}
.yy-itemselect-label::after {
    content: '';
    position: absolute;
    background-color: #d7dce6;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
}
.yy-label-required:after{
  .required;
}
.yy-itemselect {
	&.am-list-item .am-list-line .am-list-content {
			padding-top:16px;
			padding-bottom: 16px;
			line-height: 1.5;
	}
  &.yy-itemselect-inline.am-list-item .am-list-line .am-list-content {
     padding-top: 7px;
     padding-bottom: 7px;
     line-height: 1.5;
  }
  &.no-bottom-line {
		&.am-list-item {
			border: none;
		}
    .am-list-line {
      border-bottom:none!important;
    }
  }
  .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ADB2BB;
    border-radius: 3px;
    width: 98px;
    height: 32px;
    color: #ADB2BB;
  }
  .select-item {
    background:#ffcf24;
    color:white;
    border:1px solid #ffcf24;
  }
  .item:not(:last-child){
    margin-right:16px;
  }
  .selects {
    display:flex;
    align-items: start;
    justify-content: start;
    &.inline {
      display:inline-block;
      margin-left: 30px;
      .item {
        width: 68px;
        height: 32px;
      }

    }
  }
}
.yy-item-select-disabled {
  .selects {
    display:block;
  }
}
/**adaptation screen*/
@media screen and (min-resolution: 2dppx) {
  .yy-itemtext {
     &.no-bottom-line {
       .am-list-line::after {
         background-color: transparent!important;
       }
     }
  }
  .yy-itemselect {
     &.no-bottom-line {
			 &.am-list-item {
				 border: none;
			 }
       .am-list-line::after {
         background-color: transparent!important;
       }
     }
  }
  .yy-item-image {
     &.no-bottom-line {
			 &.am-list-item {
				 border: none;
			 }
       .am-list-line::after {
         background-color: transparent!important;
       }
     }
  }
}
.yy-item-image {
  &.no-bottom-line {
		&.am-list-item {
				 border: none;
		}
    .am-list-line {
      border-bottom:none!important;
    }
  }
	.imgs-title {
		margin-bottom: 16px;
	}
  .imgs {
  }
  .item {
    width:88px;
    height:88px;
  }
  .item:not(:last-child){
    margin-right:16px;
  }
	&.am-list-item .am-list-line .am-list-content {
			padding-top:16px;
			padding-bottom: 16px;
			line-height: 1.5;
	}
}
.item-image-popup-mask {
  position: fixed;
  background: black;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 1;
  .am-carousel {
    height:100%!important;
  }
  .slider-frame {
    height:100%!important;
  }
}
.yy-itemtext.am-list-item .am-input-control-left {
  text-align: left;
}
.yy-itemtext.am-list-item .am-input-control-center {
  text-align: center;
}
.yy-itemtext.am-list-item .am-input-control-right {
  text-align: right;
}
.yy-itemtext.am-list-item .am-input-control{
  overflow: hidden;
  padding-left:3px;
  font-size:16px;
  text-overflow: ellipsis;
}
.yy-itemtext.am-list-item .am-list-line {
  padding-right:5px;
}
.yy-itemtext.am-list-item .am-list-line.am-list-line-content{
  padding-right:10px;
  border-bottom:none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line.am-list-line-content::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0PX;
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scaleY(0.5);
        -ms-transform: scaleY(0.5);
            transform: scaleY(0.5);
  }
}