Inicio Explorar Axuda
Rexistro Iniciar sesión
wutt
/
manHourHousekeeper
1
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

提交代码

Lijy hai 2 meses
pai
d5fba28586
achega
b731ccf6e3
Modificáronse 12 ficheiros con 810 adicións e 0 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 106 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/appMarket.html
  2. 138 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/css/appMarket.css
  3. 161 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/css/appMarket.less
  4. BIN=BIN
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/image/customerNew/login_logo.png
  5. BIN=BIN
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/image/followup/suifangaas.png
  6. BIN=BIN
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/image/ions/youjiantos.png
  7. 106 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/appMarket.html
  8. 138 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/css/appMarket.css
  9. 161 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/css/appMarket.less
  10. BIN=BIN
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/image/customerNew/login_logo.png
  11. BIN=BIN
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/image/followup/suifangaas.png
  12. BIN=BIN
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/image/ions/youjiantos.png

+ 106 - 0
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/appMarket.html
Ver ficheiro 

@@ -0,0 +1,106 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title>应用市场</title>
 
+  <link rel="stylesheet" href="./css/reset.css">
 
+  <link rel="stylesheet" href="./css/appMarket.css">
 
+</head>
 
+
 
+<body>
 
+  <div class="applicationMarket">
 
+    <div class="applicationMarket-title">
 
+      <div class="ourServices">
 
+        我们的服务
 
+      </div>
 
+      <div class="applicationEncyclopedia">
 
+        我们的应用大全 大标题 限一行
 
+      </div>
 
+    </div>
 
+    <div class="topicContent">
 
+
 
+      <div class="bigCircle">
 
+        <a href="./index.html">
 
+          <div class="bigCircle-icon">
 
+            <img src="./image/gsgj.png">
 
+          </div>
 
+          <div class="textTitle">
 
+            <div class="textTitle-title">
 
+              工时管家
 
+              <div class="textTitle-title-icon">
 
+                <img src="./image/ions/youjiantos.png" />
 
+              </div>
 
+            </div>
 
+            <div class="textTitle-text">
 
+              工时管家基础版提供核心的工时填报、审核和统计功能，专业版增加了项目管理模块，包含立项、任务协同进度追踪、费用成本管控等功能。旗舰版涵盖了客户管理、合同管理、请假和出差管理模块，满足全面数字化办公需求。
 
+            </div>
 
+          </div>
 
+        </a>
 
+      </div>
 
+
 
+
 
+
 
+      <div class="bigCircle">
 
+        <a href="./customerNew.html">
 
+          <div class="bigCircle-icon">
 
+            <img src="./image/customerNew/login_logo.png">
 
+          </div>
 
+          <div class="textTitle">
 
+            <div class="textTitle-title">
 
+              智能客户管家
 
+              <div class="textTitle-title-icon">
 
+                <img src="./image/ions/youjiantos.png" />
 
+              </div>
 
+            </div>
 
+            <div class="textTitle-text">
 
+              客户管家是一款专为企业设计的客户关系管理系统(CRM)，旨在通过智能化、高效化的管理手段，帮助企业节约营销成本、降低客户流失率，并提升客户追踪与数据处理的效率。主要用于企业的客户关系管理，通过整合客户信息、线索管理、商机挖掘、销售流程优化等功能，帮助企业更好地理解和服务客户，提升客户满意度和忠诚度，进而促进业务增长。
 
+            </div>
 
+          </div>
 
+        </a>
 
+      </div>
 
+
 
+      <div class="bigCircle">
 
+        <a href="./workshop.html">
 
+          <div class="bigCircle-icon">
 
+            <img src="./image/workshopimage/logo.png">
 
+          </div>
 
+          <div class="textTitle">
 
+            <div class="textTitle-title">
 
+              生产车间管家
 
+              <div class="textTitle-title-icon">
 
+                <img src="./image/ions/youjiantos.png" />
 
+              </div>
 
+            </div>
 
+            <div class="textTitle-text">
 
+              生产车间管家是一款专为解决生产管理、员工报工、数据统计等企业痛点的综合性管理软件。它不仅能够帮助企业实现生产流程的智能化管理，还能优化产品管理、排产计划、员工填报以及数据统计等多个环节，从而提升企业的整体运营效率和管理水平。
 
+            </div>
 
+          </div>
 
+        </a>
 
+      </div>
 
+
 
+
 
+      <div class="bigCircle">
 
+        <a href="./followup.html">
 
+          <div class="bigCircle-icon">
 
+            <img src="./image/followup/suifangaas.png">
 
+          </div>
 
+          <div class="textTitle">
 
+            <div class="textTitle-title">
 
+              随访管家
 
+              <div class="textTitle-title-icon">
 
+                <img src="./image/ions/youjiantos.png" />
 
+              </div>
 
+            </div>
 
+            <div class="textTitle-text">
 
+              随访管家是一款集患者资料收集整理、随访计划执行、和数据统计分析功能于一体的医患服务系统，帮助医院规范随访工作，提高随访效率，提升医疗水平，提高患者依从度。
 
+            </div>
 
+          </div>
 
+        </a>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</body>
 
+
 
+</html>

+ 138 - 0
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/css/appMarket.css
Ver ficheiro 

@@ -0,0 +1,138 @@
 
+html,
 
+body {
 
+  width: 100%;
 
+  height: 100%;
 
+  background-color: #f6f7fb;
 
+}
 
+div {
 
+  box-sizing: border-box;
 
+}
 
+.applicationMarket {
 
+  height: 100%;
 
+}
 
+.applicationMarket .applicationMarket-title {
 
+  width: 100%;
 
+  padding: 80px 0 60px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+}
 
+.applicationMarket .applicationMarket-title .ourServices {
 
+  width: 160px;
 
+  text-align: center;
 
+  font-size: 14px;
 
+  padding: 8px 0;
 
+  color: #63aefb;
 
+  border: 1px solid #63aefb;
 
+  border-radius: 6px;
 
+  background-color: rgba(99, 174, 251, 0.2);
 
+  margin: auto;
 
+  margin-bottom: 20px;
 
+}
 
+.applicationMarket .applicationMarket-title .applicationEncyclopedia {
 
+  text-align: center;
 
+  font-size: 28px;
 
+  font-weight: bold;
 
+  color: #000000;
 
+  margin-bottom: 0px;
 
+}
 
+.applicationMarket .topicContent {
 
+  width: 70%;
 
+  margin: auto;
 
+  display: flex;
 
+  justify-content: space-between;
 
+  flex-wrap: wrap;
 
+  margin-bottom: 60px;
 
+}
 
+.applicationMarket .topicContent .bigCircle {
 
+  width: 49.3%;
 
+  background-color: #fff;
 
+  border-radius: 6px;
 
+  height: 320px;
 
+  padding: 25px;
 
+  cursor: pointer;
 
+  border: 1px solid #fff;
 
+  margin-bottom: 20px;
 
+}
 
+.applicationMarket .topicContent .bigCircle a {
 
+  width: 100%;
 
+  height: 100%;
 
+  display: flex;
 
+  flex-direction: row;
 
+  box-sizing: border-box;
 
+}
 
+.applicationMarket .topicContent .bigCircle .bigCircle-icon {
 
+  width: 20%;
 
+  height: 100%;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  padding-right: 25px;
 
+}
 
+.applicationMarket .topicContent .bigCircle .textTitle {
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+}
 
+.applicationMarket .topicContent .bigCircle .textTitle .textTitle-title {
 
+  font-size: 24px;
 
+  color: #000000;
 
+  font-weight: bold;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+.applicationMarket .topicContent .bigCircle .textTitle .textTitle-title .textTitle-title-icon {
 
+  width: 30px;
 
+  height: 30px;
 
+  border-radius: 50%;
 
+  background-color: rgba(99, 174, 251, 0.2);
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+}
 
+.applicationMarket .topicContent .bigCircle .textTitle .textTitle-title .textTitle-title-icon img {
 
+  width: 50%;
 
+  height: 50%;
 
+}
 
+.applicationMarket .topicContent .bigCircle .textTitle .textTitle-text {
 
+  font-size: 16px;
 
+  color: #999999;
 
+  margin-top: 15px;
 
+  line-height: 1.4;
 
+}
 
+.applicationMarket .topicContent .bigCircle:hover {
 
+  border: 1px solid #86bffb;
 
+  background-color: rgba(99, 174, 251, 0.2);
 
+}
 
+.applicationMarket .topicContent .bigCircle:hover .textTitle-title-icon {
 
+  background-color: #fff !important;
 
+}
 
+.applicationMarket img {
 
+  width: 100%;
 
+}
 
+@media only screen and (max-width: 768px) {
 
+  .applicationMarket .applicationMarket-title {
 
+    padding-bottom: 30px !important;
 
+  }
 
+  .applicationMarket .applicationMarket-title .applicationEncyclopedia {
 
+    font-size: 22px !important;
 
+  }
 
+  .applicationMarket .topicContent {
 
+    width: 85% !important;
 
+  }
 
+  .applicationMarket .bigCircle-icon {
 
+    width: 0 !important;
 
+    overflow: hidden !important;
 
+    padding: 0 !important;
 
+  }
 
+  .applicationMarket .topicContent {
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+  }
 
+  .applicationMarket .topicContent .bigCircle {
 
+    width: 100%;
 
+  }
 
+}

+ 161 - 0
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/css/appMarket.less
Ver ficheiro 

@@ -0,0 +1,161 @@
 
+html,
 
+body {
 
+  width: 100%;
 
+  height: 100%;
 
+  background-color: #f6f7fb;
 
+}
 
+
 
+div {
 
+  box-sizing: border-box;
 
+}
 
+
 
+.applicationMarket {
 
+  height: 100%;
 
+  .applicationMarket-title {
 
+    width: 100%;
 
+    padding: 80px 0 60px;
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+
 
+    .ourServices {
 
+      width: 160px;
 
+      text-align: center;
 
+      font-size: 14px;
 
+      padding: 8px 0;
 
+      color: #63aefb;
 
+      border: 1px solid #63aefb;
 
+      border-radius: 6px;
 
+      background-color: rgba(99, 174, 251, 0.2);
 
+      margin: auto;
 
+      margin-bottom: 20px;
 
+    }
 
+    .applicationEncyclopedia {
 
+      text-align: center;
 
+      font-size: 28px;
 
+      font-weight: bold;
 
+      color: #000000;
 
+      margin-bottom: 0px;
 
+    }
 
+  }
 
+
 
+  .topicContent {
 
+    width: 70%;
 
+    margin: auto;
 
+    display: flex;
 
+    justify-content: space-between;
 
+    flex-wrap: wrap;
 
+    margin-bottom: 60px;
 
+
 
+    .bigCircle {
 
+      width: 49.3%;
 
+      background-color: #fff;
 
+      border-radius: 6px;
 
+      height: 320px;
 
+      padding: 25px;
 
+      cursor: pointer;
 
+      border: 1px solid #fff;
 
+
 
+      a {
 
+        width: 100%;
 
+        height: 100%;
 
+        display: flex;
 
+        flex-direction: row;
 
+        box-sizing: border-box;
 
+        box-sizing: border-box;
 
+      }
 
+
 
+      .bigCircle-icon {
 
+        width: 20%;
 
+        height: 100%;
 
+        display: flex;
 
+        justify-content: center;
 
+        align-items: center;
 
+        padding-right: 25px;
 
+      }
 
+
 
+      .textTitle {
 
+        width: 100%;
 
+        display: flex;
 
+        flex-direction: column;
 
+        justify-content: center;
 
+
 
+        .textTitle-title {
 
+          font-size: 24px;
 
+          color: #000000;
 
+          font-weight: bold;
 
+          display: flex;
 
+          align-items: center;
 
+          justify-content: space-between;
 
+
 
+          .textTitle-title-icon {
 
+            width: 30px;
 
+            height: 30px;
 
+            border-radius: 50%;
 
+            background-color: rgba(99, 174, 251, 0.2);
 
+            display: flex;
 
+            justify-content: center;
 
+            align-items: center;
 
+
 
+            img {
 
+              width: 50%;
 
+              height: 50%;
 
+            }
 
+          }
 
+        }
 
+
 
+        .textTitle-text {
 
+          font-size: 16px;
 
+          color: #999999;
 
+          margin-top: 15px;
 
+          line-height: 1.4;
 
+        }
 
+      }
 
+
 
+      &:hover {
 
+        border: 1px solid #86bffb;
 
+        background-color: rgba(99, 174, 251, 0.2);
 
+
 
+        .textTitle-title-icon {
 
+          background-color: #fff !important;
 
+        }
 
+      }
 
+
 
+      &{
 
+        margin-bottom: 20px;
 
+      }
 
+    }
 
+  }
 
+
 
+  img {
 
+    width: 100%;
 
+  }
 
+}
 
+
 
+// 媒体查询
 
+@media only screen and (max-width: 768px) {
 
+  .applicationMarket {
 
+    .applicationMarket-title {
 
+      padding-bottom: 30px !important;
 
+      .applicationEncyclopedia {
 
+        font-size: 22px !important;
 
+      }
 
+    }
 
+    .topicContent {
 
+      width: 85% !important;
 
+    }
 
+    .bigCircle-icon {
 
+      width: 0 !important;
 
+      overflow: hidden !important;
 
+      padding: 0 !important;
 
+    }
 
+    .topicContent {
 
+      display: flex;
 
+      flex-direction: column;
 
+      justify-content: center;
 
+      .bigCircle {
 
+        width: 100%;
 
+      }
 
+    }
 
+  }
 
+}

BIN=BIN
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/image/customerNew/login_logo.png
Ver ficheiro


BIN=BIN
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/image/followup/suifangaas.png
Ver ficheiro


BIN=BIN
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/image/ions/youjiantos.png
Ver ficheiro


+ 106 - 0
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/appMarket.html
Ver ficheiro 

@@ -0,0 +1,106 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title>应用市场</title>
 
+  <link rel="stylesheet" href="./css/reset.css">
 
+  <link rel="stylesheet" href="./css/appMarket.css">
 
+</head>
 
+
 
+<body>
 
+  <div class="applicationMarket">
 
+    <div class="applicationMarket-title">
 
+      <div class="ourServices">
 
+        我们的服务
 
+      </div>
 
+      <div class="applicationEncyclopedia">
 
+        我们的应用大全 大标题 限一行
 
+      </div>
 
+    </div>
 
+    <div class="topicContent">
 
+
 
+      <div class="bigCircle">
 
+        <a href="./index.html">
 
+          <div class="bigCircle-icon">
 
+            <img src="./image/gsgj.png">
 
+          </div>
 
+          <div class="textTitle">
 
+            <div class="textTitle-title">
 
+              工时管家
 
+              <div class="textTitle-title-icon">
 
+                <img src="./image/ions/youjiantos.png" />
 
+              </div>
 
+            </div>
 
+            <div class="textTitle-text">
 
+              工时管家基础版提供核心的工时填报、审核和统计功能，专业版增加了项目管理模块，包含立项、任务协同进度追踪、费用成本管控等功能。旗舰版涵盖了客户管理、合同管理、请假和出差管理模块，满足全面数字化办公需求。
 
+            </div>
 
+          </div>
 
+        </a>
 
+      </div>
 
+
 
+
 
+
 
+      <div class="bigCircle">
 
+        <a href="./customerNew.html">
 
+          <div class="bigCircle-icon">
 
+            <img src="./image/customerNew/login_logo.png">
 
+          </div>
 
+          <div class="textTitle">
 
+            <div class="textTitle-title">
 
+              智能客户管家
 
+              <div class="textTitle-title-icon">
 
+                <img src="./image/ions/youjiantos.png" />
 
+              </div>
 
+            </div>
 
+            <div class="textTitle-text">
 
+              客户管家是一款专为企业设计的客户关系管理系统(CRM)，旨在通过智能化、高效化的管理手段，帮助企业节约营销成本、降低客户流失率，并提升客户追踪与数据处理的效率。主要用于企业的客户关系管理，通过整合客户信息、线索管理、商机挖掘、销售流程优化等功能，帮助企业更好地理解和服务客户，提升客户满意度和忠诚度，进而促进业务增长。
 
+            </div>
 
+          </div>
 
+        </a>
 
+      </div>
 
+
 
+      <div class="bigCircle">
 
+        <a href="./workshop.html">
 
+          <div class="bigCircle-icon">
 
+            <img src="./image/workshopimage/logo.png">
 
+          </div>
 
+          <div class="textTitle">
 
+            <div class="textTitle-title">
 
+              生产车间管家
 
+              <div class="textTitle-title-icon">
 
+                <img src="./image/ions/youjiantos.png" />
 
+              </div>
 
+            </div>
 
+            <div class="textTitle-text">
 
+              生产车间管家是一款专为解决生产管理、员工报工、数据统计等企业痛点的综合性管理软件。它不仅能够帮助企业实现生产流程的智能化管理，还能优化产品管理、排产计划、员工填报以及数据统计等多个环节，从而提升企业的整体运营效率和管理水平。
 
+            </div>
 
+          </div>
 
+        </a>
 
+      </div>
 
+
 
+
 
+      <div class="bigCircle">
 
+        <a href="./followup.html">
 
+          <div class="bigCircle-icon">
 
+            <img src="./image/followup/suifangaas.png">
 
+          </div>
 
+          <div class="textTitle">
 
+            <div class="textTitle-title">
 
+              随访管家
 
+              <div class="textTitle-title-icon">
 
+                <img src="./image/ions/youjiantos.png" />
 
+              </div>
 
+            </div>
 
+            <div class="textTitle-text">
 
+              随访管家是一款集患者资料收集整理、随访计划执行、和数据统计分析功能于一体的医患服务系统，帮助医院规范随访工作，提高随访效率，提升医疗水平，提高患者依从度。
 
+            </div>
 
+          </div>
 
+        </a>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</body>
 
+
 
+</html>

+ 138 - 0
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/css/appMarket.css
Ver ficheiro 

@@ -0,0 +1,138 @@
 
+html,
 
+body {
 
+  width: 100%;
 
+  height: 100%;
 
+  background-color: #f6f7fb;
 
+}
 
+div {
 
+  box-sizing: border-box;
 
+}
 
+.applicationMarket {
 
+  height: 100%;
 
+}
 
+.applicationMarket .applicationMarket-title {
 
+  width: 100%;
 
+  padding: 80px 0 60px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+}
 
+.applicationMarket .applicationMarket-title .ourServices {
 
+  width: 160px;
 
+  text-align: center;
 
+  font-size: 14px;
 
+  padding: 8px 0;
 
+  color: #63aefb;
 
+  border: 1px solid #63aefb;
 
+  border-radius: 6px;
 
+  background-color: rgba(99, 174, 251, 0.2);
 
+  margin: auto;
 
+  margin-bottom: 20px;
 
+}
 
+.applicationMarket .applicationMarket-title .applicationEncyclopedia {
 
+  text-align: center;
 
+  font-size: 28px;
 
+  font-weight: bold;
 
+  color: #000000;
 
+  margin-bottom: 0px;
 
+}
 
+.applicationMarket .topicContent {
 
+  width: 70%;
 
+  margin: auto;
 
+  display: flex;
 
+  justify-content: space-between;
 
+  flex-wrap: wrap;
 
+  margin-bottom: 60px;
 
+}
 
+.applicationMarket .topicContent .bigCircle {
 
+  width: 49.3%;
 
+  background-color: #fff;
 
+  border-radius: 6px;
 
+  height: 320px;
 
+  padding: 25px;
 
+  cursor: pointer;
 
+  border: 1px solid #fff;
 
+  margin-bottom: 20px;
 
+}
 
+.applicationMarket .topicContent .bigCircle a {
 
+  width: 100%;
 
+  height: 100%;
 
+  display: flex;
 
+  flex-direction: row;
 
+  box-sizing: border-box;
 
+}
 
+.applicationMarket .topicContent .bigCircle .bigCircle-icon {
 
+  width: 20%;
 
+  height: 100%;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  padding-right: 25px;
 
+}
 
+.applicationMarket .topicContent .bigCircle .textTitle {
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+}
 
+.applicationMarket .topicContent .bigCircle .textTitle .textTitle-title {
 
+  font-size: 24px;
 
+  color: #000000;
 
+  font-weight: bold;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+.applicationMarket .topicContent .bigCircle .textTitle .textTitle-title .textTitle-title-icon {
 
+  width: 30px;
 
+  height: 30px;
 
+  border-radius: 50%;
 
+  background-color: rgba(99, 174, 251, 0.2);
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+}
 
+.applicationMarket .topicContent .bigCircle .textTitle .textTitle-title .textTitle-title-icon img {
 
+  width: 50%;
 
+  height: 50%;
 
+}
 
+.applicationMarket .topicContent .bigCircle .textTitle .textTitle-text {
 
+  font-size: 16px;
 
+  color: #999999;
 
+  margin-top: 15px;
 
+  line-height: 1.4;
 
+}
 
+.applicationMarket .topicContent .bigCircle:hover {
 
+  border: 1px solid #86bffb;
 
+  background-color: rgba(99, 174, 251, 0.2);
 
+}
 
+.applicationMarket .topicContent .bigCircle:hover .textTitle-title-icon {
 
+  background-color: #fff !important;
 
+}
 
+.applicationMarket img {
 
+  width: 100%;
 
+}
 
+@media only screen and (max-width: 768px) {
 
+  .applicationMarket .applicationMarket-title {
 
+    padding-bottom: 30px !important;
 
+  }
 
+  .applicationMarket .applicationMarket-title .applicationEncyclopedia {
 
+    font-size: 22px !important;
 
+  }
 
+  .applicationMarket .topicContent {
 
+    width: 85% !important;
 
+  }
 
+  .applicationMarket .bigCircle-icon {
 
+    width: 0 !important;
 
+    overflow: hidden !important;
 
+    padding: 0 !important;
 
+  }
 
+  .applicationMarket .topicContent {
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+  }
 
+  .applicationMarket .topicContent .bigCircle {
 
+    width: 100%;
 
+  }
 
+}

+ 161 - 0
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/css/appMarket.less
Ver ficheiro 

@@ -0,0 +1,161 @@
 
+html,
 
+body {
 
+  width: 100%;
 
+  height: 100%;
 
+  background-color: #f6f7fb;
 
+}
 
+
 
+div {
 
+  box-sizing: border-box;
 
+}
 
+
 
+.applicationMarket {
 
+  height: 100%;
 
+  .applicationMarket-title {
 
+    width: 100%;
 
+    padding: 80px 0 60px;
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+
 
+    .ourServices {
 
+      width: 160px;
 
+      text-align: center;
 
+      font-size: 14px;
 
+      padding: 8px 0;
 
+      color: #63aefb;
 
+      border: 1px solid #63aefb;
 
+      border-radius: 6px;
 
+      background-color: rgba(99, 174, 251, 0.2);
 
+      margin: auto;
 
+      margin-bottom: 20px;
 
+    }
 
+    .applicationEncyclopedia {
 
+      text-align: center;
 
+      font-size: 28px;
 
+      font-weight: bold;
 
+      color: #000000;
 
+      margin-bottom: 0px;
 
+    }
 
+  }
 
+
 
+  .topicContent {
 
+    width: 70%;
 
+    margin: auto;
 
+    display: flex;
 
+    justify-content: space-between;
 
+    flex-wrap: wrap;
 
+    margin-bottom: 60px;
 
+
 
+    .bigCircle {
 
+      width: 49.3%;
 
+      background-color: #fff;
 
+      border-radius: 6px;
 
+      height: 320px;
 
+      padding: 25px;
 
+      cursor: pointer;
 
+      border: 1px solid #fff;
 
+
 
+      a {
 
+        width: 100%;
 
+        height: 100%;
 
+        display: flex;
 
+        flex-direction: row;
 
+        box-sizing: border-box;
 
+        box-sizing: border-box;
 
+      }
 
+
 
+      .bigCircle-icon {
 
+        width: 20%;
 
+        height: 100%;
 
+        display: flex;
 
+        justify-content: center;
 
+        align-items: center;
 
+        padding-right: 25px;
 
+      }
 
+
 
+      .textTitle {
 
+        width: 100%;
 
+        display: flex;
 
+        flex-direction: column;
 
+        justify-content: center;
 
+
 
+        .textTitle-title {
 
+          font-size: 24px;
 
+          color: #000000;
 
+          font-weight: bold;
 
+          display: flex;
 
+          align-items: center;
 
+          justify-content: space-between;
 
+
 
+          .textTitle-title-icon {
 
+            width: 30px;
 
+            height: 30px;
 
+            border-radius: 50%;
 
+            background-color: rgba(99, 174, 251, 0.2);
 
+            display: flex;
 
+            justify-content: center;
 
+            align-items: center;
 
+
 
+            img {
 
+              width: 50%;
 
+              height: 50%;
 
+            }
 
+          }
 
+        }
 
+
 
+        .textTitle-text {
 
+          font-size: 16px;
 
+          color: #999999;
 
+          margin-top: 15px;
 
+          line-height: 1.4;
 
+        }
 
+      }
 
+
 
+      &:hover {
 
+        border: 1px solid #86bffb;
 
+        background-color: rgba(99, 174, 251, 0.2);
 
+
 
+        .textTitle-title-icon {
 
+          background-color: #fff !important;
 
+        }
 
+      }
 
+
 
+      &{
 
+        margin-bottom: 20px;
 
+      }
 
+    }
 
+  }
 
+
 
+  img {
 
+    width: 100%;
 
+  }
 
+}
 
+
 
+// 媒体查询
 
+@media only screen and (max-width: 768px) {
 
+  .applicationMarket {
 
+    .applicationMarket-title {
 
+      padding-bottom: 30px !important;
 
+      .applicationEncyclopedia {
 
+        font-size: 22px !important;
 
+      }
 
+    }
 
+    .topicContent {
 
+      width: 85% !important;
 
+    }
 
+    .bigCircle-icon {
 
+      width: 0 !important;
 
+      overflow: hidden !important;
 
+      padding: 0 !important;
 
+    }
 
+    .topicContent {
 
+      display: flex;
 
+      flex-direction: column;
 
+      justify-content: center;
 
+      .bigCircle {
 
+        width: 100%;
 
+      }
 
+    }
 
+  }
 
+}

BIN=BIN
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/image/customerNew/login_logo.png
Ver ficheiro


BIN=BIN
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/image/followup/suifangaas.png
Ver ficheiro


BIN=BIN
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/templates/image/ions/youjiantos.png
Ver ficheiro