测试

mobile/css/index.css

@@ -1141,6 +1141,14 @@
   left: 0.15rem;
   top: 0.48rem;
 }
+.top-box-face {
+  width: 0.9rem;
+  height: 0.9rem;
+  border-radius: 50%;
+  position: absolute;
+  right: 0.5rem;
+  top: 0.14rem;
+}
 .right-list-box-out {
   position: absolute;
   width: 7.8rem;
@@ -1154,6 +1162,13 @@
   border-top: 1px solid #EBEBEB;
   border-bottom: none;
 }
+.right-list-box-ref2 {
+  position: absolute;
+  width: 7.8rem;
+  border-top: 1px solid #EBEBEB;
+  border-bottom: none;
+  bottom: 0;
+}
 .revise-layer {
   width: 10rem;
   height: 100vh;

mobile/css/index.less

@@ -1174,6 +1174,14 @@
  
   }
 }
+.top-box-face{
+  width: 0.9rem;
+  height: 0.9rem;
+  border-radius: 50%;
+  position: absolute;
+  right: 0.5rem;
+  top: 0.14rem;
+}
 .right-list-box-out{
   position: absolute;
   width: 7.8rem;
@@ -1187,6 +1195,13 @@
   border-top: 1px solid #EBEBEB;
   border-bottom: none;
 }
+.right-list-box-ref2{
+  position: absolute;
+  width: 7.8rem;
+  border-top: 1px solid #EBEBEB;
+  border-bottom: none;
+  bottom: 0;
+}
 .revise-layer{
   width: 10rem;
   height: 100vh;

mobile/index.html

@@ -394,7 +394,7 @@
             <div class="right-list-box right-login-box">登入/註冊</div>
             <div class="right-list-box right-list-box-reg">儲值</div>
         </div>
-        <!-- <div class="right-list-bottom1">刷新</div> -->
+        <div class="right-list-box right-list-box-ref2">刷新</div>
     </div>
 </body>
 <script src="layer-v3.1.0/layer/layer.js"></script>
@@ -757,7 +757,9 @@ $(function(){
     $(".right-nav").on("touchmove",function(event){
         event.preventDefault();
     });
-
+    $(".right-list-box-ref2").unbind("click").on("click",function(){
+        window.location.reload()
+    })
     function userInfo(){
         $.ajax({
             url:$ip+'user/queryUserBaseInfo',
@@ -778,6 +780,12 @@ $(function(){
                     }, 500);
                     return;
                 }
+                $(".top-box").append('<img class="top-box-face" src="https://zhibocdn.yabolive.net/comm'+data.userData.face+'?x-oss-process=image/resize,w_100">')
+                $(".top-box").unbind("click").on("click",function(){
+                    $(".right-nav").css("right","0rem")
+                    rightNavShow=true;
+                    $(".nav-shadow").show()
+                })
                 $(".zone-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.userData.face+"?x-oss-process=image/resize,w_100")
                 var html=[];
                 html+='<div class="right-list-box right-list-box-face"><img src="https://zhibocdn.yabolive.net/comm'+data.userData.face+'?x-oss-process=image/resize,w_80"><p>'+data.userData.nickname+'</p><span>></span></div>';