perf: the form collection component optimized on the mobile(#2467)

Author: wangdan-fit2cloud

ui/src/components/dynamics-form/items/radio/RadioCard.vue

@@ -5,8 +5,9 @@
         <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
           <el-card
             :key="item.value"
-            class="item"
+            class="item break-all"
             shadow="never"
+            style="--el-card-padding: 12px 16px"
             :class="[
               inputDisabled ? 'is-disabled' : '',
               modelValue == item[valueField] ? 'active' : ''
@@ -93,8 +94,8 @@ const option_list = computed(() => {
     color: var(--el-color-primary);
   }
   .item {
+    line-height: 22px;
     cursor: pointer;
-    height: 38px;
     display: flex;
     justify-content: center;
     align-items: center;

ui/src/styles/element-plus.scss

@@ -419,6 +419,6 @@
   color: var(--el-checkbox-text-color);
 }
 
-.el-popper {
+.el-table .el-popper {
   max-width: 500px !important;
 }