mirror of
https://gitee.com/dapppp/ruoyi-plus-vben5.git
synced 2026-03-11 08:41:09 +08:00
feat(monitor): 在浏览器列中同时显示图标和文本
重构浏览器图标渲染逻辑,使用 Iconify 图标集替代自定义 SVG 组件 - 修改 login-info-modal.vue 和 data.tsx 中的浏览器列显示,同时展示图标和浏览器名称 - 新增 online 监控页面的数据配置,包含浏览器和系统列 - 重写 render.tsx 中的 renderBrowserIcon 函数,支持 Iconify 在线/离线图标 - 清理 icons 包中已不再使用的浏览器相关离线图标定义
This commit is contained in:
@@ -58,7 +58,12 @@ export const columns: VxeGridProps['columns'] = [
|
||||
field: 'browser',
|
||||
slots: {
|
||||
default: ({ row }) => {
|
||||
return renderBrowserIcon(row.browser, true) as VNode;
|
||||
return (
|
||||
<div class="flex items-center justify-center gap-[6px]">
|
||||
{renderBrowserIcon(row.browser, 'shrink-0')}
|
||||
{row.browser}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
@@ -67,7 +67,12 @@ const items = computed<DescriptionsProps['items']>(() => {
|
||||
},
|
||||
{
|
||||
label: '浏览器',
|
||||
content: renderBrowserIcon(data.browser),
|
||||
content: (
|
||||
<div class="flex items-center justify-center gap-[6px]">
|
||||
{renderBrowserIcon(data.browser, 'shrink-0')}
|
||||
{data.browser}
|
||||
</div>
|
||||
),
|
||||
},
|
||||
];
|
||||
});
|
||||
|
||||
@@ -46,7 +46,12 @@ export const columns: VxeGridProps['columns'] = [
|
||||
field: 'browser',
|
||||
slots: {
|
||||
default: ({ row }) => {
|
||||
return renderBrowserIcon(row.browser, true) as VNode;
|
||||
return (
|
||||
<div class="flex items-center justify-center gap-[6px]">
|
||||
{renderBrowserIcon(row.browser, 'shrink-0')}
|
||||
{row.browser}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
},
|
||||
Reference in New Issue
Block a user