public/ruoyi-plus-vben5
1
0
Fork 0
mirror of https://gitee.com/dapppp/ruoyi-plus-vben5.git synced 2026-04-09 16:03:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(leave-description): 调整请假详情布局样式与间距

Browse Source 
移除外部容器的边框和内边距，为描述列表添加边框并调整标签宽度
将描述列表尺寸改为 small 以优化视觉层次
This commit is contained in:
dap
2026-01-29 19:00:55 +08:00
parent 25994bd3bb
commit 585a543c8f
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web-antd/src/views/workflow/leave/leave-description.vue
View File

@@ -74,14 +74,20 @@ useTimeout(300, {
</script> </script>
<template> <template>
<div class="min-h-[150px] rounded-[6px] border p-2"> <div class="min-h-[150px] rounded-[6px]">
<motion.div <motion.div
v-if="data" v-if="data"
:initial="{ opacity: 0 }" :initial="{ opacity: 0 }"
:animate="{ opacity: 1 }" :animate="{ opacity: 1 }"
:transition="{ duration: 0.3 }" :transition="{ duration: 0.3 }"
> >
<Descriptions :column="1" :items="items" size="middle" /> <Descriptions
:classes="{ label: 'w-[150px]' }"
:column="1"
:items="items"
size="small"
bordered
/>
</motion.div> </motion.div>
<Skeleton v-else-if="showSkeleton && !data" active /> <Skeleton v-else-if="showSkeleton && !data" active />