updata_ugc_style

data/resource/mobile/ugc/css/main.css

@@ -151,7 +151,7 @@ input, textarea {
 
 .title h3 {
   font-size: 40px;
-  margin: 52px 0 33px 0;
+  margin: 52px 0 27px 0;
   line-height: 50px;
   font-weight: normal; }
 .title span.br {
@@ -162,38 +162,38 @@ input, textarea {
   left: 0; }
 
 .author .author_msg {
-  font-size: 34px;
-  padding-top: 23px;
   font-weight: normal; }
 .author .author_msg img {
   display: inline-block;
   border-radius: 200px;
-  width: 68px;
-  height: 68px;
+  width: 50px;
+  height: 50px;
   margin-right: 20px;
   vertical-align: middle; }
 .author .author_msg .author_pro {
   position: relative;
-  top: 4px; }
+  top: 12px;
+  font-size: 26px;
+  color: #999999;}
 .author .author_msg .author_pro .release_date {
-  font-size: 24px;
-  color: #999999;
-  margin-top: 7px; }
+  padding-left: 2px;
+  vertical-align: middle;
+}
 .author .focus {
   text-align: center;
   width: 100px;
   height: 40px;
   line-height: 40px;
-  margin-top: 40px;
+  margin-top: 8px;
   cursor: pointer;
   border-radius: 10px;
   font-size: 24px;
-  background: #e94943;
-  color: #fff; }
+  color: #4A90E2;
+  border: 1px solid #4A90E2; }
 .author .focus.active {
-  background: #9B9B9B;
-  border: none; }
-
+  background: #F2F2F2;
+  border: none;
+  color: #7E7E7E;  }
 .reading {
   font-size: 26px;
   margin-top: 50px;
@@ -229,7 +229,7 @@ input, textarea {
   margin-left: -54px;
   margin-top: -54px; }
 .thumbnail .thumbnail_pro {
-  font-size: 28px;
+  font-size: 26px;
   margin-top: 10px;
   line-height: 40px; }
 
@@ -267,7 +267,9 @@ input, textarea {
   display: table-cell;
   width: 12%;
   text-align: right;
-  color: #999999; }
+  color: #999999;
+  font-size: 26px;
+}
 .comment .comment_list .br {
   width: 750px;
   height: 1px;
@@ -295,7 +297,6 @@ input, textarea {
 .comment .comment_list .comment_item p {
   word-wrap: break-word; }
 .comment .comment_list .comment_item p.msg, .comment .comment_list .comment_item p.reply {
-  font-size: 28px;
   letter-spacing: 2px;
   margin: 0 0 0 83px;
   line-height: 30px; }
@@ -319,7 +320,7 @@ input, textarea {
 .comment .comment_list .comment_item .subject .subject_name {
   top: 6px; }
 .comment .comment_list .comment_item .subject .subject_name .name {
-  font-size: 28px;
+  font-size: 26px;
   color: #4A90E2;
   margin-bottom: 14px; }
 .comment .comment_list .comment_item .subject .subject_name .time {
@@ -734,11 +735,10 @@ input, textarea {
   line-height: 97px;
   background: #fff;
   color: #9B9B9B;
-  padding-left: 33px;
   box-shadow: 0 7px 30px #999999; }
 .bottom_flex a {
   display: inline-block;
-  margin-right: 72px; }
+  margin-right: 56px; }
 .bottom_flex .comment_label .superscript {
   right: -24px;
   top: 23px;
@@ -755,18 +755,20 @@ input, textarea {
 .bottom_flex .like_icon_null, .bottom_flex .share_icon_null, .bottom_flex .msg_icon_null {
   vertical-align: middle; }
 .bottom_flex .msg_btn {
-  width: 300px;
-  height: 65px;
-  line-height: 65px;
-  background: #e8e8e8;
+  width: 397px;
+  height: 56px;
+  line-height: 56px;
+  background: #F2F2F2;
   color: #a0a0a0;
-  border-radius: 20px;
-  margin-top: 16px;
-  margin-right: 60px;
-  padding-left: 20px; }
+  border-radius: 10px;
+  margin: 21px 30px 0 25px;
+  padding-left: 20px;
+  font-size: 26px;
+  box-sizing: border-box;
+}
 .bottom_flex .open_app_btn {
   position: absolute;
-  right: -26px;
+  right: -14px;
   top: 25px;
   width: 113px;
   height: 44px;
@@ -775,7 +777,9 @@ input, textarea {
   text-align: center;
   line-height: 44px;
   border-radius: 10px; }
-
+.bottom_flex a:last-child {
+  margin: 0;
+}
 .handle_result {
   top: 50%;
   left: 50%;
@@ -796,8 +800,8 @@ input, textarea {
 
 .like_icon_null {
   display: inline-block;
-  width: 35px;
-  height: 35px;
+  width: 40px;
+  height: 39px;
   background: url("../images/like_null_icon.png") no-repeat;
   background-size: 100%; }
 
@@ -807,8 +811,8 @@ input, textarea {
 
 .share_icon_null {
   display: inline-block;
-  width: 35px;
-  height: 35px;
+  width: 46px;
+  height: 46px;
   background: url("../images/share_null_icon.png") no-repeat;
   background-size: 100%; }
 
@@ -818,8 +822,8 @@ input, textarea {
 
 .msg_icon_null {
   display: inline-block;
-  width: 36px;
-  height: 36px;
+  width: 45px;
+  height: 45px;
   background: url("../images/msg_null_icon.png") no-repeat;
   background-size: 100%; }
 
@@ -871,8 +875,8 @@ input, textarea {
     opacity: 0;
     z-index: 1500; } }
 article {
-  font-size: 28px;
-  line-height: 52px;
+  font-size: 26px;
+  line-height: 42px;
   letter-spacing: 2px;
   margin-top: 27px;
   text-align: justify; }

data/resource/mobile/ugc/js/main.js

@@ -21,6 +21,12 @@ $('html').css('height', '100%');
     }
 })();
 
+(function(){
+    if($('.open_app_btn').length > 0) {
+        $('.bottom_flex a').css('margin-right','32px');
+    }
+})();
+
 var Session_manage = (function(){
     if(!window.sessionStorage) {
         console.log('该设备不支持sessionStorage!');
@@ -1149,8 +1155,9 @@ event($('.pop'), 'click', function () {
     commentsBox.close();
 });
 
-event($('.share_icon_null'), 'touchend', function ()
+event($('.share_icon_null'), 'touchend', function (e)
 {
+    e.preventDefault();
     function addslashes (str) {
         return (str + '').replace(/[\\"']/g, '\\$&').replace(/\u0000/g, '\\0');
     }
@@ -1191,4 +1198,4 @@ function app() {
 }
 
 var open_href = app();
-$('.open_app_btn').attr('href', open_href);
+$('.open_app_btn').attr('href', open_href);

mobile/control/special.php

@@ -270,7 +270,6 @@ class tpl_ugc
         {
             $str = "<div class=\"title\">
                         <h3>{$title}</h3>
-                        <span class=\"br\"></span>
                     </div>";
             echo $str;
         }
@@ -307,8 +306,8 @@ class tpl_ugc
 
             $av_str = "<img src=\"{$avatar}\" alt=\"熊猫美妆\">";//
             $name_str = "<div class=\"author_pro\">
-                            <p>文/{$nick_name}</p >
-                            <p class=\"release_date\">{$pubtime}</p >
+                            <span>文/{$nick_name}</span >
+                            <span class=\"release_date\">{$pubtime}</span>
                          </div>";
             $str = $av_str . $name_str;
         } else {
@@ -407,7 +406,7 @@ class tpl_ugc
             $str .= "<div class=\"comment\">
                         <div class=\"pro\">
                             <div class=\"pro_title\">评论</div>
-                            <div class=\"reading\">阅读量 {$clicks}</div>
+                            <div class=\"reading\">浏览数 {$clicks}</div>
                             <div class=\"complaint\">
                                 <a href=\"{$report_url}\">投诉</a>
                             </div>

mobile/templates/default/ugc/content.php

@@ -15,7 +15,7 @@
 
 <?php $tpl_obj = $output['tpl_obj']; $tpl_obj->show_title();?>
 <div class="author" >
-    <div class="author_msg" style="font-size: 34px;">
+    <div class="author_msg" style="font-size: 34px;margin-bottom: 10px;">
         <?php $tpl_obj = $output['tpl_obj']; $tpl_obj->show_sender();?>
     </div>
     <?php $tpl_obj = $output['tpl_obj']; $tpl_obj->show_relation();?>