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

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 <?php
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
// | Think.Admin // | Think.Admin
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------

View File

@ -8,6 +8,7 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1"> <meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="__PUBLIC__/static/plugs/aui/aui.css"> <link rel="stylesheet" href="__PUBLIC__/static/plugs/aui/aui.css">
<script src="__PUBLIC__/static/plugs/jquery/jquery.min.js" type="text/javascript"></script>
<style> <style>
* { * {
font-family: "Microsoft YaHei" !important; font-family: "Microsoft YaHei" !important;
@ -99,7 +100,6 @@
</div> </div>
</section> </section>
{elseif $type eq 'article'} {elseif $type eq 'article'}
{* 文章显示 *}
<section class="aui-content"> <section class="aui-content">
<div class="aui-card-list aui-border-t aui-border-b"> <div class="aui-card-list aui-border-t aui-border-b">
{if $vo.show_cover_pic neq 0} {if $vo.show_cover_pic neq 0}
@ -126,8 +126,9 @@
</style> </style>
<div class="aui-card-list-footer aui-font-size-12" style="color:#999;"> <div class="aui-card-list-footer aui-font-size-12" style="color:#999;">
<div> <div>
<a style='color:#0099CC' target='_blank' href='__SELF__'>阅读原文</a> <span>阅读 88</span> <span><i <a style='color:#0099CC' target='_blank' href='__SELF__'>阅读原文</a>
class='aui-iconfont aui-icon-laud'></i> 8</span> <span>阅读 88</span>
<span><i class='aui-iconfont aui-icon-laud'></i> 8</span>
</div> </div>
</div> </div>
</div> </div>
@ -163,35 +164,26 @@
<section class="aui-chat"> <section class="aui-chat">
<div class="aui-chat-header"><span class="time">{:date('H:i')}</span></div> <div class="aui-chat-header"><span class="time">{:date('H:i')}</span></div>
<div class="aui-chat-item"> <div class="aui-chat-item">
<div class="aui-chat-content" <div class="aui-chat-content" style='background: #fff;border:1px solid #ccc;width:100%;max-width:100%;padding:0'>
style='background: #fff;border:1px solid #ccc;width:100%;max-width:100%;padding:0'>
<section class="aui-content"> <section class="aui-content">
{if !empty($articles)} {if !empty($articles)}
{foreach $articles as $key=>$vo} {foreach $articles as $key=>$vo}
{if $articles|count gt 1} {if count($articles) gt 1}
{if $key < 1} {if $key < 1}
<div href="{'wechat/review/index'|app_url}&content={$vo.id}&type=article" <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">
onclick="location.href = this.getAttribute('href')" class="aui-card-list" <div class="aui-card-list-content" style='overflow:hidden;text-overflow:ellipsis'>
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'>
<img src="{$vo.local_url|default=''}"/> <img src="{$vo.local_url|default=''}"/>
</div> </div>
<div class="aui-card-list-header" <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'>
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=''} {$vo.title|default=''}
</div> </div>
</div> </div>
{else} {else}
<table href="{:url('wechat/review/index')}&content={$vo.id}&type=article" class="aui-border-t" <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;'>
onclick="location.href = this.getAttribute('href')"
style='width:100%;padding:0;margin:0;margin:0;padding:.3rem .5rem .5rem .5rem;'>
<tr style='width:100%;padding:0;margin:0;'> <tr style='width:100%;padding:0;margin:0;'>
<td style="text-overflow:ellipsis;overflow:hidden;display:inline-block;max-height:3rem"> <td style="text-overflow:ellipsis;overflow:hidden;display:inline-block;">{$vo.title}</td>
{$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='width:3rem;height:3rem;padding:0;margin:0'> <td style='width:3rem;height:3rem;padding:0;margin:0'>
<img style="min-width:3rem;height:3rem;width:100%;padding:0;margin:0" <img style="min-width:3rem;height:3rem;width:100%;padding:0;margin:0" src="{$vo.local_url|default=''}"/>
src="{$vo.local_url|default=''}"/>
</td> </td>
</tr> </tr>
</table> </table>
@ -199,25 +191,21 @@
{else} {else}
<div class="aui-card-list" <div class="aui-card-list"
style="margin:0;padding:.5rem .5rem .3rem .5rem;display:block;background:none"> style="margin:0;padding:.5rem .5rem .3rem .5rem;display:block;background:none">
<div class="aui-card-list-header" <div class="aui-card-list-header" style='padding:0;margin:0;min-height:1.2rem;display:block;overflow:hidden;text-overflow:ellipsis;'>
style='padding:0;margin:0;min-height:1.2rem;display:block;max-height:2rem;overflow:hidden;text-overflow:ellipsis;'>
{$vo.title|default=''} {$vo.title|default=''}
</div> </div>
<div class="aui-font-size-12" <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">
style="color:#999;min-height:1rem;display:block;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
{:date('Y年m月d日')} {:date('Y年m月d日')}
</div> </div>
<div class="aui-card-list-content" style='max-height:10rem;overflow:hidden;text-overflow:ellipsis'> <div class="aui-card-list-content" style='max-height:10rem;overflow:hidden;text-overflow:ellipsis'>
<img src="{$vo.local_url|default=''}"/> <img src="{$vo.local_url|default=''}"/>
</div> </div>
<div class="aui-card-list-content-padded" <div class="aui-card-list-content-padded" style="color:#7b7b7b;padding:0;display:block;max-height:5rem;overflow:hidden;text-overflow:ellipsis">
style="color:#7b7b7b;padding:0;display:block;max-height:5rem;overflow:hidden;text-overflow:ellipsis">
{$vo.content} {$vo.content}
</div> </div>
</div> </div>
<div class="aui-card-list-content-padded aui-border-t" style="padding-top:.3rem;margin-top:.3rem"> <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" <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>
href="{:url('wechat/review/index')}&content={$vo.id}&type=article">阅读全文</a>
</div> </div>
{/if} {/if}
{/foreach} {/foreach}
@ -226,6 +214,13 @@
</div> </div>
</div> </div>
</section> </section>
<script>
$(function () {
$('[data-href]').on('click', function () {
window.location.href = this.getAttribute('data-href');
});
});
</script>
{/if} {/if}
</body> </body>
</html> </html>