mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-06 03:58:04 +08:00
[更新]修改微信图文模块
This commit is contained in:
Anyon
parent
d4f48eea8f
commit
cfd6b598e7
@ -1,4 +1,5 @@
|
|||||||
<?php
|
<?php
|
||||||
|
|
||||||
// +----------------------------------------------------------------------
|
// +----------------------------------------------------------------------
|
||||||
// | Think.Admin
|
// | Think.Admin
|
||||||
// +----------------------------------------------------------------------
|
// +----------------------------------------------------------------------
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Wechat Preview</title>
|
<title>Wechat Preview</title>
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<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="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;
|
||||||
@ -48,11 +49,11 @@
|
|||||||
left: -0.25rem !important;
|
left: -0.25rem !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
{if ($type eq 'text') or ($type eq 'image') or ($type eq 'music')}
|
{if ($type eq 'text') or ($type eq 'image') or ($type eq 'music')}
|
||||||
<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 aui-chat-left">
|
<div class="aui-chat-item aui-chat-left">
|
||||||
<div class="aui-chat-media">
|
<div class="aui-chat-media">
|
||||||
@ -97,10 +98,9 @@
|
|||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
</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}
|
||||||
<div class="aui-card-list-content">
|
<div class="aui-card-list-content">
|
||||||
@ -126,14 +126,15 @@
|
|||||||
</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>
|
||||||
</section>
|
</section>
|
||||||
{elseif $type eq 'video'}
|
{elseif $type eq 'video'}
|
||||||
<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"
|
||||||
@ -157,41 +158,32 @@
|
|||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{elseif $type eq 'news'}
|
{elseif $type eq 'news'}
|
||||||
<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}
|
||||||
@ -225,7 +213,14 @@
|
|||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
{/if}
|
<script>
|
||||||
</body>
|
$(function () {
|
||||||
|
$('[data-href]').on('click', function () {
|
||||||
|
window.location.href = this.getAttribute('data-href');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
{/if}
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user