feat(friends): 朋友圈样式调整

This commit is contained in:
nineya 2024-01-22 12:37:25 +08:00
parent c53b2a80f3
commit 86e6bdd355
3 changed files with 20 additions and 68 deletions

View File

@ -4948,6 +4948,7 @@ button.swiper-pagination-bullet {
.level {
display: flex;
margin-top: 1.5rem;
&-item {
flex: 1;
@ -4969,58 +4970,14 @@ button.swiper-pagination-bullet {
font-weight: 400 !important;
}
}
&:not(:first-child):not(:empty) {
margin-top: 1.5rem;
}
.button i {
font-size: 16px;
}
}
&-title {
font-size: 1.6rem;
}
&-content {
.description {
margin: 10px 0;
}
}
&-date {
color: var(--dark-c);
display: flex;
align-items: center;
.meta {
font-size: 1em !important;
a {
display: flex;
img {
height: 20px;
width: 20px;
line-height: 1.1em;
color: var(--dark-a);
}
span {
margin: auto 5px;
}
}
em {
margin-left: auto;
}
}
}
/* 朋友圈界面 - 隐藏统计*/
.friends-hide-stats {
padding: .6rem 1rem 0rem !important;
& > div {
border-bottom: 0px !important;
}
}

File diff suppressed because one or more lines are too long

View File

@ -4,11 +4,11 @@
th:with="isJournals = true, enableShare = false, baseEnableComment = false"
xmlns:th="https://www.thymeleaf.org">
<th:block th:fragment="content">
<div th:class="${theme.config.page_config.enable_friends_stats} ? 'card card-content friends' : 'card card-content friends-hide-stats'">
<div th:if="${theme.config.page_config.enable_friends_stats}" class="card card-content friends">
<div class="card-tab">
<div>[[${#strings.replace(title, ' - ' + site.title, '')}]]</div>
</div>
<nav class="level" th:if="${theme.config.page_config.enable_friends_stats}" th:with="stats = ${friendFinder.statistical()}">
<nav class="level" th:with="stats = ${friendFinder.statistical()}">
<div class="level-item">
<div>
<p class="heading">订阅数</p>
@ -29,25 +29,20 @@
</div>
</nav>
</div>
<div class="card card-content friends" th:each="friend : ${friends.items}" th:with="spec = ${friend.spec}">
<p class="friends-title">
<a th:href="${spec.link}" target="_blank">
<span th:text="${spec.title}"></span>
</a>
</p>
<div class="friends-content fold">
<div class="main-content not-toc description">
<span th:text="${spec.description}"></span>
</div>
</div>
<div class="friends-date">
<a th:href="${spec.url}" target="_blank">
<img th:src="${spec.logo}" alt="avatar">
<div class="widget card friends" th:each="friend : ${friends.items}" th:with="spec = ${friend.spec}">
<div class="card-content main">
<h2 class="title"><a th:href="${spec.link}" target="_blank" th:text="${spec.title}"></a></h2>
<div class="main-content not-toc" th:text="${spec.description}"></div>
<hr/>
<div class="meta">
<a class="has-link-grey" th:href="${spec.url}" target="_blank">
<img th:if="${!#strings.isEmpty(spec.logo)}" th:src="${spec.logo}" alt="avatar">
<span th:text="${spec.author}"></span>
</a>
<em th:text="'发表于 ' + ${#dates.format(spec.pubDate,'yyyy年MM月dd日 HH:mm:ss')}"></em>
</div>
</div>
</div>
<th:block th:replace="~{main/pagination :: pagination (${friends}, '/friends')}"/>
</th:block>
</th:block>