refactor: 重构关于页面,整体更紧致,关键信息更突出

This commit is contained in:
xiaoxian521
2024-01-14 11:00:35 +08:00
parent 8b51731b58
commit 3873699370
9 changed files with 156 additions and 61 deletions

View File

@@ -1,67 +1,99 @@
export function useColumns() {
const { pkg, lastBuildTime } = __APP_INFO__;
const { version } = pkg;
const { version, engines } = pkg;
const columns = [
{
label: "版本",
label: "当前版本",
cellRenderer: () => {
return <el-tag size="small">{version}</el-tag>;
return (
<el-tag size="large" class="!text-base">
{version}
</el-tag>
);
}
},
{
label: "最后编译时间",
cellRenderer: () => {
return <el-tag size="small">{lastBuildTime}</el-tag>;
}
},
{
label: "文档地址",
cellRenderer: () => {
return (
<a
href="https://yiming_chang.gitee.io/pure-admin-doc"
target="_blank"
>
<span style="color: var(--el-color-primary)"></span>
</a>
<el-tag size="large" class="!text-base">
{lastBuildTime}
</el-tag>
);
}
},
{
label: "预览地址",
label: "推荐 node 版本",
cellRenderer: () => {
return (
<a
href="https://yiming_chang.gitee.io/vue-pure-admin"
target="_blank"
>
<span style="color: var(--el-color-primary)"></span>
</a>
<el-tag size="large" class="!text-base">
{engines.node}
</el-tag>
);
}
},
{
label: "Github",
label: "推荐 pnpm 版本",
cellRenderer: () => {
return (
<el-tag size="large" class="!text-base">
{engines.pnpm}
</el-tag>
);
}
},
{
label: "完整版代码地址",
className: "pure-version",
cellRenderer: () => {
return (
<a
href="https://github.com/pure-admin/vue-pure-admin"
target="_blank"
>
<span style="color: var(--el-color-primary)">Github</span>
<span style="color: var(--el-color-primary)"></span>
</a>
);
}
},
{
label: "精简版",
label: "精简版代码地址",
className: "pure-version",
cellRenderer: () => {
return (
<a
href="https://github.com/pure-admin/pure-admin-thin"
target="_blank"
>
<span style="color: var(--el-color-primary)"></span>
<span style="color: var(--el-color-primary)"></span>
</a>
);
}
},
{
label: "文档地址",
className: "pure-version",
cellRenderer: () => {
return (
<a
href="https://yiming_chang.gitee.io/pure-admin-doc"
target="_blank"
>
<span style="color: var(--el-color-primary)"></span>
</a>
);
}
},
{
label: "预览地址",
className: "pure-version",
cellRenderer: () => {
return (
<a
href="https://yiming_chang.gitee.io/vue-pure-admin"
target="_blank"
>
<span style="color: var(--el-color-primary)"></span>
</a>
);
}