[更新]修改微信图文模块

This commit is contained in:
Anyon 2017-04-25 17:39:48 +08:00
parent d4f48eea8f
commit cfd6b598e7
2 changed files with 214 additions and 218 deletions

View File

@ -1,4 +1,5 @@
<?php
// +----------------------------------------------------------------------
// | Think.Admin
// +----------------------------------------------------------------------

View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html>
<head>
<head>
<meta charset="utf-8">
<title>Wechat Preview</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -8,6 +8,7 @@
<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="__PUBLIC__/static/plugs/aui/aui.css">
<script src="__PUBLIC__/static/plugs/jquery/jquery.min.js" type="text/javascript"></script>
<style>
* {
font-family: "Microsoft YaHei" !important;
@ -48,11 +49,11 @@
left: -0.25rem !important;
}
</style>
</head>
<body>
</head>
<body>
{if ($type eq 'text') or ($type eq 'image') or ($type eq 'music')}
<section class="aui-chat">
{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">
@ -97,10 +98,9 @@
{/if}
</div>
</div>
</section>
{elseif $type eq 'article'}
{* 文章显示 *}
<section class="aui-content">
</section>
{elseif $type eq 'article'}
<section class="aui-content">
<div class="aui-card-list aui-border-t aui-border-b">
{if $vo.show_cover_pic neq 0}
<div class="aui-card-list-content">
@ -126,14 +126,15 @@
</style>
<div class="aui-card-list-footer aui-font-size-12" style="color:#999;">
<div>
<a style='color:#0099CC' target='_blank' href='__SELF__'>阅读原文</a> <span>阅读 88</span> <span><i
class='aui-iconfont aui-icon-laud'></i> 8</span>
<a style='color:#0099CC' target='_blank' href='__SELF__'>阅读原文</a>
<span>阅读 88</span>
<span><i class='aui-iconfont aui-icon-laud'></i> 8</span>
</div>
</div>
</div>
</section>
{elseif $type eq 'video'}
<section class="aui-chat">
</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"
@ -157,41 +158,32 @@
</section>
</div>
</div>
</section>
</section>
{elseif $type eq 'news'}
<section class="aui-chat">
{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'>
<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 $articles|count gt 1}
{if count($articles) gt 1}
{if $key < 1}
<div href="{'wechat/review/index'|app_url}&content={$vo.id}&type=article"
onclick="location.href = this.getAttribute('href')" class="aui-card-list"
style="margin:0;padding:.5rem .5rem .3rem .5rem;display:block;background:none">
<div class="aui-card-list-content" style='max-height:10rem;overflow:hidden;text-overflow:ellipsis'>
<div data-href="{:url('wechat/review/index')}?content={$vo.id}&type=article" class="aui-card-list" style="margin:0;padding:.5rem .5rem .3rem .5rem;display:block;background:none">
<div class="aui-card-list-content" style='overflow:hidden;text-overflow:ellipsis'>
<img src="{$vo.local_url|default=''}"/>
</div>
<div class="aui-card-list-header"
style='padding:.5rem .2rem;left:.5rem;right:.5rem;position:absolute;margin-top:-2.2rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,.8);color:#fff'>
<div class="aui-card-list-header" style='padding:.5rem .2rem;left:.5rem;right:.5rem;position:absolute;margin-top:-2.2rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,.8);color:#fff'>
{$vo.title|default=''}
</div>
</div>
{else}
<table href="{:url('wechat/review/index')}&content={$vo.id}&type=article" class="aui-border-t"
onclick="location.href = this.getAttribute('href')"
style='width:100%;padding:0;margin:0;margin:0;padding:.3rem .5rem .5rem .5rem;'>
<table data-href="{:url('wechat/review/index')}?content={$vo.id}&type=article" class="aui-border-t" style='width:100%;padding:0;margin:0;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;max-height:3rem">
{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}
</td>
<td style="text-overflow:ellipsis;overflow:hidden;display:inline-block;">{$vo.title}</td>
<td style='width:3rem;height:3rem;padding:0;margin:0'>
<img style="min-width:3rem;height:3rem;width:100%;padding:0;margin:0"
src="{$vo.local_url|default=''}"/>
<img style="min-width:3rem;height:3rem;width:100%;padding:0;margin:0" src="{$vo.local_url|default=''}"/>
</td>
</tr>
</table>
@ -199,25 +191,21 @@
{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;max-height:2rem;overflow:hidden;text-overflow:ellipsis;'>
<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 class="aui-font-size-12"
style="color:#999;min-height:1rem;display:block;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
<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('Y年m月d日')}
</div>
<div class="aui-card-list-content" style='max-height:10rem;overflow:hidden;text-overflow:ellipsis'>
<img src="{$vo.local_url|default=''}"/>
</div>
<div class="aui-card-list-content-padded"
style="color:#7b7b7b;padding:0;display:block;max-height:5rem;overflow:hidden;text-overflow:ellipsis">
<div class="aui-card-list-content-padded" style="color:#7b7b7b;padding:0;display:block;max-height:5rem;overflow:hidden;text-overflow:ellipsis">
{$vo.content}
</div>
</div>
<div class="aui-card-list-content-padded aui-border-t" style="padding-top:.3rem;margin-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>
<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}
@ -225,7 +213,14 @@
</section>
</div>
</div>
</section>
{/if}
</body>
</section>
<script>
$(function () {
$('[data-href]').on('click', function () {
window.location.href = this.getAttribute('data-href');
});
});
</script>
{/if}
</body>
</html>