qa-regulatory-gwj-app/styles/theme.scss

155 lines
2.4 KiB
SCSS
Raw Normal View History

2023-11-07 10:08:37 +08:00
.ml-10{
2024-08-27 15:07:23 +08:00
margin-left: 20rpx !important;
2023-11-07 10:08:37 +08:00
}
.mt-10{
2024-08-27 15:07:23 +08:00
margin-top: 20rpx !important;
2023-11-07 10:08:37 +08:00
}
.mb-10{
2024-08-27 15:07:23 +08:00
margin-bottom: 20rpx !important;
2023-11-07 10:08:37 +08:00
}
.mr-10{
2024-08-27 15:07:23 +08:00
margin-right: 20rpx !important;
2023-11-07 10:08:37 +08:00
}
.m-10{
2024-08-27 15:07:23 +08:00
margin: 20rpx !important;
2023-11-07 10:08:37 +08:00
}
.p-10{
2024-08-27 15:07:23 +08:00
padding: 20rpx !important;
2023-11-07 10:08:37 +08:00
}
.pl-10{
2024-08-27 15:07:23 +08:00
padding-left: 20rpx !important;
2023-11-07 10:08:37 +08:00
}
.pr-10{
2024-08-27 15:07:23 +08:00
padding-right: 20rpx !important;
2023-11-07 10:08:37 +08:00
}
.pt-10{
2024-08-27 15:07:23 +08:00
padding-top: 20rpx !important;
2023-11-07 10:08:37 +08:00
}
.pb-10{
2024-08-27 15:07:23 +08:00
padding-bottom: 20rpx !important;
2023-11-07 10:08:37 +08:00
}
.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{
2024-08-27 15:07:23 +08:00
padding: 20rpx;
2023-11-07 10:08:37 +08:00
background-color: #FFFFFF;
}
.search{
border-bottom: 1px solid #ccc;
display: flex;
flex-direction: row;
.u-text{
2024-08-27 15:07:23 +08:00
width: 100rpx !important;
2023-11-07 10:08:37 +08:00
flex: none !important;
}
.u-button {
2024-08-27 15:07:23 +08:00
height: 68rpx !important;
2023-11-07 10:08:37 +08:00
}
.u-input__content__field-wrapper__field{
2024-08-27 15:07:23 +08:00
height: 42rpx !important;
2023-11-07 10:08:37 +08:00
}
}
.bth-mini{
width: auto !important;
2024-08-27 15:07:23 +08:00
border-radius: 15rpx !important;
2023-11-07 10:08:37 +08:00
margin-left: unset;
margin-right: unset;
}
.bth{
flex: 1;
2024-08-27 15:07:23 +08:00
border-radius: 15rpx !important;
2023-11-07 10:08:37 +08:00
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;
2024-08-27 15:07:23 +08:00
font-size: 30rpx;
2023-11-07 10:08:37 +08:00
}
.subtitle{
color: #888888;
2024-08-27 15:07:23 +08:00
font-size: 26rpx;
2023-11-07 10:08:37 +08:00
}
.view-title{
2024-08-27 15:07:23 +08:00
border-left: 8rpx solid #1d82fe;
2023-11-07 10:08:37 +08:00
.u-text{
2024-08-27 15:07:23 +08:00
padding-left: 10rpx;
2023-11-07 10:08:37 +08:00
color: #353535 !important;
}
}
.title{
font-weight: bold;
color: #000000;
2024-08-27 15:07:23 +08:00
font-size: 28rpx;
2023-11-07 10:08:37 +08:00
}
.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;
2024-08-27 15:07:23 +08:00
font-size: 40rpx;
2023-11-07 10:08:37 +08:00
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;
2024-08-27 15:07:23 +08:00
margin-left: 20rpx;
2023-11-07 10:08:37 +08:00
}
}
}
}