Ver código fonte

单选组样式

CzRger 10 meses atrás
pai
commit
c97be9c669

+ 19 - 1
snowy-admin-web/src/views/yqyc/zero/enterprise-qualification/detail.vue

@@ -17,7 +17,7 @@
     <a-form ref="formRef" :model="formData" :rules="formRules">
       <a-row :gutter="16">
         <a-col :span="24">
-          <a-form-item label="资质类型:" name="zzType">
+          <a-form-item label="资质类型:" name="zzType" class="radio-6">
             <a-radio-group v-model:value="formData.zzType" :disabled="isView" placeholder="请选择资质类型"
                            :options="zzTypeOptions"/>
           </a-form-item>
@@ -308,4 +308,22 @@ defineExpose({
 </script>
 
 <style lang="less" scoped>
+:deep(.radio-6) {
+	margin-bottom: 0;
+	.ant-form-row {
+		display: flex;
+		flex-direction: column;
+		.ant-form-item-label {
+			text-align: left;
+		}
+		.ant-form-item-control {
+			flex: 1;
+			.ant-radio-group {
+				display: grid;
+				grid-template-columns: repeat(6, 1fr);
+				row-gap: 8px;
+			}
+		}
+	}
+}
 </style>