ホーム エクスプローラ ヘルプ
登録 サインイン
wutt
/
manHourHousekeeper
1
0
Fork 0
ファイル 課題 0 プルリクエスト 0 Wiki
ソースを参照

提交代码

Lijy 6 ヶ月 前
親
f953d7e13a
コミット
f14bd06ed3
4 ファイル変更、83 行追加、11 行削除
一括表示 差分情報を表示
  1. 5 1
      fhKeeper/formulahousekeeper/inva_4_tivo/css/knowledgeField.css
  2. 5 1
      fhKeeper/formulahousekeeper/inva_4_tivo/css/knowledgeField.less
  3. 37 4
      fhKeeper/formulahousekeeper/inva_4_tivo/knowledge.ftl
  4. 36 5
      fhKeeper/formulahousekeeper/inva_4_tivo/knowledgeDetails.ftl

+ 5 - 1
fhKeeper/formulahousekeeper/inva_4_tivo/css/knowledgeField.css
ファイルの表示 

@@ -321,7 +321,8 @@
 
   width: 100%;
 
   width: 100%;
 
   height: 100%;
 
   height: 100%;
 
 }
 
 }
 
-.knowledgeFieldCon .linkButton {
 
+.knowledgeFieldCon .linkButton,
 
+.knowledgeFieldCon .linkButtonss {
 
   color: #7b7b7b;
 
   color: #7b7b7b;
 
   font-family: Microsoft YaHei UI;
 
   font-family: Microsoft YaHei UI;
 
   font-weight: regular;
 
   font-weight: regular;
 
@@ -332,6 +333,9 @@
 
   position: relative;
 
   position: relative;
 
   z-index: 2;
 
   z-index: 2;
 
 }
 
 }
 
+.knowledgeFieldCon .linkButtonss {
 
+  color: #3396fb;
 
+}
 
 .knowledgeFieldCon .dividingLine {
 
 .knowledgeFieldCon .dividingLine {
 
   height: 0.0625rem;
 
   height: 0.0625rem;
 
   background: #dcdfe6;
 
   background: #dcdfe6;

+ 5 - 1
fhKeeper/formulahousekeeper/inva_4_tivo/css/knowledgeField.less
ファイルの表示 

@@ -334,7 +334,7 @@
 
     height: 100%;
 
     height: 100%;
 
   }
 
   }
 
 
 
-  .linkButton {
 
+  .linkButton, .linkButtonss {
 
     color: #7b7b7b;
 
     color: #7b7b7b;
 
     font-family: Microsoft YaHei UI;
 
     font-family: Microsoft YaHei UI;
 
     font-weight: regular;
 
     font-weight: regular;
 
@@ -346,6 +346,10 @@
 
     z-index: 2;
 
     z-index: 2;
 
   }
 
   }
 
 
 
+  .linkButtonss {
 
+    color: #3396fb;
 
+  }
 
+
 
   .dividingLine {
 
   .dividingLine {
 
     height: 0.0625rem;
 
     height: 0.0625rem;
 
     background: #dcdfe6;
 
     background: #dcdfe6;

+ 37 - 4
fhKeeper/formulahousekeeper/inva_4_tivo/knowledge.ftl
ファイルの表示 

@@ -9,7 +9,7 @@
 
     content="工时管理，工时统计，工时填报，项目成本统计，生产工时管理系统，工时成本管理，工时管理软件，研发工时管理系统，企业工时管理系统，项目工时统计，项目工时统计软件，项目工时统计系统，工时统计系统，工时统计表" />
 
     content="工时管理，工时统计，工时填报，项目成本统计，生产工时管理系统，工时成本管理，工时管理软件，研发工时管理系统，企业工时管理系统，项目工时统计，项目工时统计软件，项目工时统计系统，工时统计系统，工时统计表" />
 
   <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目，部门，岗位等多维度统计成本。" />
 
   <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目，部门，岗位等多维度统计成本。" />
 
   <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
 
   <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
 
-  <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
 
+  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
 
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext"
 
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext"
 
     rel="stylesheet">
 
     rel="stylesheet">
 
   <link href="/css/bootstrap.css" rel="stylesheet">
 
   <link href="/css/bootstrap.css" rel="stylesheet">
 
@@ -22,8 +22,15 @@
 
   <link href="/css/knowledgeField.css" rel="stylesheet" >
 
   <link href="/css/knowledgeField.css" rel="stylesheet" >
 
 </head>
 
 </head>
 
 
 
-<body>
 
-  <iframe id="headerIframe" src="/moduleView/header.html" class="iframeClass" onLoad="reinitIframe();"></iframe>
 
+<body data-spy="scroll" data-target=".fixed-top" id="body">
 
+  <div class="spinner-wrapper">
 
+      <div class="spinner">
 
+          <div class="bounce1"></div>
 
+          <div class="bounce2"></div>
 
+          <div class="bounce3"></div>
 
+      </div>
 
+  </div>
 
+  <iframe id="headerIframe" src="/moduleView/header.html" class="iframeClass"></iframe>
 
   <div class="knowledgeFieldCon">
 
   <div class="knowledgeFieldCon">
 
     <div v-loading="detailsSwitchingLoading" class="wh100 flex">
 
     <div v-loading="detailsSwitchingLoading" class="wh100 flex">
 
       <div class="knowledgeField">
 
       <div class="knowledgeField">
 
@@ -43,7 +50,7 @@
 
                 <div class="textContent">
 
                 <div class="textContent">
 
                   <div>${ item.title }</div>
 
                   <div>${ item.title }</div>
 
                   <p>${ item.profile }</p>
 
                   <p>${ item.profile }</p>
 
-                  <button class="linkButton" onclick="learnMore(${item.id})">了解详情></button>
 
+                  <button class="linkButtonss" onclick="learnMore(${item.id})">了解详情></button>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
 
               <div class="dividingLine"></div>
 
               <div class="dividingLine"></div>
 
@@ -153,6 +160,32 @@
 
 
 
   // 初始化分页
 
   // 初始化分页
 
   initPagination();
 
   initPagination();
 
+
 
+  function reinitIframe() {
 
+      const iframe = document.getElementById("headerIframe");
 
+      let observer = null
 
+      if (iframe) {
 
+          const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
 
+          const iframeBody = iframeDocument.body
 
+          observer = new MutationObserver(function(mutationsList, observer) {
 
+              const bodyHeight = iframeBody.clientHeight;
 
+              iframe.style.height = (bodyHeight + 1) + 'px';
 
+          });
 
+
 
+          observer.observe(iframeBody, { attributes: true, childList: true, subtree: true });
 
+          let imgElement = iframeDocument.getElementById('logo');
 
+          let headerItems = iframeDocument.querySelectorAll('.header-item')
 
+          let headerView = iframeDocument.querySelector('.headerView')
 
+          headerView.style.background = '#fff'
 
+          imgElement.src = './image/logos.jpg'
 
+          headerView.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0)';
 
+          headerItems.forEach(function(item) {
 
+              item.style.color = '#000'; // 设置你想要的字体颜色
 
+          });
 
+      }
 
+  }
 
+  reinitIframe()
 
+  
 </script>
 
 </script>
 
 
 
 </html>
 
 </html>

+ 36 - 5
fhKeeper/formulahousekeeper/inva_4_tivo/knowledgeDetails.ftl
ファイルの表示 

@@ -9,7 +9,7 @@
 
     content="工时管理，工时统计，工时填报，项目成本统计，生产工时管理系统，工时成本管理，工时管理软件，研发工时管理系统，企业工时管理系统，项目工时统计，项目工时统计软件，项目工时统计系统，工时统计系统，工时统计表" />
 
     content="工时管理，工时统计，工时填报，项目成本统计，生产工时管理系统，工时成本管理，工时管理软件，研发工时管理系统，企业工时管理系统，项目工时统计，项目工时统计软件，项目工时统计系统，工时统计系统，工时统计表" />
 
   <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目，部门，岗位等多维度统计成本。" />
 
   <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目，部门，岗位等多维度统计成本。" />
 
   <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
 
   <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
 
-  <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
 
+  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
 
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext"
 
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext"
 
     rel="stylesheet">
 
     rel="stylesheet">
 
   <link href="/css/bootstrap.css" rel="stylesheet">
 
   <link href="/css/bootstrap.css" rel="stylesheet">
 
@@ -22,8 +22,15 @@
 
   <link href="/css/knowledgeField.css" rel="stylesheet" >
 
   <link href="/css/knowledgeField.css" rel="stylesheet" >
 
 </head>
 
 </head>
 
 
 
-<body>
 
-  <iframe id="headerIframe" src="/moduleView/header.html" class="iframeClass" onload="reinitIframe();"></iframe>
 
+<body data-spy="scroll" data-target=".fixed-top" id="body">
 
+  <div class="spinner-wrapper">
 
+      <div class="spinner">
 
+          <div class="bounce1"></div>
 
+          <div class="bounce2"></div>
 
+          <div class="bounce3"></div>
 
+      </div>
 
+  </div>
 
+  <iframe id="headerIframe" src="/moduleView/header.html" class="iframeClass"></iframe>
 
   <div class="knowledgeFieldCon">
 
   <div class="knowledgeFieldCon">
 
     <div v-if="isItForDetails" class="knowledgeDetails">
 
     <div v-if="isItForDetails" class="knowledgeDetails">
 
       <div class="returnIcon" id="returnIcon">
 
       <div class="returnIcon" id="returnIcon">
 
@@ -125,6 +132,7 @@
 
 <script src="/js/js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
 
 <script src="/js/js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
 
 <script src="/js/js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
 
 <script src="/js/js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
 
 <script src="/js/js/scripts.js"></script>
 
 <script src="/js/js/scripts.js"></script>
 
+<script src="/js/iframe.js"></script>
 
 
 
 <script>
 
 <script>
 
   const knowledgeDetails = '/articleTemplate/articleDetail'
 
   const knowledgeDetails = '/articleTemplate/articleDetail'
 
@@ -159,7 +167,30 @@
 
       });
 
       });
 
     });
 
     });
 
   });
 
   });
 
-</script>
 
-<script src="/js/iframe.js"></script>
 
 
 
+  function reinitIframe() {
 
+      const iframe = document.getElementById("headerIframe");
 
+      let observer = null
 
+      if (iframe) {
 
+          const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
 
+          const iframeBody = iframeDocument.body
 
+          observer = new MutationObserver(function(mutationsList, observer) {
 
+              const bodyHeight = iframeBody.clientHeight;
 
+              iframe.style.height = (bodyHeight + 1) + 'px';
 
+          });
 
+
 
+          observer.observe(iframeBody, { attributes: true, childList: true, subtree: true });
 
+          let imgElement = iframeDocument.getElementById('logo');
 
+          let headerItems = iframeDocument.querySelectorAll('.header-item')
 
+          let headerView = iframeDocument.querySelector('.headerView')
 
+          headerView.style.background = '#fff'
 
+          imgElement.src = './image/logos.jpg'
 
+          headerView.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0)';
 
+          headerItems.forEach(function(item) {
 
+              item.style.color = '#000'; // 设置你想要的字体颜色
 
+          });
 
+      }
 
+  }
 
+  reinitIframe()
 
+</script>
 
 </html>
 
 </html>