兰代清没头发

src/components/detail/NavDetail.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="DefinedPage" >
-    <div class="LeftPart" style="overflow: auto">
+    <div class="LeftPart"  style="overflow: auto">
       <div class="JustBack" style="width:670px;display:flex; flex-direction: row; flex-wrap: nowrap;height:430px !important;">
         <div id="ShowPic" style="display: flex;flex-direction: column;flex-wrap: wrap">
-          <div class="card" style=" width: 180px;height:180px;margin-top:50px">
+          <div class="card" style="width: 180px;height:180px;margin-top:50px;background-color: var( --theme-bg-color)" >
-            戳戳跳转
+            <img :src="UrlObj.icon">
           </div>
           <div id="IconGroup" style="margin-top:60px;display: flex;flex-direction: row;flex-wrap: nowrap;margin-left:-20px">
             <div class="little-Triangle" style=" margin-left:15px;">
@@ -13,7 +13,7 @@
                            effect="dark" close-delay="2000">
                 <div class="MyPopover" slot="content">
                   <span style="font-size:12px !important;">【91视频网站】完整URL</span><br/><br/>
-                  <div style="width:100% ;text-align: center">http://91vedio/1145141919</div>
+                  <div style="width:100% ;text-align: center">{{UrlObj.url}}</div>
                 </div>
                 <i class="el-icon-link" id="little-Circle-content" style="font-weight:550;padding:5px;font-size:15px!important;margin-top:5px">完整URL</i>
               </el-tooltip>
@@ -34,8 +34,8 @@
         <div class="NavInfo" style="margin-top:45px;margin-left:50px;width:220px;">
           <span style="font-size:30px;font-family: STHupo">{{UrlObj.name}}</span><br/>
           <div class="NavInfo" >
-            <span style="width:200px">创建时间：2023年12月20日</span><br/>
+            <span style="width:200px">创建时间：{{Cdate}}</span><br/>
-            <span style="width:200px">创建用户：答辩超人</span><br/>
+            <span style="width:200px">创建用户：{{}}</span><br/>
             <span style="width:200px">所属标签：｛小视频｝</span><br/>
             <div style="display: flex;flex-direction: row">
               <div class="little-Circle" id="readNum" style=" margin-left:15px;">
@@ -44,7 +44,7 @@
                              effect="dark" close-delay="2000">
                   <div class="MyPopover" slot="content">
                     <span style="font-size:12px !important;">【91视频网站】总浏览量</span><br/><br/>
-                    <div style="width:100% ;text-align: center">114514  次</div>
+                    <div style="width:100% ;text-align: center">{{UrlObj.views}}  次</div>
                   </div>
                   <i class="el-icon-s-custom" id="little-Circle-content" style=" padding:5px;"></i>
                 </el-tooltip>
@@ -87,17 +87,7 @@
             <div class="TitleFont"><i class="el-icon-s-promotion"></i>网站介绍</div>
           </div>
           <div class="ArticleContent">
-                  <span>91视频一款免费、高清视频在线观看软件。内容丰富多元,节目持续更新,内容播放清晰流畅,操作界面简单友好,真正为用户带来“悦享品质”的观映体验。
+                 {{UrlObj.desc}}
-                  全网视频大收罗；收费电影免费看；美剧、动漫、电影、电视剧迷们的福利社<br/>
-                  畅享移动高清
-                  为移动用户量身打造，操作界面清新友好内容丰富多元。
-                  快速发现内容
-                  分频道视频浏览，分类更合理，高效
-                  更小、更快、更流畅
-                  安装包小、CPU占用少、播放更加流畅清晰。<br/>
-                  使用91视频观看视频需要具备怎样的网络条件
-                  支持无线网络WIFI（WLAN）及3G网络在线观看视频，播放清晰、流畅。其他2G等更低速度的移动网络播放视频时会出现速度慢、无法加载等异常情况，因此不建议使用。
-                  91视频是免费软件，无需支付任何费用即可随时随地观看精彩视频。由于在使用过程中需要连接网络，因此根据不同网络的费用标准会产生相应的服务费用。推荐您使用无线网络WIFI连接方式以节约3G流量费。</span>
           </div>
         </div>
         <!--导航评论-->
@@ -170,12 +160,12 @@ export default {
     //   获取标签对象：
       UrlObj:Object,
     //   创建时间：
+      UnDate:null,
       Cdate:null,
     }},
   mounted() {
       this.initPage();
       this.GetNav(this.UrlId);
-      this.getFormatDate();
       this.initEchart();
 
   },
@@ -189,14 +179,15 @@ export default {
       // 时间转换：
       getFormatDate() {
         var that = this;
-        var date = new Date(parseInt(that.UrlObj.createtime));// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
+        console.log(this.UnDate + "传入时间戳");
-        var Y = date.getFullYear() + '-';
+        var date = new Date(this.UnDate);// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
-        var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
+        var Y = date.getFullYear() + '年';
-        var D = date.getDate() + ' ';
+        var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '月';
-        var h = date.getHours() + ':';
+        var D = date.getDate() + '日 ';
-        var m = date.getMinutes() + ':';
+        // var h = date.getHours() + ':';
-        var s = date.getSeconds();
+        // var m = date.getMinutes() + ':';
-        that.Cdate = "" + Y + M + D + h + m + s;
+        // var s = date.getSeconds();
+        that.Cdate = "" + Y + M + D ;
       },
 
 
@@ -292,22 +283,21 @@ export default {
           }
         }).then((res)=>{
             that.UrlObj = res.data.data;
+            that.UnDate = that.UrlObj.createtime;
         }).catch((error)=>{
           Vue.prototype.$notify.error({
             title: '错误',
             message: error===null?'':error,
             offset: 0
           });
-        })
+        });
-        //
+        this.getFormatDate();
-        // var temp = new Date(that.UrlObj.createtime);
-        // that.Cdate = temp;
     },
     //   向管理员反馈
     WarnToAdmin(){
       console.log(this.UrlId);
       console.log(this.UrlObj);
-      console.log(this.UrlObj.createtime);
+      console.log(this.UrlObj.createtime + typeof (this.UrlObj.createtime));
       console.log(this.Cdate);
     }
   }