- 上传用户反馈代码

.idea/.gitignore

+# 默认忽略的文件
+/shelf/
+/workspace.xml
+# 数据源本地存储已忽略文件
+/dataSources/
+/dataSources.local.xml
+# 基于编辑器的 HTTP 客户端请求
+/httpRequests/

.idea/feedback1.iml

+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file

.idea/modules.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/feedback1.iml" filepath="$PROJECT_DIR$/.idea/feedback1.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file

.idea/vcs.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file

config.json

+{
+  "ip": "https://mis.panda-water.cn"
+}
\ No newline at end of file

css/index.less

+.helpContainer {
+  background-color: #fff;
+
+  .helpHeader {
+    height: 260px;
+    background-image: url('../images/help/help_bg.png');
+    background-size: cover;
+
+    .helpTitle{
+      width: 900px;
+      padding: 45px 150px;
+
+      .helpSearch{
+        margin-top: 50px;
+        background: #FFFFFF;
+        border: 2px solid #D6E6F6;
+        border-radius: 24px;
+      }
+
+      .title{
+        font-size: 42px;
+        font-family: Microsoft YaHei;
+        font-weight: bold;
+        color: #1F2B4F;
+        line-height: 30px;
+      }
+
+      .hotSearch{
+        margin-top:20px;
+        display: flex;
+        flex: 1;
+
+        .hotTitle{
+          width: 71px;
+          height: 15px;
+          font-size: 14px;
+          font-family: Microsoft YaHei;
+          font-weight: 400;
+          color: #1F2B4F;
+          line-height: 30px;
+          opacity: 0.45;
+        }
+
+        .hotTitle:after{
+          border-right: 2px solid #1F2B4F;
+        }
+
+        .hotName{
+          font-size: 14px;
+          font-family: Microsoft YaHei;
+          font-weight: 400;
+          color: #1F2B4F;
+          line-height: 30px;
+          opacity: 0.65;
+          margin: 0 10px;
+          cursor: pointer;
+        }
+
+        .hotName:hover{
+          color: #000;
+          opacity: 1;
+        }
+      }
+    }
+
+  }
+
+  .helpContent{
+    padding: 0 150px;
+
+    .helpWrap{
+
+      .helpWrapTitle{
+        display: flex;
+        margin: 20px 0;
+        font-size: 16px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #1F2B4F;
+        line-height: 30px;
+        opacity: 0.85;
+
+        .helpTitleIcon{
+          width: 4px;
+          height: 22px;
+          background: #3C98FF;
+          border-radius: 2px;
+          margin-top:4px;
+          margin-right: 20px;
+        }
+      }
+    }
+
+    .helpWrap:last-child{
+      padding-bottom: 50px;
+    }
+  }
+
+  .helpWrapContent{
+    display:flex;
+
+    .carouselContent{
+      width: 1200px;
+
+      .commonProblems{
+        display:flex;
+        flex: 1;
+        justify-content: space-between;
+        align-items: center;
+
+        .problemWrap{
+          width: 225px;
+          height: 260px;
+          background: #FFFFFF;
+          border: 1px solid;
+          border-image: linear-gradient(0deg, #F5F9FF, #DCEAFF) 10 10;
+          box-shadow: 0 4px 12px 0 rgba(0, 60, 131, 0.04);
+          border-radius: 8px;
+          padding: 20px;
+
+          h1{
+            font-size: 20px;
+            font-family: Microsoft YaHei;
+            font-weight: bold;
+            color: #1F2B4F;
+            line-height: 30px;
+            margin-bottom: 20px;
+          }
+
+          p.content{
+            height: 130px;
+            font-size: 15px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            color: #1F2B4F;
+            line-height: 26px;
+            opacity: 0.65;
+            border-bottom: 1px solid #E0E6EF;
+            overflow: auto;
+          }
+
+          p.detail{
+            font-size: 14px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            color: #3C98FF;
+            line-height: 24px;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+
+    .callback{
+      width: 150px;
+      height: 160px;
+      margin-left: 30px;
+      padding-left: 30px;
+      border-left: 1px solid #E0E6EF;
+
+      p{
+        font-size: 20px;
+        font-family: Microsoft YaHei;
+        font-weight: bold;
+        color: #1F2B4F;
+        line-height: 30px;
+      }
+    }
+
+    .connectWrap{
+      position: relative;
+      width: 420px;
+      height: 150px;
+      padding: 30px;
+      background-size: cover;
+      margin-right: 30px;
+
+      .connectTitle {
+        font-size: 16px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #1F2B4F;
+        line-height: 30px;
+        opacity: 0.85;
+      }
+
+      .connectContent{
+        font-size: 30px;
+        font-family: DINPro;
+        font-weight: bold;
+        margin: 10px 0;
+        color: #1F2B4F;
+        line-height: 30px;
+        opacity: 0.95;
+      }
+
+      .connectInfo{
+        font-size: 12px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #1F2B4F;
+        line-height: 30px;
+        opacity: 0.65;
+      }
+
+      &.phone{
+        background-image: url('../images/help/phone.png');
+      }
+
+      &.qq{
+        background-image: url('../images/help/qq.png');
+      }
+
+      &.local{
+        background-image: url('../images/help/local.png');
+      }
+
+      .qr{
+        position:absolute;
+        top:20px;
+        right:30px;
+
+
+        .qrBg{
+          width: 100px;
+          height:100px;
+          background-image: url('../images/help/qr.png');
+          background-size: cover;
+        }
+
+        span{
+          font-size: 12px;
+          font-family: Microsoft YaHei;
+          font-weight: 400;
+          color: #1F2B4F;
+        }
+      }
+
+
+    }
+  }
+}
+
+.helpAdd{
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  padding: 20px;
+
+  .helpWrapTitle{
+    display: flex;
+    margin: 20px 0;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #1F2B4F;
+    line-height: 30px;
+    opacity: 0.85;
+
+    .helpTitleIcon{
+      width: 4px;
+      height: 22px;
+      background: #3C98FF;
+      border-radius: 2px;
+      margin-top:4px;
+      margin-right: 20px;
+    }
+  }
+
+  .helpUploadBox{
+    width: 800px;
+    padding: 10px;
+    border-radius: 3px;
+    position: relative;
+
+    .helpUploadImg{
+      display: inline-block ;
+    }
+    .helpUploadStatistic{
+      display: inline-block ;
+      position: absolute;
+      bottom: 8px;
+      right: 8px;
+      color: #8C8C8C;
+    }
+  }
+
+}
+
+.ant-carousel .slick-dots-bottom {
+  bottom: -38px;
+}
+
+.ant-carousel .slick-dots li {
+  background-color: #a6a6a6;
+  border: 1px solid #a6a6a6;
+}
+
+
+.ant-carousel .slick-dots li.slick-active{
+  button {
+    background-color: #2f54eb;
+    border: 1px solid #2f54eb;
+  }
+
+}
+
+.problemWrap{
+  background: #FFFFFF;
+  border-image: linear-gradient(0deg, #F5F9FF, #DCEAFF) 10 10;
+  border-radius: 8px;
+  padding: 20px;
+
+  h1{
+    font-size: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #1F2B4F;
+    line-height: 30px;
+    margin-bottom: 20px;
+  }
+
+  p.content{
+    height: 130px;
+    font-size: 15px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #1F2B4F;
+    line-height: 26px;
+    opacity: 0.65;
+  }
+
+  p.detail{
+    font-size: 14px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #3C98FF;
+    line-height: 24px;
+    cursor: pointer;
+  }
+}
\ No newline at end of file