fix: 修复表格在 ios 异常显示的问题

src/components/YlTable/Index.vue

@@ -156,12 +156,9 @@ const RenderSlot = {
       >
         <template #default="scope">
           <slot name="column-default" :scope="scope">
-            <div
+            <div v-if="!item.render" @click.stop="handleImageClick">
-              v-if="!item.render"
+              <span>{{ scope.row[item.prop] }}</span>
-              class="table-view-html"
+            </div>
-              @click.stop="handleImageClick"
-              v-html="scope.row[item.prop]"
-            ></div>
 
             <RenderSlot
               v-else
@@ -200,9 +197,16 @@ const RenderSlot = {
   border-radius: 8px 8px 0 0;
 }
 
-:deep(.cell),
+.table-view-html {
-:deep(.table-view-html) {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
   font-size: 12px;
 }
+
+.table-col {
+  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  // font-size: 12px;
+}
 </style>