yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

【页面优化】优化商城订单详情的轨迹背景

pull/506/head
卢越 2024-08-21 17:41:31 +08:00
parent 93e928f945
commit e04ba1ddc2
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/mall/trade/order/detail/index.vue
View File

@ -397,13 +397,14 @@ onMounted(async () => {
align-items: center; align-items: center;
min-height: 30px; min-height: 30px;
padding: 10px; padding: 10px;
background-color: #f7f8fa; border-radius: var(--el-card-border-radius);
background-color: var(--app-content-bg-color);
&::before { &::before {
position: absolute; position: absolute;
top: 10px; top: 10px;
left: 13px; /* 将伪元素水平居中 */ left: 13px; /* 将伪元素水平居中 */
border-color: transparent #f7f8fa transparent transparent; /* 尖角颜色，左侧朝向 */ border-color: transparent var(--app-content-bg-color) transparent transparent; /* 尖角颜色，左侧朝向 */
border-style: solid; border-style: solid;
border-width: 8px; /* 调整尖角大小 */ border-width: 8px; /* 调整尖角大小 */
content: ''; /* 必须设置 content 属性 */ content: ''; /* 必须设置 content 属性 */