Browse Source

style(news-detail): 优化文字切换按钮的样式

master
peijunlei 2 weeks ago
parent
commit
84c4ebaec0
  1. 7
      public/themes/dist_static/static/css/news-detail.css
  2. 8
      public/themes/website/1/zh/demo/news-detail.html

7
public/themes/dist_static/static/css/news-detail.css

@ -190,6 +190,7 @@
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
height: 3.5rem;
overflow: hidden;
border-radius: 1rem;
@ -223,6 +224,12 @@
.nd-pager__label {
position: relative;
z-index: 1;
display: block;
max-width: 100%;
padding: 0 1rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 1439px) {

8
public/themes/website/1/zh/demo/news-detail.html

@ -175,20 +175,20 @@
{/php}
{if condition="empty($preId)"}
<a class="nd-pager__item nd-pager__item--prev" href="javascript:;">
<span class="nd-pager__label">上一篇:没有了</span>
<span class="nd-pager__label" title="没有了">上一篇:没有了</span>
</a>
{else /}
<a class="nd-pager__item nd-pager__item--prev" href="{:hcUrl('Detail/index',['id'=>$preId,'cid'=>$preCid])}">
<span class="nd-pager__label">上一篇:{$preTitle}</span>
<span class="nd-pager__label" title="{$preTitle}">上一篇:{$preTitle}</span>
</a>
{/if}
{if condition="empty($nextId)"}
<a class="nd-pager__item nd-pager__item--next" href="javascript:;">
<span class="nd-pager__label">下一篇:没有了</span>
<span class="nd-pager__label" title="没有了">下一篇:没有了</span>
</a>
{else /}
<a class="nd-pager__item nd-pager__item--next" href="{:hcUrl('Detail/index',['id'=>$nextId,'cid'=>$nextCid])}">
<span class="nd-pager__label">下一篇:{$nextTitle}</span>
<span class="nd-pager__label" title="{$nextTitle}">下一篇:{$nextTitle}</span>
</a>
{/if}
</nav>

Loading…
Cancel
Save