古刹文章详细页面0.85
This commit is contained in:
parent
b7de2b10dd
commit
005f7b7b84
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user