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 { .level {
display: flex; display: flex;
margin-top: 1.5rem;
&-item { &-item {
flex: 1; flex: 1;
@ -4969,58 +4970,14 @@ button.swiper-pagination-bullet {
font-weight: 400 !important; font-weight: 400 !important;
} }
} }
&:not(:first-child):not(:empty) {
margin-top: 1.5rem;
} }
.button i { .meta {
font-size: 16px; font-size: 1em !important;
}
}
&-title {
font-size: 1.6rem;
}
&-content {
.description {
margin: 10px 0;
}
}
&-date {
color: var(--dark-c);
display: flex;
align-items: center;
a { a {
display: flex; line-height: 1.1em;
color: var(--dark-a);
img {
height: 20px;
width: 20px;
} }
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" th:with="isJournals = true, enableShare = false, baseEnableComment = false"
xmlns:th="https://www.thymeleaf.org"> xmlns:th="https://www.thymeleaf.org">
<th:block th:fragment="content"> <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 class="card-tab">
<div>[[${#strings.replace(title, ' - ' + site.title, '')}]]</div> <div>[[${#strings.replace(title, ' - ' + site.title, '')}]]</div>
</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 class="level-item">
<div> <div>
<p class="heading">订阅数</p> <p class="heading">订阅数</p>
@ -29,25 +29,20 @@
</div> </div>
</nav> </nav>
</div> </div>
<div class="card card-content friends" th:each="friend : ${friends.items}" th:with="spec = ${friend.spec}"> <div class="widget card friends" th:each="friend : ${friends.items}" th:with="spec = ${friend.spec}">
<p class="friends-title"> <div class="card-content main">
<a th:href="${spec.link}" target="_blank"> <h2 class="title"><a th:href="${spec.link}" target="_blank" th:text="${spec.title}"></a></h2>
<span th:text="${spec.title}"></span> <div class="main-content not-toc" th:text="${spec.description}"></div>
</a> <hr/>
</p> <div class="meta">
<div class="friends-content fold"> <a class="has-link-grey" th:href="${spec.url}" target="_blank">
<div class="main-content not-toc description"> <img th:if="${!#strings.isEmpty(spec.logo)}" th:src="${spec.logo}" alt="avatar">
<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">
<span th:text="${spec.author}"></span> <span th:text="${spec.author}"></span>
</a> </a>
<em th:text="'发表于 ' + ${#dates.format(spec.pubDate,'yyyy年MM月dd日 HH:mm:ss')}"></em> <em th:text="'发表于 ' + ${#dates.format(spec.pubDate,'yyyy年MM月dd日 HH:mm:ss')}"></em>
</div> </div>
</div> </div>
</div>
<th:block th:replace="~{main/pagination :: pagination (${friends}, '/friends')}"/> <th:block th:replace="~{main/pagination :: pagination (${friends}, '/friends')}"/>
</th:block> </th:block>
</th:block> </th:block>