blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

Update news.html

Browse Source
This commit is contained in:
Anyon 2019-12-20 19:32:10 +08:00
parent 50415bf32a
commit 772b8ba956
1 changed files with 99 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
app/wechat/view/api/review/news.html
View File

@ -6,12 +6,12 @@
{notempty name='news.articles'}
{foreach $news.articles as $k => $v}
{if $k < 1}
<a href="{:url('@wechat/api.review/view/'.$v.id)}" style='background-image:url("{$v.local_url}")'>
<a href="{:url('@wechat/api.review/view')}?id={$v.id}" style='background-image:url("{$v.local_url}")'>
{if $v.title}<span>{$v.title}</span>{/if}
</a>
<div class="hr-line-dashed"></div>
{else}
<a href="{:url('@wechat/api.review/view/'.$v.id)}" class='other'>
<a href="{:url('@wechat/api.review/view)}?id={$v.id}" class='other'>
<span>{$v.title}</span>
<span style='background-image:url("{$v.local_url}");'></span>
</a>
@ -26,18 +26,103 @@
{block name='style'}
<style>
.header{margin-top:15px;text-align:center}
.header span{padding:5px;font-size:8px;background:#ccc;border-radius:10%}
.container{width:90%;display:block;margin:5vw auto;position:relative;box-shadow:0 0 3px #ccc}
.container a{height:50vw;display:block;position:relative;background:no-repeat center center;background-size:cover}
.container a span{left:0;right:0;bottom:0;color:#fff;padding:2vw;font-size:2vw;max-height:5em;overflow:hidden;position:absolute;line-height:1.5em;margin:0 -1px 0 -1px;text-overflow:ellipsis;background:rgba(0,0,0,.7)}
.container a.other{height:15vw;display:block;padding:1vw 2vw;position:relative}
.container a.other span:first-child{color:#333;float:left;width:60vw;height:10vw;overflow:hidden;max-height:none;position:relative;background:0 0;text-overflow:ellipsis}
.container a.other span:last-child{width:16vw;height:10vw;float:right;max-height:none;position:relative;background-size:cover;background-position:center center}
.info h3{color:#333;font-size:5vw;margin-bottom:1rem}
.info{color:#666;padding:2rem;font-size:.5rem;text-align:center;letter-spacing:1px}
.hr-line-dashed{color:#fff;height:1px;margin:3px 0;border-top:1px dashed #e7eaec}
.hr-line-dashed:last-child{display:none}
.header {
margin-top: 15px;
text-align: center
}
.header span {
padding: 5px;
font-size: 8px;
background: #ccc;
border-radius: 10%
}
.container {
width: 90%;
display: block;
margin: 5vw auto;
position: relative;
box-shadow: 0 0 3px #ccc
}
.container a {
height: 50vw;
display: block;
position: relative;
background: no-repeat center center;
background-size: cover
}
.container a span {
left: 0;
right: 0;
bottom: 0;
color: #fff;
padding: 2vw;
font-size: 2vw;
max-height: 5em;
overflow: hidden;
position: absolute;
line-height: 1.5em;
margin: 0 -1px 0 -1px;
text-overflow: ellipsis;
background: rgba(0, 0, 0, .7)
}
.container a.other {
height: 15vw;
display: block;
padding: 1vw 2vw;
position: relative
}
.container a.other span:first-child {
color: #333;
float: left;
width: 60vw;
height: 10vw;
overflow: hidden;
max-height: none;
position: relative;
background: 0 0;
text-overflow: ellipsis
}
.container a.other span:last-child {
width: 16vw;
height: 10vw;
float: right;
max-height: none;
position: relative;
background-size: cover;
background-position: center center
}
.info h3 {
color: #333;
font-size: 5vw;
margin-bottom: 1rem
}
.info {
color: #666;
padding: 2rem;
font-size: .5rem;
text-align: center;
letter-spacing: 1px
}
.hr-line-dashed {
color: #fff;
height: 1px;
margin: 3px 0;
border-top: 1px dashed #e7eaec
}
.hr-line-dashed:last-child {
display: none
}
</style>
{/block}