jy-safe-app/style/css/editTemplate.css
2025-10-14 15:17:30 +08:00

230 lines
3.7 KiB
CSS

.page-wrap {
padding: 16px 16px 72px;
}
.card {
margin-bottom: 18px;
}
.sub-form {
margin-bottom: 16px;
}
.upload-title {
color: #303133;
font-size: 15px;
line-height: 22px;
padding: 8px 0;
}
.page-wrap>>>.u-upload__button {
margin-bottom: 0;
}
/* 子表 require 不显示 必填样式
.sub-form-wrap>>>.u-form-item__body__left__content__required{
margin: 0 0 0 10px;
}
.sub-form-wrap>>>.u-form-item__body__left__content__label{
margin: 0 0 0 10px;
} */
.subRequired {
margin-left: 10px;
}
.row-action {
display: flex;
}
.row-action text {
margin-left: 10px;
}
.sub-form-btns {
padding: 8px 2px;
}
.sub-form-btn {
display: flex;
align-items: center;
}
.sub-form-btn .icon {
margin-right: 4px;
}
.btnEnable {
background: #E6E6E6;
color: #303133;
}
.label-title {
color: #303133;
font-size: 15px;
line-height: 22px;
padding-top: 8px;
}
.label-title-red {
color: #303133;
font-size: 15px;
line-height: 22px;
padding-top: 8px;
color: red;
}
.bottom-button {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 16px;
box-sizing: border-box;
background: #fff;
z-index: 970;
}
.btnSubDel {
background-color: darkorange;
height: 100% !important;
width: 60% !important;
}
.btnSubDel[disabled] {
background-color: darkorange !important;
height: 100% !important;
width: 60% !important;
}
/*定制折叠面板*/
.custom-collapse-title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 6px 2px;
font-size: 16px;
font-weight: bold;
}
.custom-collapse-title .down {
width: 20px;
flex: 0 0 auto;
text-align: center;
margin-right: 8px;
}
.custom-collapse-title .text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
flex: 1;
width: calc(100% - 60px);
}
.custom-collapse-title .action {
width: 40px;
flex: 0 0 auto;
justify-content: flex-end;
}
.custom-collapse-title .action .icon {
justify-content: flex-end;
}
/*定制表单右边*/
.custom-form-item>>>.item__body__right__content__icon {
width: 100%;
}
.custom-form-item-right {
padding-left: 15px;
display: flex;
}
.custom-form-item-right .item {
/*white-space: nowrap;*/
/*overflow: hidden;*/
justify-content: flex-end !important;
}
.custom-form-item-right .multi {
width: 100%;
flex: 1;
}
.custom-form-item-right .icon {
width: 16px;
margin-left: 10px;
}
.collapse-title {
display: flex;
flex-direction: row;
/* justify-content: space-between; */
/* align-items: center; */
width: 100%;
}
.text-num {
display: flex;
align-items: flex-start;
margin-right: 3px;
}
/*人员多选结果列表*/
.tag-view {
position: relative;
padding-bottom: 4px;
flex-wrap: wrap;
display: flex;
}
.tag-view:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
-webkit-transform: scaleY(0.5);
left: 0;
transform: scaleY(0.5);
border-bottom: 1px solid rgb(214, 215, 217);
}
.tag-view .tag {
margin-right: 12px;
margin-bottom: 10px;
}
/* .required {
left: -9px;
color: red;
line-height: 20px;
font-size: 20px;
top: 3px;
} */
/*
<u-sticky offset-top="20">
<view class="sub-form">
<view class="sub-form-wrap">
<u--form labelPosition="left" labelWidth="auto" labelAlign="center" errorType="border-bottom"
ref="sForm">
<u-collapse :border="false" accordion :value='1'>
<uni-card style="margin-bottom: 16px;" margin="0" spacing="0" :is-shadow="false"
v-for="(item, index) in model.Nav_ListRiskSubmitContent" :name="index">
<u-collapse-item :title="index + 1 + '. ' + item.CHECKCONTENT" name="1">
<u-form-item>
</u-form-item>
</u-collapse-item>
</uni-card>
</u-collapse>
</u--form>
</view>
</view>
</u-sticky> */