mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-05 05:52:43 +08:00
177 lines
11 KiB
PHP
177 lines
11 KiB
PHP
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title></title>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="viewport" content="initial-scale=1,maximum-scale=1">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||
<link rel="stylesheet" href="__STATIC__/plugs/aui/aui.css">
|
||
</head>
|
||
<body class='aui-scroll-x'>
|
||
<style>
|
||
* {font-family: "Microsoft YaHei" !important;letter-spacing: .01rem}
|
||
html,body{display:block;height:100%;overflow:auto!important}
|
||
.aui-chat .aui-chat-media img {border-radius:0}
|
||
.aui-chat .aui-chat-inner {max-width:80%!important;}
|
||
.aui-chat .bg-white {background: #f5f5f5!important;border:1px solid #ccc;}
|
||
.aui-chat .time {color: #f5f5f5;background:rgba(0,0,0,.3);padding:.1rem .3rem;border-radius:.2rem;font-size:.5rem;}
|
||
.aui-chat .aui-chat-content .aui-chat-arrow.two {top:.7rem!important;background:#f5f5f5!important;left:-0.25rem!important;}
|
||
.aui-chat .aui-chat-content .aui-chat-arrow.one {top:.7rem!important;background:#f5f5f5!important;border:1px solid #ccc!important;left:-0.28rem!important;}
|
||
.aui-card-list-content-padded img {max-width: 100% !important;}
|
||
</style>
|
||
<script src="__STATIC__/plugs/jquery/jquery.min.js" type="text/javascript"></script>
|
||
{if ($type eq 'text') or ($type eq 'image') or ($type eq 'music')}
|
||
<section class="aui-chat">
|
||
<div class="aui-chat-header"><span class="time">{:date('H:i')}</span></div>
|
||
<div class="aui-chat-item aui-chat-left">
|
||
<div class="aui-chat-media">
|
||
<img style="min-width:42px;display:inline-block;" src="http://plugs.ctolog.com/theme/default/img/head.gif"/>
|
||
</div>
|
||
<div class="aui-chat-inner">
|
||
{if $type eq 'text'}
|
||
<div class="aui-chat-content bg-white">
|
||
<div class="aui-chat-arrow one"></div>
|
||
<div class="aui-chat-arrow two"></div>
|
||
{$content|default=''}
|
||
</div>
|
||
{elseif $type eq 'image'}
|
||
<div class="aui-chat-content bg-white">
|
||
<div class="aui-chat-arrow one"></div>
|
||
<div class="aui-chat-arrow two"></div>
|
||
<img src='{$content|default="http://plugs.ctolog.com/default/img/image.png"}'/>
|
||
</div>
|
||
{elseif $type eq 'music'}
|
||
<div class="aui-chat-content" style='background:#080'>
|
||
<div class="aui-chat-arrow one" style="background:#080!important;"></div>
|
||
<div class="aui-chat-arrow two" style="background:#080!important;"></div>
|
||
<table>
|
||
<tr>
|
||
<td style='overflow:hidden;white-space:nowrap;color:#f5f5f5;min-width:100%'>
|
||
{$title|default=''}
|
||
</td>
|
||
<td style='overflow:hidden;white-space:nowrap;color:#f5f5f5;max-width:100%;' rowspan="2">
|
||
<div style='position:absolute;right:0;top:0;bottom:0;width:2.5rem;background:#080;border-radius:5px'></div>
|
||
<div style='width:1.5rem;height:1.5rem;background:#0a0;padding:.1rem;text-align:center;position:absolute;right:.5rem;top:1rem'>
|
||
<i style='font-size:1rem' class='aui-iconfont aui-icon-video'></i>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td style='overflow:hidden;white-space:nowrap;color:#f5f5f5;font-size:.3rem;'>
|
||
{$desc|default=''}
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{elseif $type eq 'article'}
|
||
<section class="aui-content">
|
||
<div class="aui-card-list" style='margin-bottom:0'>
|
||
<div class="aui-card-list-header" style='font-size:1rem'>{$vo.title|default=''}</div>
|
||
<div class="aui-info" style='padding:0 15px'>
|
||
<div class="aui-info-item" style='font-size:0.8rem;color:#666'>
|
||
<span class="aui-margin-l-5">{:date('Y-m-d',strtotime($vo['create_at']))}</span>
|
||
<span class="aui-margin-l-5" style='color:#0099CC'>{$vo.author|default=''}</span>
|
||
</div>
|
||
</div>
|
||
{if $vo.show_cover_pic eq 1}
|
||
<div class="aui-card-list-content-padded"><img src="{$vo.local_url}"/></div>
|
||
{/if}
|
||
<div class="aui-card-list-content-padded" style="color:#333;font-size:0.8rem">{$vo.content|default=''|raw}</div>
|
||
{if $vo.content_source_url}
|
||
<div class="aui-card-list-footer" style="color:#999;">
|
||
<div>
|
||
<a style='color:#0099CC' target='_blank' href='{:request()->url()}'>阅读原文</a>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
</section>
|
||
{elseif $type eq 'video'}
|
||
<section class="aui-chat">
|
||
<div class="aui-chat-header"><span class="time">{:date('H:i')}</span></div>
|
||
<div class="aui-chat-item">
|
||
<div class="aui-chat-content"
|
||
style='background: #fff;border:1px solid #ccc;width:100%;max-width:100%;padding:0'>
|
||
<section class="aui-content">
|
||
<div class="aui-card-list" style='margin-bottom:0;background: none'>
|
||
<div class="aui-card-list-header" style='padding:0 .3rem 0 .3rem;min-height:1.5rem;white-space:nowrap;overflow: hidden;text-overflow:ellipsis'>
|
||
{$title|default=''}
|
||
</div>
|
||
<div style='font-size:.5rem;padding:0 .3rem .3rem .3rem;color:#999'>{:date('m月d日')}</div>
|
||
<div class="aui-card-list-content-padded aui-border-b" style='padding:0 .3rem'>
|
||
<video src="{$url|default=''}" width="100%" controls preload></video>
|
||
</div>
|
||
<div class="aui-card-list-footer" style='min-height:.8rem;padding:.2rem .3rem'>
|
||
<div style='font-size:.55rem;white-space:nowrap;overflow: hidden;text-overflow:ellipsis '>
|
||
{$desc|default=''}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{elseif $type eq 'news'}
|
||
<section class="aui-chat">
|
||
<div class="aui-chat-header"><span class="time">{:date('H:i')}</span></div>
|
||
<div class="aui-chat-item">
|
||
<div class="aui-chat-content" style='background: #fff;border:1px solid #ccc;width:100%;max-width:100%;padding:0'>
|
||
<section class="aui-content">
|
||
{if !empty($articles)}
|
||
{foreach $articles as $key=>$vo}
|
||
{if count($articles) gt 1}
|
||
{if $key < 1}
|
||
<div data-href="{:url('wechat/review/index')}?content={$vo.id}&type=article" class="aui-card-list" style="cursor:pointer;margin:0;padding:.5rem .5rem .3rem .5rem;display:block;background:none">
|
||
<div class="aui-card-list-content" style='width:100%;height:10rem;background-repeat:no-repeat;background-image:url("{$vo.local_url}");background-position:center;background-size:cover'></div>
|
||
<div class="aui-card-list-header" style='left:.5rem;right:.5rem;position:absolute;bottom:0.2rem;display:block;max-height:6em;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,.8);color:#fff'>
|
||
{$vo.title|default=''}
|
||
</div>
|
||
</div>
|
||
{else}
|
||
<table data-href="{:url('wechat/review/index')}?content={$vo.id}&type=article" class="aui-border-t" style='cursor:pointer;width:100%;margin:0;padding:.3rem .5rem .5rem .5rem;'>
|
||
<tr style='width:100%;padding:0;margin:0;'>
|
||
<td style="text-overflow:ellipsis;overflow:hidden;display:inline-block;">{$vo.title}</td>
|
||
<td style='width:3rem;height:3rem;background-repeat:no-repeat;background-image:url("{$vo.local_url}");background-position:center;background-size:cover'></td>
|
||
</tr>
|
||
</table>
|
||
{/if}
|
||
{else}
|
||
<div class="aui-card-list" style="margin:0;padding:.5rem .5rem .3rem .5rem;display:block;background:none">
|
||
<div class="aui-card-list-header" style='padding:0;margin:0;min-height:1.2rem;display:block;overflow:hidden;text-overflow:ellipsis;'>
|
||
{$vo.title|default=''}
|
||
</div>
|
||
<div style="padding:5px 0;color:#999;min-height:1rem;display:block;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px">
|
||
{:date('m月d日')}
|
||
</div>
|
||
<div class="aui-card-list-content" style='width:100%;height:10rem;background-repeat:no-repeat;background-image:url("{$vo.local_url}");background-position:center;background-size:cover'></div>
|
||
<div class="aui-card-list-content-padded" style="color:#7b7b7b;padding:0;display:block;overflow:hidden;text-overflow:ellipsis">
|
||
{:str_replace([' ',"\n"],'',strip_tags($vo.digest))} ...
|
||
</div>
|
||
</div>
|
||
<div class="aui-card-list-content-padded aui-border-t" style="padding-top:.3rem">
|
||
<a class="aui-list-item-arrow" style="color:#333;font-size:.6rem;display:block" href="{:url('wechat/review/index')}?content={$vo.id}&type=article">阅读全文</a>
|
||
</div>
|
||
{/if}
|
||
{/foreach}
|
||
{/if}
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<script>
|
||
$(function () {
|
||
$('[data-href]').on('click', function () {
|
||
window.location.href = this.getAttribute('data-href');
|
||
});
|
||
});
|
||
</script>
|
||
{/if}
|
||
</body>
|
||
</html> |