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>
<view class="order-data"> <view class="order-data">
<TitleTip /> <TitleTip />
<text class="order-title-label">承租订单</text> <!-- <text class="order-title-label">承租订单</text> -->
<van-cell-group inset> <van-cell-group inset>
<van-grid :column-num="3"> <van-grid :column-num="3">
<van-grid-item v-for="(o, i) in orderData" :key="i" @click="onViewMyOrder(o)"> <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" /> <van-icon :name="o.order_icon" size="30" />
<text class="order-title">{{ o.order_title }}</text> <text class="order-title">{{ o.order_title }}</text>
<text class="order-count">{{ o.order_count }}</text> <text class="order-count">{{ o.order_count }}</text>
</van-grid-item> </van-grid-item>
</van-grid> </van-grid>
</van-cell-group> </van-cell-group>
<text class="order-title-label">出租订单</text> <!-- <text class="order-title-label">出租订单</text> -->
<van-cell-group inset> <van-cell-group inset>
<van-grid :column-num="3"> <van-grid :column-num="3">
<van-grid-item v-for="(o, i) in orderDataTwo" :key="i" @click="onViewMyOrder(o)"> <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" /> <van-icon :name="o.order_icon" size="30" />
<text class="order-title">{{ o.order_title }}</text> <text class="order-title">{{ o.order_title }}</text>
<text class="order-count">{{ o.order_count }}</text> <text class="order-count">{{ o.order_count }}</text>
@ -474,13 +480,26 @@ onShow(async () => {
} }
.order-title-label { .order-title-label {
font-size: 12px; font-size: 12px;
font-weight: bold; // font-weight: bold;
color: #333; color: $el-color-primary;
margin: 10px 0; margin: 0px 0;
display: inline-block; /* 使元素仅包裹内容 */ display: inline-block; /* 使元素仅包裹内容 */
border: 1px solid #81d4fa; /* 添加边框，颜色可根据需求调整 */ // border: 1px solid #81d4fa; /* 添加边框，颜色可根据需求调整 */
background-color: #e1f5fe; /* 设置浅蓝色背景色 */ // background-color: #e1f5fe; /* 设置浅蓝色背景色 */
padding: 5px; /* 添加内边距，让内容与边框有间距 */ padding: 0px; /* 添加内边距，让内容与边框有间距 */
border-radius: 4px; /* 给边框添加圆角 */ 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> </style>