diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index f895584..2bb6e64 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -58,20 +58,26 @@ - 承租订单 + + {{ o.order_title }} {{ o.order_count }} - 出租订单 + + {{ o.order_title }} {{ o.order_count }} @@ -474,13 +480,26 @@ onShow(async () => { } .order-title-label { font-size: 12px; - font-weight: bold; - color: #333; - margin: 10px 0; + // font-weight: bold; + color: $el-color-primary; + margin: 0px 0; display: inline-block; /* 使元素仅包裹内容 */ - border: 1px solid #81d4fa; /* 添加边框,颜色可根据需求调整 */ - background-color: #e1f5fe; /* 设置浅蓝色背景色 */ - padding: 5px; /* 添加内边距,让内容与边框有间距 */ + // border: 1px solid #81d4fa; /* 添加边框,颜色可根据需求调整 */ + // background-color: #e1f5fe; /* 设置浅蓝色背景色 */ + padding: 0px; /* 添加内边距,让内容与边框有间距 */ border-radius: 4px; /* 给边框添加圆角 */ } +.top-left-label { + position: absolute; + top: -10px; + left: 0; + margin: 0; + z-index: 1; /* 确保标题显示在其他元素之上 */ +} + +/* 调整 van-grid-item 的位置,避免内容被标题覆盖 */ +:deep(.van-grid-item) { + position: relative; + padding-top: 20px; /* 根据标题的高度调整 */ +}