bonus
/
Zlpt_Portal_h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改首页字体

This commit is contained in:
hongchao 2025-02-25 17:27:13 +08:00
parent 6d29d9a160
commit 0290d65b6b
1 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/pages/index/index.vue
View File

@ -58,20 +58,26 @@
</view>
<view class="order-data">
<TitleTip />
<text class="order-title-label">承租订单</text>
<!-- <text class="order-title-label">承租订单</text> -->
<van-cell-group inset>
<van-grid :column-num="3">
<van-grid-item v-for="(o, i) in orderData" :key="i" @click="onViewMyOrder(o)">
<template v-if="i === 0">
<text class="order-title-label top-left-label">承租订单</text>
</template>
<van-icon :name="o.order_icon" size="30" />
<text class="order-title">{{ o.order_title }}</text>
<text class="order-count">{{ o.order_count }}</text>
</van-grid-item>
</van-grid>
</van-cell-group>
<text class="order-title-label">出租订单</text>
<!-- <text class="order-title-label">出租订单</text> -->
<van-cell-group inset>
<van-grid :column-num="3">
<van-grid-item v-for="(o, i) in orderDataTwo" :key="i" @click="onViewMyOrder(o)">
<template v-if="i === 0">
<text class="order-title-label top-left-label">出租订单</text>
</template>
<van-icon :name="o.order_icon" size="30" />
<text class="order-title">{{ o.order_title }}</text>
<text class="order-count">{{ o.order_count }}</text>
@ -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; /* 根据标题的高度调整 */
}
</style>