瀏覽代碼

提交文件

Lijy 2 月之前
父節點
當前提交
40e15cb36b

+ 91 - 0
fhKeeper/formulahousekeeper/inva_4_tivo/appMarket.html

@@ -0,0 +1,91 @@
+<!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">
+        <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>
+      </div>
+
+      <div class="bigCircle">
+        <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>
+      </div>
+
+      <div class="bigCircle">
+        <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>
+      </div>
+
+      <div class="bigCircle">
+        <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>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

+ 120 - 0
fhKeeper/formulahousekeeper/inva_4_tivo/css/appMarket.css

@@ -0,0 +1,120 @@
+html,
+body {
+  width: 100%;
+  height: 100%;
+  background-color: #f6f7fb;
+}
+.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;
+}
+.applicationMarket .topicContent .bigCircle {
+  width: 49.3%;
+  background-color: #fff;
+  border-radius: 6px;
+  height: 320px;
+  display: flex;
+  padding: 25px;
+  flex-direction: row;
+  box-sizing: border-box;
+  cursor: pointer;
+  border: 1px solid #fff;
+}
+.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 .topicContent .bigCircle:nth-child(0) {
+  margin-bottom: 20px;
+}
+.applicationMarket .topicContent .bigCircle:nth-child(1) {
+  margin-bottom: 20px;
+}
+.applicationMarket img {
+  width: 100%;
+}
+@media only screen and (max-width: 768px) {
+  .applicationMarket .topicContent {
+    display: flex;
+    flex-direction: column;
+  }
+  .applicationMarket .topicContent .bigCircle {
+    width: 100%;
+  }
+}

+ 138 - 0
fhKeeper/formulahousekeeper/inva_4_tivo/css/appMarket.less

@@ -0,0 +1,138 @@
+html, body {
+  width: 100%;
+  height: 100%;
+  background-color: #f6f7fb;
+}
+
+.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;
+
+    .bigCircle {
+      width: 49.3%;
+      background-color: #fff;
+      border-radius: 6px;
+      height: 320px;
+      display: flex;
+      padding: 25px;
+      flex-direction: row;
+      box-sizing: border-box;
+      cursor: pointer;
+      border: 1px solid #fff;
+
+      .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;
+        }
+      }
+
+      &:nth-child(0) {
+        margin-bottom: 20px;
+      }
+
+      &:nth-child(1) {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  img {
+    width: 100%;
+  }
+}
+
+// 媒体查询
+@media only screen and (max-width: 768px) {
+  .applicationMarket {
+    .topicContent {
+      display: flex;
+      flex-direction: column;
+      .bigCircle {
+        width: 100%;
+      }
+    }
+  }
+}

fhKeeper/formulahousekeeper/customerBuler-crm/src/assets/login/login_logo.png → fhKeeper/formulahousekeeper/inva_4_tivo/image/customerNew/login_logo.png


二進制
fhKeeper/formulahousekeeper/inva_4_tivo/image/followup/suifangaas.png


二進制
fhKeeper/formulahousekeeper/inva_4_tivo/image/ions/youjiantos.png