古刹文章详细页面0.85

This commit is contained in:
WindowBird 2025-08-14 12:02:30 +08:00
parent b7de2b10dd
commit 005f7b7b84

View File

@ -48,17 +48,17 @@
@click="goToArticle(item)" @click="goToArticle(item)"
> >
<view class="item-content"> <view class="item-content">
<text class="item-title">{{ item.title }}</text> <view class="title-row">
<text v-if="item.subtitle" class="item-subtitle" <text class="item-title">{{ item.title }}</text>
>{{ item.subtitle }} <text v-if="item.subtitle" class="item-subtitle"
</text> >{{ item.subtitle }}
</text>
</view>
<view class="item-meta"> <view class="item-meta">
<text class="item-time">{{ formatTime(item.createTime) }}</text> <text class="item-time">{{ formatTime(item.createTime) }}</text>
</view> </view>
</view> </view>
<view class="item-arrow">
<text class="arrow">></text>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -353,28 +353,20 @@ export default {
flex: 1; flex: 1;
margin-right: 20rpx; margin-right: 20rpx;
.item-title { .title-row {
display: block; .item-title {
font-size: 28rpx; font-weight: 400;
font-weight: 500; font-size: 32rpx;
color: #333; color: #522510;
line-height: 1.4; line-height: 44rpx;
margin-bottom: 10rpx; }
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: red solid 1px;
}
.item-subtitle { .item-subtitle {
font-size: 24rpx; font-weight: 400;
color: #666; font-size: 32rpx;
flex: 1; color: #522510;
overflow: hidden; line-height: 44rpx;
text-overflow: ellipsis; }
white-space: nowrap;
margin-right: 20rpx;
border: red solid 1px;
} }
.item-meta { .item-meta {
@ -391,22 +383,6 @@ export default {
} }
} }
} }
.item-arrow {
width: 40rpx;
height: 40rpx;
display: flex;
align-items: center;
justify-content: center;
border: red solid 1px;
.arrow {
font-size: 24rpx;
color: #ccc;
font-weight: bold;
border: red solid 1px;
}
}
} }
} }
</style> </style>