From b2858f2aa2d2df1a7fa3cbacafcff75592d63aa6 Mon Sep 17 00:00:00 2001
From: Anyon <zoujingli@qq.com>
Date: Fri, 27 Mar 2020 11:26:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A8=A1=E6=9D=BF=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/wechat/view/api/login/failed.html  |  2 +-
 app/wechat/view/api/login/success.html |  1 -
 app/wechat/view/api/review/image.html  | 16 ++++++--
 app/wechat/view/api/review/music.html  | 51 ++++++++++++++++++++++----
 app/wechat/view/api/review/video.html  | 29 +++++++++++++--
 app/wechat/view/api/review/view.html   | 51 +++++++++++++++++++++-----
 app/wechat/view/api/test/jssdk.html    | 34 ++++++++++++++---
 app/wechat/view/api/test/oauth.html    | 25 ++++---------
 8 files changed, 161 insertions(+), 48 deletions(-)

diff --git a/app/wechat/view/api/login/failed.html b/app/wechat/view/api/login/failed.html
index dd874d6a6..edf4d3b81 100644
--- a/app/wechat/view/api/login/failed.html
+++ b/app/wechat/view/api/login/failed.html
@@ -17,9 +17,9 @@
         }
 
         header div {
+            color: rgb(240, 91, 41);
             font-size: 7vw;
             margin-top: 8vh;
-            color: rgb(240, 91, 41);
             font-weight: bold;
             letter-spacing: 2px;
         }
diff --git a/app/wechat/view/api/login/success.html b/app/wechat/view/api/login/success.html
index 9819ba6bb..b520132c1 100644
--- a/app/wechat/view/api/login/success.html
+++ b/app/wechat/view/api/login/success.html
@@ -46,7 +46,6 @@
         <div>{$message|default='授权成功'}</div>
     </header>
     <div class="container">
-        <p>授权地址：<span>{:request()->host()}</span></p>
         <p>授权时间：<span>{:date('Y年m月d日H:i')}</span></p>
     </div>
 </div>
diff --git a/app/wechat/view/api/review/image.html b/app/wechat/view/api/review/image.html
index e260e57b5..1680f0201 100644
--- a/app/wechat/view/api/review/image.html
+++ b/app/wechat/view/api/review/image.html
@@ -4,14 +4,22 @@
 <div class="header"><span>{:date('H:i')}</span></div>
 <div class="container">
     <div class="logo">A</div>
-    <div class="content">
-        <img style="max-width:100%" src="{$content|default=''}">
-    </div>
+    <div class="content"><img src="{$content|default=''}" alt="img"></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 {
+        border: none !important;
+        display: inline-block;
+        padding: 0 !important;
+        position: relative;
+        border-radius: 5px;
+    }
+
+    .container .content img {
+        max-width: 100%
+    }
 </style>
 {/block}
\ No newline at end of file
diff --git a/app/wechat/view/api/review/music.html b/app/wechat/view/api/review/music.html
index eaa17905a..7ae325581 100644
--- a/app/wechat/view/api/review/music.html
+++ b/app/wechat/view/api/review/music.html
@@ -5,9 +5,9 @@
 <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">{$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 class="content-title">{$title|default=''}</div>
+        <div class="content-content">{$desc|default=''}</div>
+        <a href="javascript:void(0)" id="audio_btn" class="content-button icon icon-play"></a>
         <div style="clear:both"></div>
         <audio id="audio">
             <source src="{$url|default=''}">
@@ -28,9 +28,46 @@
 
 {block name='style'}
 <style>
-    .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}
+    .content-title {
+        width: 7.5rem;
+        overflow: hidden;
+        font-size: .6rem;
+        text-overflow: ellipsis
+    }
+
+    .content-button {
+        top: 1.4rem;
+        float: right;
+        right: 0.8rem;
+        position: absolute;
+    }
+
+    .content-content {
+        color: #ccc;
+        width: 7.5rem;
+        overflow: hidden;
+        font-size: .5rem;
+        text-overflow: ellipsis;
+    }
+
+    .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}
\ No newline at end of file
diff --git a/app/wechat/view/api/review/video.html b/app/wechat/view/api/review/video.html
index a3444456a..599aa7ee1 100644
--- a/app/wechat/view/api/review/video.html
+++ b/app/wechat/view/api/review/video.html
@@ -13,9 +13,32 @@
 
 {block name='style'}
 <style>
-    .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}
+    .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}
\ No newline at end of file
diff --git a/app/wechat/view/api/review/view.html b/app/wechat/view/api/review/view.html
index 571d132b8..89ba425fa 100644
--- a/app/wechat/view/api/review/view.html
+++ b/app/wechat/view/api/review/view.html
@@ -5,14 +5,14 @@
 {block name='content'}
 <div class="container">
     {notempty name='info'}
-    <h2>{$info.title}</h2>
+    <h2>{$info.title|default=''}</h2>
     <h3>
         <span style="color:#666">{$info.author}</span>
         <span style="margin-left:0.4rem">{:date('Y年m月d日',strtotime($info.create_at))}</span>
     </h3>
-    {if $info.show_cover_pic and $info.local_url}<img src="{$info.local_url}" style="width:100%">{/if}
+    {if $info.show_cover_pic and $info.local_url}<img src="{$info.local_url}" style="width:100%" alt="img">{/if}
     <div class='content-text'>{$info.content|raw}</div>
-    <div style="font-size:0.6rem;color:#999;line-height:1rem;text-align:right;margin-top:0.5rem">阅读 {$info.read_num}</div>
+    <div class="content-read">阅读 {$info.read_num}</div>
     {else}
     <div class="info"><h3>404</h3> 访问资源不存在哦！</div>
     {/notempty}
@@ -21,13 +21,46 @@
 
 {block name='style'}
 
-
 <style>
-    .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}
+    .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-read {
+        color: #999;
+        font-size: 0.6rem;
+        text-align: right;
+        margin-top: 0.5rem;
+        line-height: 1rem;
+    }
+
+    .container .content-text {
+        font-size: .7rem;
+        line-height: 1.3rem
+    }
+
+    .container .content-text img {
+        max-width: 100%;
+        height: auto !important
+    }
 </style>
 
 {/block}
\ No newline at end of file
diff --git a/app/wechat/view/api/test/jssdk.html b/app/wechat/view/api/test/jssdk.html
index 8b1f9d48d..9a4b1d38f 100644
--- a/app/wechat/view/api/test/jssdk.html
+++ b/app/wechat/view/api/test/jssdk.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html lang="zh">
 <head>
-    <title>JSSDK 功能测试</title>
     <meta charset="utf-8">
+    <title>JSSDK 功能测试</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <link rel="stylesheet" href="__ROOT__/static/theme/css/mobile.css">
@@ -10,14 +10,36 @@
 
 <body>
 
-<header style="padding:35px 0">
-    <h1 style="text-align:center;font-size:34px;color:#3cc51f;font-weight:400;">JSSDK 功能测试</h1>
+<header>
+    <h1>JSSDK 功能测试</h1>
 </header>
 
-<div style="padding:15px;text-align:center">
-    <button type="button" style="padding:5px" id='show-alert'>调起摄像头扫码</button>
+<div class="content">
+    <button type="button" id='show-alert'>调起摄像头扫码</button>
 </div>
 
+<style>
+    header {
+        padding: 35px 0
+    }
+
+    header h1 {
+        color: #3cc51f;
+        font-size: 34px;
+        text-align: center;
+        font-weight: 400;
+    }
+
+    .content {
+        padding: 15px;
+        text-align: center;
+    }
+
+    .content button {
+        padding: 5px
+    }
+</style>
+
 <script src="//res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
 <script>
     wx.error(function (err) {
diff --git a/app/wechat/view/api/test/oauth.html b/app/wechat/view/api/test/oauth.html
index 0603a4afb..880fb53cb 100644
--- a/app/wechat/view/api/test/oauth.html
+++ b/app/wechat/view/api/test/oauth.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="zh">
+
 <head>
     <meta charset="UTF-8">
     <title>微信网页授权测试</title>
-    <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <link rel="stylesheet" href="__ROOT__/static/theme/css/mobile.css">
@@ -11,8 +11,7 @@
 </head>
 
 <body>
-
-<!--{if empty($fans.fansinfo)}-->
+{if empty($fans.fansinfo)}
 <fieldset style="width:80%;margin:1rem auto">
     <legend style="padding:0.2rem 0.3rem;font-size:0.9rem;color:#666">操作失败</legend>
     <div style="padding-top:0.4rem">
@@ -22,43 +21,35 @@
         </p>
     </div>
 </fieldset>
-<!--{else}-->
+{else}
 <div class="header" style="padding:1rem 0 0.6rem 0;text-align:center">
-    <img style='width:132px;height:132px;border-radius:50%;border:0.6rem solid rgba(150,40,40,0.6)' src="{$fans.fansinfo.headimgurl}">
+    <img alt="img" style='width:132px;height:132px;border-radius:50%;border:0.6rem solid rgba(150,40,40,0.6)' src="{$fans.fansinfo.headimgurl}">
     <h1>{$fans.fansinfo.nickname}</h1>
 </div>
-
 <fieldset style="width:80%;margin:0.6rem auto">
     <legend style="padding:0.2rem 0.3rem;font-size:0.9rem;color:#666">用户标识</legend>
     <div style="padding-top:0.4rem">
-
         <div style="font-size:0.8rem;margin-bottom:0.3rem;color:#999">OPENID</div>
         <p style="font-size:0.6rem;margin-bottom:0.8rem">{$fans.fansinfo.openid}</p>
-
         <div style="font-size:0.8rem;margin-bottom:0.3rem;color:#999">UNIONID</div>
         <p style="font-size:0.6rem;margin-bottom:0.8rem">{$fans.fansinfo.unionid|default='未获取到'}</p>
-
     </div>
 </fieldset>
-
 <fieldset style="width:80%;margin:0.6rem auto">
     <legend style="padding:0.2rem 0.3rem;font-size:0.9rem;color:#666">详细资料</legend>
     <div style="padding-top:0.4rem">
         <div style="font-size:0.8rem;margin-bottom:0.3rem;color:#999">性别</div>
         <p style="font-size:0.6rem;margin-bottom:0.8rem">{:[1=>'男',2=>'女'][$fans.fansinfo.sex]??'未知'}</p>
-
         <div style="font-size:0.8rem;margin-bottom:0.3rem;color:#999">系统语言</div>
         <p style="font-size:0.6rem;margin-bottom:0.8rem">{$fans.fansinfo.language}</p>
-
         <div style="font-size:0.8rem;margin-bottom:0.3rem;color:#999">所在区域</div>
         <p style="font-size:0.6rem;margin-bottom:0.8rem">{$fans.fansinfo.country} - {$fans.fansinfo.province} - {$fans.fansinfo.city}</p>
-
         {if isset($fans.fansinfo.privilege.0)}
         <div style="font-size:0.8rem;margin-bottom:0.3rem;color:#999">设备网络</div>
         <p style="font-size:0.6rem;margin-bottom:0.8rem">{$fans.fansinfo.privilege.0|default='未获取到网络信息'}</p>
         {/if}
     </div>
 </fieldset>
-
-<!--{/if}-->
-</body>
\ No newline at end of file
+{/if}
+</body>
+</html>
\ No newline at end of file