qa-prevention-xgf-app/styles/theme.scss

155 lines
2.4 KiB
SCSS

.ml-10{
margin-left: 20upx !important;
}
.mt-10{
margin-top: 20upx !important;
}
.mb-10{
margin-bottom: 20upx !important;
}
.mr-10{
margin-right: 20upx !important;
}
.m-10{
margin: 20upx !important;
}
.p-10{
padding: 20upx !important;
}
.pl-10{
padding-left: 20upx !important;
}
.pr-10{
padding-right: 20upx !important;
}
.pt-10{
padding-top: 20upx !important;
}
.pb-10{
padding-bottom: 20upx !important;
}
.w100{
width: 100%;
}
.flex1{
flex: 1;
}
.pr{
position: relative;
}
.border{
border: 1px solid #e5e5e5;
}
.content {
position: relative;
min-height: 100vh;
background-color: $uni-bg-color-grey;
}
.card{
padding: 20upx;
background-color: #FFFFFF;
}
.search{
border-bottom: 1px solid #ccc;
display: flex;
flex-direction: row;
.u-text{
width: 100upx !important;
flex: none !important;
}
.u-button {
height: 68upx !important;
}
.u-input__content__field-wrapper__field{
height: 42upx !important;
}
}
.bth-mini{
width: auto !important;
border-radius: 15upx !important;
margin-left: unset;
margin-right: unset;
}
.bth{
flex: 1;
border-radius: 15upx !important;
margin-left: unset;
margin-right: unset;
}
.flex-between{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.flex-end{
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.flex-warp{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.main-title{
color: #333333;
font-size: 30upx;
}
.subtitle{
color: #888888;
font-size: 26upx;
}
.view-title{
border-left: 8upx solid #1d82fe;
.u-text{
padding-left: 10upx;
color: #353535 !important;
}
}
.title{
font-weight: bold;
color: #000000;
font-size: 28upx;
}
.title-none{
.u-cell__body__content,.u-cell__title{
display: none !important;
}
}
.title-show{
.u-cell__body__content,.u-cell__title{
display: flex !important;
}
}
.flex-none{
display: block;
.u-cell__body{
display: block !important;
}
}
.required{
&:before{
content: '*';
position: absolute;
left: 0;
color: #f56c6c;
font-size: 40upx;
font-weight: normal;
}
}
.form-item-block{
.u-form-item__body{
display: block !important;
.u-form-item__body__left{
width: 100% !important;
}
.u-form-item__body__right{
.u-form-item__body__right__content__slot{
justify-content: flex-start;
position: relative;
margin-left: 20upx;
}
}
}
}