[更新]同步framework代码

application/wechat/controller/api/Review.php

@@ -26,7 +26,7 @@ class Review extends Controller
 {
 
     /**
-     * 显示图文列表
+     * 图文展示
      * @param integer $id
      * @return mixed
      * @throws \think\db\exception\DataNotFoundException
@@ -40,7 +40,7 @@ class Review extends Controller
     }
 
     /**
-     * 显示图文内容
+     * 文章展示
      * @param integer $id
      * @return mixed
      * @throws \think\Exception
@@ -56,29 +56,52 @@ class Review extends Controller
         return $this->fetch('', ['info' => Db::name('WechatNewsArticle')->where($where)->find()]);
     }
 
+    /**
+     * 文本展示
+     */
     public function text()
     {
-        return $this->fetch();
+        $this->content = strip_tags(input('content', ''), '<a><img>');
+        $this->fetch();
     }
 
+    /**
+     * 图片展示
+     */
     public function image()
     {
-        return $this->fetch();
+        $this->content = strip_tags(input('content', ''), '<a><img>');
+        $this->fetch();
     }
 
+    /**
+     * 视频展示
+     */
     public function video()
     {
-        return $this->fetch();
+        $this->url = strip_tags(input('url', ''), '<a><img>');
+        $this->title = strip_tags(input('title', ''), '<a><img>');
+        $this->fetch();
     }
 
+    /**
+     * 语音展示
+     */
     public function voice()
     {
-        return $this->fetch();
+        $this->url = strip_tags(input('url', ''), '<a><img>');
+        $this->fetch();
     }
 
+    /**
+     * 音乐展示
+     */
     public function music()
     {
-        return $this->fetch();
+        $this->url = strip_tags(input('url', ''), '<a><img>');
+        $this->desc = strip_tags(input('desc', ''), '<a><img>');
+        $this->title = strip_tags(input('title', ''), '<a><img>');
+        $this->fetch();
     }
 
 }

application/wechat/view/api/review/image.html

@@ -5,19 +5,13 @@
 <div class="container">
     <div class="logo">A</div>
     <div class="content">
-        <img style="max-width:100%" src="{:input('content')}">
+        <img style="max-width:100%" src="{$content|default=''}">
     </div>
 </div>
 {/block}
 
 {block name='style'}
 <style>
-    .container .content {
-        position: relative;
-        border-radius: 5px;
-        border: none !important;
-        display: inline-block;
-        padding: 0 !important;
-    }
+    .container .content{position:relative;border-radius:5px;border:none!important;display:inline-block;padding:0!important}
 </style>
 {/block}

application/wechat/view/api/review/music.html

@@ -5,12 +5,12 @@
 <div class="container">
     <div class="logo">A</div>
     <div class="content arrow">
-        <div style="font-size:.6rem;overflow:hidden;width:7.5rem;text-overflow:ellipsis">{:input('title')}</div>
-        <div style="font-size:.5rem;overflow:hidden;width:7.5rem;text-overflow:ellipsis;color:#ccc">{:input('desc')}</div>
+        <div style="font-size:.6rem;overflow:hidden;width:7.5rem;text-overflow:ellipsis">{$title|default=''}</div>
+        <div style="font-size:.5rem;overflow:hidden;width:7.5rem;text-overflow:ellipsis;color:#ccc">{$desc|default=''}</div>
         <a href="javascript:void(0)" style="float:right;top:1.4rem;position:absolute;right:0.8rem;" id="audio_btn" class="icon icon-play"></a>
         <div style="clear:both"></div>
         <audio id="audio">
-            <source src="{:input('url')}">
+            <source src="{$url|default=''}">
         </audio>
         <script>
             var audio = document.getElementById('audio');
@@ -28,29 +28,9 @@
 
 {block name='style'}
 <style>
-
-    .icon {
-        color: white;
-        font-size: 1.5rem;
-    }
-
-    .container .content {
-        width: 58vw !important;
-        border: none !important;
-        background: #080 !important;
-        white-space: nowrap !important;
-    }
-
-    .container .content:after,
-    .container .content:before {
-        border-color: transparent #080 transparent transparent !important;
-    }
-
-    .container .content {
-        color: white;
-    }
-
-
+    .icon{color:#fff;font-size:1.5rem}
+    .container .content{width:58vw!important;border:none!important;background:#080!important;white-space:nowrap!important}
+    .container .content:after,.container .content:before{border-color:transparent #080 transparent transparent!important}
+    .container .content{color:#fff}
 </style>
-
 {/block}

application/wechat/view/api/review/news.html

@@ -26,103 +26,18 @@
 
 {block name='style'}
 <style>
-    .header {
-        margin-top: 15px;
-        text-align: center;
-    }
-
-    .header span {
-        padding: 5px;
-        font-size: 8px;
-        background: #ccc;
-        border-radius: 10%
-    }
-
-    .container {
-        width: 90%;
-        display: block;
-        margin: 5vw auto;
-        position: relative;
-        box-shadow: 0 0 3px #ccc
-    }
-
-    .container a {
-        height: 50vw;
-        display: block;
-        position: relative;
-        background: no-repeat center center;
-        background-size: cover;
-    }
-
-    .container a span {
-        left: 0;
-        right: 0;
-        bottom: 0;
-        color: #fff;
-        padding: 2vw;
-        font-size: 2vw;
-        max-height: 5em;
-        overflow: hidden;
-        position: absolute;
-        line-height: 1.5em;
-        margin: 0 -1px 0 -1px;
-        text-overflow: ellipsis;
-        background: rgba(0, 0, 0, 0.7);
-    }
-
-    .container a.other {
-        height: 15vw;
-        display: block;
-        padding: 1vw 2vw;
-        position: relative;
-    }
-
-    .container a.other span:first-child {
-        color: #333;
-        float: left;
-        width: 60vw;
-        height: 10vw;
-        overflow: hidden;
-        max-height: none;
-        position: relative;
-        background: none;
-        text-overflow: ellipsis;
-    }
-
-    .container a.other span:last-child {
-        width: 16vw;
-        height: 10vw;
-        float: right;
-        max-height: none;
-        position: relative;
-        background-size: cover;
-        background-position: center center;
-    }
-
-    .info h3 {
-        color: #333;
-        font-size: 5vw;
-        margin-bottom: 1rem;
-    }
-
-    .info {
-        color: #666;
-        padding: 2rem;
-        font-size: 0.5rem;
-        text-align: center;
-        letter-spacing: 1px;
-    }
-
-    .hr-line-dashed {
-        color: #fff;
-        height: 1px;
-        margin: 3px 0;
-        border-top: 1px dashed #e7eaec;
-    }
-
-    .hr-line-dashed:last-child {
-        display: none
-    }
+    .header{margin-top:15px;text-align:center}
+    .header span{padding:5px;font-size:8px;background:#ccc;border-radius:10%}
+    .container{width:90%;display:block;margin:5vw auto;position:relative;box-shadow:0 0 3px #ccc}
+    .container a{height:50vw;display:block;position:relative;background:no-repeat center center;background-size:cover}
+    .container a span{left:0;right:0;bottom:0;color:#fff;padding:2vw;font-size:2vw;max-height:5em;overflow:hidden;position:absolute;line-height:1.5em;margin:0 -1px 0 -1px;text-overflow:ellipsis;background:rgba(0,0,0,.7)}
+    .container a.other{height:15vw;display:block;padding:1vw 2vw;position:relative}
+    .container a.other span:first-child{color:#333;float:left;width:60vw;height:10vw;overflow:hidden;max-height:none;position:relative;background:0 0;text-overflow:ellipsis}
+    .container a.other span:last-child{width:16vw;height:10vw;float:right;max-height:none;position:relative;background-size:cover;background-position:center center}
+    .info h3{color:#333;font-size:5vw;margin-bottom:1rem}
+    .info{color:#666;padding:2rem;font-size:.5rem;text-align:center;letter-spacing:1px}
+    .hr-line-dashed{color:#fff;height:1px;margin:3px 0;border-top:1px dashed #e7eaec}
+    .hr-line-dashed:last-child{display:none}
 </style>
 
 {/block}

application/wechat/view/api/review/text.html

@@ -4,6 +4,6 @@
 <div class="header"><span>{:date('H:i')}</span></div>
 <div class="container">
     <div class="logo">A</div>
-    <div class="content arrow">{:input('content')}</div>
+    <div class="content arrow">{$content|default=''}</div>
 </div>
 {/block}

application/wechat/view/api/review/video.html

@@ -4,43 +4,18 @@
 <div class="header"><span>{:date('H:i')}</span></div>
 <div class="container">
     <div class="content">
-        <div>{:input('title')}</div>
+        <div>{$title|default=''}</div>
         <div class="date">{:date('m月d日')}</div>
-        <video src="{:input('url')}" width="100%" controls preload></video>
+        <video src="{$url|default=''}" width="100%" controls preload></video>
     </div>
 </div>
 {/block}
 
 {block name='style'}
 <style>
-
-    .container .content {
-        left: 0 !important;
-        border: 1px solid #ccc;
-        padding: 13px;
-        position: relative;
-        max-width: initial !important;
-        background: white;
-        line-height: 1.5em;
-        border-radius: 5px;
-    }
-
-    .container .content div {
-        width: 100%;
-        overflow: hidden;
-        font-size: 0.8rem;
-        line-height: 1.5em;
-        display: inline-block;
-        text-overflow: ellipsis;
-    }
-
-    .container .content .date {
-        color: #999;
-        margin: 10px 0;
-        font-size: 12px;
-        line-height: 1em;
-    }
-
+    .container .content{left:0!important;border:1px solid #ccc;padding:13px;position:relative;max-width:initial!important;background:#fff;line-height:1.5em;border-radius:5px}
+    .container .content div{width:100%;overflow:hidden;font-size:.8rem;line-height:1.5em;display:inline-block;text-overflow:ellipsis}
+    .container .content .date{color:#999;margin:10px 0;font-size:12px;line-height:1em}
 </style>
 
 {/block}

application/wechat/view/api/review/view.html

@@ -23,39 +23,11 @@
 
 
 <style>
-
-    .container {
-        width: 90%;
-        color: #333;
-        display: block;
-        margin: 0.2rem auto;
-        position: relative;
-    }
-
-    .container h2 {
-        font-size: 0.8rem;
-        font-weight: 400;
-        line-height: 1.5rem;
-    }
-
-    .container h3 {
-        color: #999;
-        font-size: 0.6rem;
-        font-weight: 400;
-        line-height: 1.5rem;
-        margin-bottom: 0.3rem;
-    }
-
-    .container .content-text {
-        font-size: 0.7rem;
-        line-height: 1.3rem;
-    }
-
-    .container .content-text img {
-        max-width: 100%;
-        height: auto !important;
-    }
-
+    .container{width:90%;color:#333;display:block;margin:.2rem auto;position:relative}
+    .container h2{font-size:.8rem;font-weight:400;line-height:1.5rem}
+    .container h3{color:#999;font-size:.6rem;font-weight:400;line-height:1.5rem;margin-bottom:.3rem}
+    .container .content-text{font-size:.7rem;line-height:1.3rem}
+    .container .content-text img{max-width:100%;height:auto!important}
 </style>
 
 {/block}

application/wechat/view/api/review/voice.html

@@ -7,9 +7,7 @@
     <div class="content arrow">
         <a class="icon icon-volume left-text"></a>
         <a href="javascript:void(0)" id="audio_btn" class="icon icon-pause"></a>
-        <audio id="audio">
-            <source src="{:input('url')}">
-        </audio>
+        <audio id="audio"><source src="{$url|default=''}"></audio>
         <script>
             var audio = document.getElementById('audio');
             var button = document.getElementById('audio_btn');
@@ -26,18 +24,7 @@
 
 {block name='style'}
 <style>
-    .left-text {
-        margin: 0 !important;
-        color: #ccc !important;
-        /*font-size: 1rem !important;*/
-    }
-
-    .icon {
-        color: #666;
-        font-size: 1.5rem;
-        margin-left: 2.5rem;
-        line-height: 1.5rem;
-    }
+    .left-text{margin:0!important;color:#ccc!important}
+    .icon{color:#666;font-size:1.5rem;margin-left:2.5rem;line-height:1.5rem}
 </style>
-
 {/block}

application/wechat/view/keys/form.html

@@ -2,38 +2,11 @@
 
 {block name="style"}
 <style>
-    .keys-container {
-        top: 10px;
-    }
-
-    .keys-container .input-group-addon {
-        top: 0;
-        right: 0;
-        color: #eee;
-        width: 25px;
-        padding: 7px;
-        position: absolute;
-        margin-top: -1px;
-        text-align: center;
-        background: #393D49;
-    }
-
-    .keys-container [data-tips-image] {
-        width: 112px;
-        height: auto;
-    }
-
-    .keys-container .layui-card {
-        width: 580px;
-        height: 578px;
-        position: absolute;
-        border: 1px solid #ccc;
-    }
-
-    .keys-container .layui-card .layui-card-body {
-        height: 515px;
-        padding-right: 50px;
-    }
+    .keys-container{top:10px}
+    .keys-container .input-group-addon{top:0;right:0;color:#eee;width:25px;padding:7px;position:absolute;margin-top:-1px;text-align:center;background:#393D49}
+    .keys-container [data-tips-image]{width:112px;height:auto}
+    .keys-container .layui-card{width:580px;height:578px;position:absolute;border:1px solid #ccc}
+    .keys-container .layui-card .layui-card-body{height:515px;padding-right:50px}
 </style>
 {/block}
 

application/wechat/view/news/form.html

@@ -227,106 +227,19 @@
 
 {block name="style"}
 <style>
-
-    .label-required:after {
-        content: ''
-    }
-
-    .news-right.layui-card .layui-card-header,
-    .news-left.layui-card .layui-card-header {
-        border: none;
-        background: #eee;
-    }
-
-    .news-right.layui-card .layui-card-body,
-    .news-left.layui-card .layui-card-body {
-        margin-bottom: 30px;
-        border: 1px solid #eee;
-    }
-
-    .news-left {
-        left: 20px;
-        width: 300px;
-        position: absolute;
-    }
-
-    .news-right {
-        left: 330px;
-        right: 20px;
-        overflow: hidden;
-        position: absolute;
-    }
-
-    .news-left .news-item {
-        width: 280px;
-        height: 150px;
-        cursor: pointer;
-        max-width: 270px;
-        overflow: hidden;
-        position: relative;
-        border: 1px solid #ccc;
-        background-size: cover;
-        background-position: center center;
-    }
-
-    .news-left .news-item.active {
-        border: 1px solid #44b549 !important;
-    }
-
-    .news-left .article-add {
-        color: #999;
-        display: block;
-        font-size: 22px;
-        text-align: center;
-    }
-
-    .news-left .article-add:hover {
-        color: #666;
-    }
-
-    .news-left .news-title {
-        bottom: 0;
-        color: #fff;
-        width: 272px;
-        display: block;
-        padding: 0 5px;
-        max-height: 6em;
-        overflow: hidden;
-        margin-left: -1px;
-        position: absolute;
-        text-overflow: ellipsis;
-        background: rgba(0, 0, 0, 0.7);
-    }
-
-    .news-left .news-item a {
-        color: #fff;
-        width: 30px;
-        height: 30px;
-        float: right;
-        font-size: 12px;
-        margin-top: -1px;
-        line-height: 34px;
-        text-align: center;
-        margin-right: -1px;
-        background-color: rgba(0, 0, 0, .5);
-    }
-
-    .news-left .news-item:hover a {
-        display: inline-block !important;
-    }
-
-    .news-left .news-item a:hover {
-        text-decoration: none;
-        background-color: #0C0C0C;
-    }
-
-    .news-right .upload-image-box {
-        width: 130px;
-        height: 90px;
-        background: url('__ROOT__/static/plugs/uploader/theme/image.png') no-repeat center center;
-        background-size: cover;
-        border: 1px solid rgba(125, 125, 125, 0.1);
-    }
-
+    .label-required:after{content:''}
+    .news-left.layui-card .layui-card-header,.news-right.layui-card .layui-card-header{border:none;background:#eee}
+    .news-left.layui-card .layui-card-body,.news-right.layui-card .layui-card-body{margin-bottom:30px;border:1px solid #eee}
+    .news-left{left:20px;width:300px;position:absolute}
+    .news-right{left:330px;right:20px;overflow:hidden;position:absolute}
+    .news-left .news-item{width:280px;height:150px;cursor:pointer;max-width:270px;overflow:hidden;position:relative;border:1px solid #ccc;background-size:cover;background-position:center center}
+    .news-left .news-item.active{border:1px solid #44b549!important}
+    .news-left .article-add{color:#999;display:block;font-size:22px;text-align:center}
+    .news-left .article-add:hover{color:#666}
+    .news-left .news-title{bottom:0;color:#fff;width:272px;display:block;padding:0 5px;max-height:6em;overflow:hidden;margin-left:-1px;position:absolute;text-overflow:ellipsis;background:rgba(0,0,0,.7)}
+    .news-left .news-item a{color:#fff;width:30px;height:30px;float:right;font-size:12px;margin-top:-1px;line-height:34px;text-align:center;margin-right:-1px;background-color:rgba(0,0,0,.5)}
+    .news-left .news-item:hover a{display:inline-block!important}
+    .news-left .news-item a:hover{text-decoration:none;background-color:#0C0C0C}
+    .news-right .upload-image-box{width:130px;height:90px;background:url(__ROOT__/static/plugs/uploader/theme/image.png) no-repeat center center;background-size:cover;border:1px solid rgba(125,125,125,.1)}
 </style>
 {/block}

application/wechat/view/news/index.html

@@ -69,93 +69,16 @@
 
 {block name="style"}
 <style>
-
-    #news-box {
-        position: relative;
-    }
-
-    #news-box .news-item {
-        top: 0;
-        left: 0;
-        padding: 5px;
-        margin: 10px;
-        width: 300px;
-        position: relative;
-        border: 1px solid #ccc;
-        box-sizing: content-box;
-    }
-
-    #news-box .news-item .news-articel-item {
-        width: 100%;
-        height: 150px;
-        overflow: hidden;
-        position: relative;
-        background-size: 100%;
-        background-position: center center;
-    }
-
-    #news-box .news-item .news-articel-item p {
-        bottom: 0;
-        width: 100%;
-        color: #fff;
-        padding: 5px;
-        max-height: 5em;
-        font-size: 12px;
-        overflow: hidden;
-        position: absolute;
-        text-overflow: ellipsis;
-        background: rgba(0, 0, 0, 0.7);
-    }
-
-    #news-box .news-item .news-articel-item.other {
-        height: 50px;
-        padding: 5px 0;
-    }
-
-    #news-box .news-item .news-articel-item span {
-        width: 245px;
-        overflow: hidden;
-        line-height: 50px;
-        white-space: nowrap;
-        display: inline-block;
-        text-overflow: ellipsis;
-    }
-
-    #news-box .news-item .news-articel-item div {
-        width: 50px;
-        height: 50px;
-        float: right;
-        overflow: hidden;
-        position: relative;
-        background-size: 100%;
-        background-position: center center;
-    }
-
-    #news-box .hr-line-dashed {
-        margin: 6px 0 1px 0
-    }
-
-    #news-box .news-item .hr-line-dashed:last-child {
-        display: none
-    }
-
-    #news-box .news-tools {
-        top: 0;
-        z-index: 80;
-        color: #fff;
-        width: 302px;
-        padding: 0 5px;
-        margin-left: -6px;
-        line-height: 38px;
-        text-align: right;
-        position: absolute;
-        background: rgba(0, 0, 0, 0.7);
-    }
-
-    #news-box .news-tools a {
-        color: #fff;
-        margin-left: 10px
-    }
-
+    #news-box{position:relative}
+    #news-box .news-item{top:0;left:0;padding:5px;margin:10px;width:300px;position:relative;border:1px solid #ccc;box-sizing:content-box}
+    #news-box .news-item .news-articel-item{width:100%;height:150px;overflow:hidden;position:relative;background-size:100%;background-position:center center}
+    #news-box .news-item .news-articel-item p{bottom:0;width:100%;color:#fff;padding:5px;max-height:5em;font-size:12px;overflow:hidden;position:absolute;text-overflow:ellipsis;background:rgba(0,0,0,.7)}
+    #news-box .news-item .news-articel-item.other{height:50px;padding:5px 0}
+    #news-box .news-item .news-articel-item span{width:245px;overflow:hidden;line-height:50px;white-space:nowrap;display:inline-block;text-overflow:ellipsis}
+    #news-box .news-item .news-articel-item div{width:50px;height:50px;float:right;overflow:hidden;position:relative;background-size:100%;background-position:center center}
+    #news-box .hr-line-dashed{margin:6px 0 1px 0}
+    #news-box .news-item .hr-line-dashed:last-child{display:none}
+    #news-box .news-tools{top:0;z-index:80;color:#fff;width:302px;padding:0 5px;margin-left:-6px;line-height:38px;text-align:right;position:absolute;background:rgba(0,0,0,.7)}
+    #news-box .news-tools a{color:#fff;margin-left:10px}
 </style>
 {/block}

application/wechat/view/news/push.html

@@ -95,98 +95,18 @@
 </script>
 
 <style>
-    body {
-        min-width: 500px
-    }
-
-    #push-tags {
-        max-height: 300px;
-        overflow: auto
-    }
-
-    .bottom-btn {
-        bottom: 0;
-        width: 100%;
-        padding: 10px;
-        display: block;
-        background: #F7F7F7;
-        position: absolute;
-    }
-
-    .news-container {
-        width: 200px;
-        padding-right: 8px
-    }
-
-    .list-container {
-        width: 578px;
-        padding-left: 0;
-        padding-right: 8px;
-    }
-
-    .list-container h5 a {
-        float: right;
-        font-size: 12px;
-    }
-
-    .list-container .list-item {
-        padding: 8px;
-        overflow: auto;
-        max-height: 300px;
-        border: 1px solid #eee;
-    }
-
-    .list-container .list-item:after {
-        content: '';
-        clear: both;
-        width: 100%;
-        display: block;
-    }
-
-    .list-container .list-item label {
-        width: 25%;
-        float: left;
-        display: block;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis
-    }
-
-    .news-container .news-box {
-        padding: 8px;
-        border: 1px solid #eee;
-    }
-
-    .news-container .news-box hr {
-        margin: 4px
-    }
-
-    .news-container .news-box .container {
-        cursor: pointer;
-        overflow: hidden;
-        position: relative;
-        border-radius: 2px;
-        border: 1px solid #cecece;
-    }
-
-    .news-container .news-box .news-image {
-        height: 90px;
-        background-size: 100%;
-        background-position: center center;
-    }
-
-    .news-container .news-box .news-title {
-        position: absolute;
-        background: rgba(0, 0, 0, 0.5);
-        color: #fff;
-        padding: 2px;
-        margin: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        text-align: right;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden
-    }
+    body{min-width:500px}
+    #push-tags{max-height:300px;overflow:auto}
+    .bottom-btn{bottom:0;width:100%;padding:10px;display:block;background:#F7F7F7;position:absolute}
+    .news-container{width:200px;padding-right:8px}
+    .list-container{width:578px;padding-left:0;padding-right:8px}
+    .list-container h5 a{float:right;font-size:12px}
+    .list-container .list-item{padding:8px;overflow:auto;max-height:300px;border:1px solid #eee}
+    .list-container .list-item:after{content:'';clear:both;width:100%;display:block}
+    .list-container .list-item label{width:25%;float:left;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+    .news-container .news-box{padding:8px;border:1px solid #eee}
+    .news-container .news-box hr{margin:4px}
+    .news-container .news-box .container{cursor:pointer;overflow:hidden;position:relative;border-radius:2px;border:1px solid #cecece}
+    .news-container .news-box .news-image{height:90px;background-size:100%;background-position:center center}
+    .news-container .news-box .news-title{position:absolute;background:rgba(0,0,0,.5);color:#fff;padding:2px;margin:0;bottom:0;left:0;right:0;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 </style>

application/wechat/view/news/select.html

@@ -2,100 +2,19 @@
 
 {block name='style'}
 <style>
-    
-    body {
-        min-width: 500px
-    }
-
-    .news-container {
-        position: relative;
-    }
-
-    .news-container .news-item {
-        top: 0;
-        left: 0;
-        width: 232px;
-        margin: 10px;
-        padding: 5px;
-        cursor: pointer;
-        position: relative;
-        border: 1px solid #ccc;
-        box-sizing: content-box;
-    }
-
-    .news-container .news-item:hover,
-    .news-container .news-item.active {
-        border-color: #09c;
-        box-shadow: 1px 0 10px #09c;
-    }
-
-    .news-container .news-item .news-articel-item {
-        width: 100%;
-        height: 150px;
-        overflow: hidden;
-        position: relative;
-        background-size: 100%;
-        background-position: center center;
-    }
-
-    .news-container .news-item .news-articel-item p {
-        bottom: 0;
-        width: 100%;
-        color: #fff;
-        padding: 5px;
-        max-height: 5em;
-        font-size: 12px;
-        overflow: hidden;
-        position: absolute;
-        text-overflow: ellipsis;
-        background: rgba(0, 0, 0, 0.7);
-    }
-
-    .news-container .news-item .news-articel-item.other {
-        height: 50px;
-        padding: 5px 0;
-    }
-
-    .news-container .news-item .news-articel-item .left-image {
-        width: 50px;
-        height: 50px;
-        float: left;
-        overflow: hidden;
-        position: relative;
-        background-size: 100%;
-        background-position: center center;
-    }
-
-    .news-container .news-item .news-articel-item .right-text {
-        float: left;
-        width: 172px;
-        overflow: hidden;
-        padding-right: 10px;
-        text-overflow: ellipsis;
-    }
-
-    .news-container .news-item .hr-line-dashed:last-child {
-        display: none
-    }
-
-    .news-container .hr-line-dashed {
-        margin: 6px 0 1px 0
-    }
-
-    .page-style {
-        bottom: 0;
-        width: 100%;
-        height: 50px;
-        padding: 0 10px;
-        position: fixed;
-        background: #fff;
-    }
-
-    .page-style .pagination, .page-style .pagination-trigger {
-        margin: 10px 0 !important;
-        padding: 0 10px !important;
-    }
-
+    body{min-width:500px}
+    .news-container{position:relative}
+    .news-container .news-item{top:0;left:0;width:232px;margin:10px;padding:5px;cursor:pointer;position:relative;border:1px solid #ccc;box-sizing:content-box}
+    .news-container .news-item.active,.news-container .news-item:hover{border-color:#09c;box-shadow:1px 0 10px #09c}
+    .news-container .news-item .news-articel-item{width:100%;height:150px;overflow:hidden;position:relative;background-size:100%;background-position:center center}
+    .news-container .news-item .news-articel-item p{bottom:0;width:100%;color:#fff;padding:5px;max-height:5em;font-size:12px;overflow:hidden;position:absolute;text-overflow:ellipsis;background:rgba(0,0,0,.7)}
+    .news-container .news-item .news-articel-item.other{height:50px;padding:5px 0}
+    .news-container .news-item .news-articel-item .left-image{width:50px;height:50px;float:left;overflow:hidden;position:relative;background-size:100%;background-position:center center}
+    .news-container .news-item .news-articel-item .right-text{float:left;width:172px;overflow:hidden;padding-right:10px;text-overflow:ellipsis}
+    .news-container .news-item .hr-line-dashed:last-child{display:none}
+    .news-container .hr-line-dashed{margin:6px 0 1px 0}
+    .page-style{bottom:0;width:100%;height:50px;padding:0 10px;position:fixed;background:#fff}
+    .page-style .pagination,.page-style .pagination-trigger{margin:10px 0!important;padding:0 10px!important}
 </style>
 {/block}
 
@@ -119,13 +38,12 @@
         {/foreach}
     </div>
     {/foreach}
-    {if empty($list)}<p class="help-block text-center well">没 有 记 录 哦！</p>{/if}
+    {if empty($list)}<p class="notdata">没有记录哦！</p>{/if}
 </div>
-<div style="height:50px"></div>
+<div class="margin-bottom-20 margin-top-20"></div>
 <div class="page-style">{if isset($pagehtml)}{$pagehtml|raw}{/if}</div>
 {/block}
 
-
 {block name="script"}
 <script>
     require(['jquery.masonry'], function (Masonry) {

public/static/admin.js

@@ -154,7 +154,6 @@ $(function () {
                     $($this.data('input')).val(url).trigger('change');
                 });
             });
-            console.log('init')
         };
         // 在内容区显示视图
         this.show = function (html) {