From 35cf9d13036a79e6cdd9157a297132bdc88de26b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=B9=E6=99=AF=E7=AB=8B?= <zoujingli@qq.com>
Date: Fri, 21 Apr 2017 18:34:21 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=9B=B4=E6=96=B0]=E7=AE=80=E5=8C=96=E4=BB=A3?=
=?UTF-8?q?=E7=A0=81=EF=BC=8C=E4=BC=98=E5=8C=96=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
application/wechat/view/keys.form.html | 26 ++++++++++++++-------
public/static/admin/listen.js | 6 ++---
public/static/theme/default/css/console.css | 15 ++++--------
3 files changed, 25 insertions(+), 22 deletions(-)
diff --git a/application/wechat/view/keys.form.html b/application/wechat/view/keys.form.html
index 15320e3d3..9eb494fd2 100644
--- a/application/wechat/view/keys.form.html
+++ b/application/wechat/view/keys.form.html
@@ -15,18 +15,26 @@
{/block}
{block name="content"}
+
+<div class='mobile-preview pull-left'>
+ <div class='mobile-header'>公众号</div>
+ <div class='mobile-body'>
+ <iframe id="phone-preview" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
+ </div>
+</div>
+
<div class="row" style="min-width:1130px">
<!-- 效果预览区域 开始 -->
- <div class="col-xs-4" style="width:400px;">
- <div style="position:relative" class="phone-container animated fadeIn">
- <img style='width:100%' src="__ROOT__/static/theme/default/img/wechat/mobile_head.png" alt=""/>
- <div class="phone-screen">
- <iframe id="phone-preview" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
- </div>
- </div>
- </div>
+ <!--<div class="col-xs-4" style="width:320px;">-->
+ <!--<div style="position:relative" class="phone-container animated fadeIn">-->
+ <!--<img style='width:100%' src="__ROOT__/static/theme/default/img/wechat/mobile_head.png" alt=""/>-->
+ <!--<div class="phone-screen">-->
+ <!--<iframe id="phone-preview" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>-->
+ <!--</div>-->
+ <!--</div>-->
+ <!--</div>-->
<!-- 效果预览区域 结束 -->
- <div class='col-xs-6'>
+ <div class='col-xs-6' style="margin-left:15px">
<form class="form-horizontal" role="form" data-auto="true" action="__SELF__" method="post">
<fieldset class="layui-elem-field layui-box">
<legend>{$title}</legend>
diff --git a/public/static/admin/listen.js b/public/static/admin/listen.js
index b85989d98..3431aac05 100644
--- a/public/static/admin/listen.js
+++ b/public/static/admin/listen.js
@@ -143,15 +143,15 @@ define(['jquery', 'admin.plugs'], function () {
/*! 注册 data-phone-view 事件行为 */
this.$body.on('click', '[data-phone-view]', function () {
var src = this.getAttribute('data-phone-view') || this.href;
- var $container = $('<div class="phone-container hide"><img src="http://static.cdn.cuci.cc/mobile_head.png" style="width:100%"/><div class="phone-screen"><iframe frameborder="0" marginheight="0" marginwidth="0"></iframe></div></div>').appendTo('body');
+ var $container = $('<div class="mobile-preview pull-left"><div class="mobile-header">公众号</div><div class="mobile-body"><iframe id="phone-preview" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe></div></div>').appendTo('body');
var $iframe = $container.find('iframe').attr('src', src);
- $container.find('img').on('click', function () {
+ $container.find('.mobile-header').on('click', function () {
$iframe.attr('src', src);
});
var index = layer.open({
type: 1,
scrollbar: false,
- area: ['320px', '600px'],
+ area: ['330px', '600px'],
title: false,
closeBtn: 1,
skin: 'layui-layer-nobg',
diff --git a/public/static/theme/default/css/console.css b/public/static/theme/default/css/console.css
index b01e4651a..35228145e 100644
--- a/public/static/theme/default/css/console.css
+++ b/public/static/theme/default/css/console.css
@@ -209,17 +209,12 @@ td .text-explode:first-child{opacity:0;display:none}
.pace-inactive{display:none}
.pace .pace-progress{background:#22df80;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}
-/** 手机盒子 */
-.phone-container{background:#2c3e50;border-radius:30px;left:0;margin:0 auto 0;padding:70px 18px 68px 18px;position:absolute;right:0;width:300px}
-.phone-container:before{background:#1f2b38;border-radius:20px;content:'';height:8px;left:0;margin:-35px auto;position:absolute;right:0;width:45px}
-.phone-container:after{background:#1f2b38;border-radius:20px;content:"";display:block;height:42px;left:0;margin:12px auto;position:absolute;right:0;width:42px}
-.phone-screen{background:#d6e6e9;height:408px;overflow:hidden;padding:0;position:relative}
-.phone-screen iframe{width:100%;height:100%;background:#fff}
-
/** 微信菜单 */
-.mobile-preview{position:relative;width:317px;height:580px;background:transparent url("../img/wechat/mobile_head.png") no-repeat 0 0;background-position:0 0;border:1px solid #e7e7eb}
+.mobile-preview{position:relative;width:317px;height:580px;background:url("../img/wechat/mobile_head.png") no-repeat 0 0;border:1px solid #e7e7eb}
.mobile-preview .mobile-header{color:#fff;text-align:center;padding-top:30px;font-size:15px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin:0 30px}
-.mobile-footer{list-style-type:none;margin:0;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e7e7eb;background:transparent url("../img/wechat/mobile_foot.png") no-repeat 0 0;background-position:0 0;background-repeat:no-repeat;padding-left:43px}
+.mobile-body{width:100%;position:absolute;bottom:0;top:60px}
+.mobile-body iframe{width:100%;height:100%;background:#fff}
+.mobile-footer{list-style-type:none;margin:0;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e7e7eb;background:url("../img/wechat/mobile_foot.png") no-repeat 0 0;padding-left:43px}
.mobile-footer li{width:33.33%;line-height:50px;position:relative;float:left;text-align:center}
.mobile-footer li a{display:block;border:1px solid rgba(255, 255, 255, 0);border-left:1px solid #e7e7eb;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#616161;text-decoration:none}
.mobile-footer li a.active{background-color:#fff;border:1px solid #44b549 !important}
@@ -233,4 +228,4 @@ td .text-explode:first-child{opacity:0;display:none}
.mobile-footer .arrow{position:absolute;left:50%;margin-left:-6px}
.mobile-footer .arrow_in, .mobile-footer .arrow_out{z-index:10;width:0;height:0;display:inline-block;border-width:6px;border-style:dashed;border-color:transparent;border-bottom-width:0;border-top-style:solid}
.mobile-footer .arrow_in{bottom:-5px;border-top-color:#fafafa}
-.mobile-footer .arrow_out{bottom:-6px;border-top-color:#d0d0d0}
\ No newline at end of file
+.mobile-footer .arrow_out{bottom:-6px;border-top-color:#d0d0d0}