style(knowledge): 修改知识库详情页面的预览图标样式

- 将 SVG 图标替换为自定义样式
- 调整图标大小、颜色和布局
- 优化预览状态的显示逻辑

src/views/knowledge/detail/index.vue

@@ -646,17 +646,28 @@ export default {
                 class: 'flex align-items-c'
               },
               [
-                h('svg-icon', {
+                h(
+                  'span',
+                  {
                     props: {
-                    iconClass: params.row.useMineru === 1 ? 'miner' : 'none'
+                      // iconClass: params.row.useMineru === 1 ? 'miner' : 'none'
                     },
                     class: 'mr5',
                     style: {
                       // display: params.row.useMineru === 1 ? '' : 'none',
-                    width: '15px',
+                      width: '19px',
-                    fontSize: '15px'
+                      height: '19px',
+                      fontSize: '13px',
+                      borderRadius: '6px',
+                      textAlign: 'center',
+                      lineHeight: '19px',
+                      color: '#fff',
+                      background:
+                        params.row.useMineru === 1 ? '#4f47f5' : 'unset'
                     }
-                }),
+                  },
+                  params.row.useMineru === 1 ? '预' : ''
+                ),
                 h('span', {}, text)
               ]
             )