css

css/fanzha/common.less

+* {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+html * {
+  outline: 0;
+  -webkit-text-size-adjust: none !important;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+}
+
+html, body {
+  font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background: #f8f8f8;
+}
+
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
+  margin: 0;
+  padding: 0;
+}
+
+button, input, select, textarea {
+  font-size: 100%;
+  border: none;
+  -webkit-appearance: none;
+}
+
+input[type=button], input[type=file], input[type=submit] {
+  cursor: pointer;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+ol, ul, dl {
+  list-style: none;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: 100%;
+  font-weight: 500;
+}
+
+em, b, i {
+  font-style: normal;
+}
+
+a {
+  text-decoration: none;
+}
+
+img {
+  border: none;
+}
+
+.clr {
+  *zoom: 1;
+  clear: both;
+}
+
+.clr:after {
+  content: ".";
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+}
+
+.fl {
+  float: left;
+  _display: inline;
+}
+
+.f-orange {
+  color: #FF693D !important;
+}
+
+.fr {
+  float: right;
+  _display: inline;
+}
+
+.va-t {
+  vertical-align: top;
+}
+
+.va-m {
+  vertical-align: middle;
+}
+
+.va-b {
+  vertical-align: bottom;
+}
+
+.i-hide {
+  display: none;
+}
+
+.i-show {
+  display: block;
+}
+
+.lineBlock {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+
+.lbBox {
+  font-size: 0 !important;
+  *word-spacing: -1px !important;
+}
+
+.boxsiz {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+html, body {
+  width: 100%;
+  height: 100%;
+  -webkit-overflow-scrolling: touch;
+}
+
+
+body {
+  overflow-x: hidden;
+}
+
+.f-blue {
+  color: #1969F9;
+}
+
+.f-red {
+  color: #ff0000;
+}
+
+.f-999 {
+  color: #999;
+}
+
+.f-333 {
+  color: #666;
+}
+
+.fw {
+  font-weight: bold;
+}
+
+.ta-c {
+  text-align: center;
+}
+
+.ta-l {
+  text-align: left;
+}
+
+.ta-r {
+  text-align: right;
+}
+
+.mt-10 {
+  margin-top: 10px;
+}
+
+.emptys {
+  margin-left: -1px;
+  width: 1px;
+  height: 100%;
+  font-size: 0;
+  vertical-align: middle;
+}
+
+@media (min-width: 750px) {
+  html {
+    background: rgba(0, 0, 0, 0.5);
+
+    body {
+      max-width: 480px;
+      margin: 0 auto;
+      background: #fff;
+
+      .main-interface {
+        .container-wrap {
+          &::-webkit-scrollbar {
+            width: 10px;
+            height: 11px;
+          }
+
+          &::-webkit-scrollbar-thumb {
+            background-color: #ffffff;
+            box-shadow: 0px 0px 0px 0px rgba(73, 73, 73, 0.92);
+            border-radius: 10px;
+            border: solid 1px #e5e5e5;
+            padding: 2px;
+          }
+
+          &::-webkit-scrollbar-track {
+            background-color: #eeeeee;
+            box-shadow: inset 1px 3px 5px 0px rgba(192, 186, 186, 0.75);
+            border-radius: 10px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.column {
+  display: flex;
+  flex-direction: column;
+}
+
+.row {
+  display: flex;
+  flex-direction: row;
+}
+
+.boxsiz {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.bothSide {
+  justify-content: space-between;
+}
+
+.avarage {
+  justify-content: space-around;
+}
+
+.rowCenter {
+  justify-content: center;
+}
+
+.verCenter {
+  align-items: center;
+}
+
+.boxFlex {
+  -webkit-box-flex: 1;
+  -moz-box-flex: 1;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+
+

css/fanzha/index.less

+@import 'common.less';
+
+body {
+  width: 100%;
+  height: 100%;
+  background: #f1f4f6;
+}
+
+#app {
+  width: 100%;
+  padding: 24px 12px 0 12px;
+}
+
+.main-interface {
+  width: 100%;
+
+  .interface {
+    width: 100%;
+    background: #FFFFFF;
+    border-radius: 4px;
+
+
+    .form-box {
+      padding-left: 12px;
+      width: 100%;
+      height: 40px;
+      border-bottom: 1px solid #E6EDF0;
+
+      label {
+        width: 40px;
+        font-size: 12px;
+        color: #6E767A;
+      }
+
+      .input-box {
+        width: calc(100% - 40px);
+
+        input {
+          font-size: 12px;
+          color: #404547;
+          background: transparent;
+
+          &::-webkit-input-placeholder {
+            color: #404547;
+          }
+        }
+      }
+    }
+
+    .form-box-upload {
+      padding: 12px;
+
+      label {
+        font-size: 12px;
+        color: #6E767A;
+      }
+
+      .pic-list {
+        margin-top: 10px;
+
+        .default {
+          width: 72px;
+          height: 72px;
+          background: url("../../images/upload.png") no-repeat center;
+          background-size: cover;
+        }
+      }
+    }
+
+  }
+
+
+  .btn {
+    margin-top: 24px;
+    height: 44px;
+    background: #197ADB;
+    border-radius: 4px;
+    font-size: 14px;
+    color: #ffffff;
+  }
+}

css/fanzha/index.min.css

+* {
+  box-sizing: border-box;
+}
+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+html * {
+  outline: 0;
+  -webkit-text-size-adjust: none !important;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+}
+html,
+body {
+  font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background: #f8f8f8;
+}
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+textarea,
+p,
+blockquote,
+th,
+td,
+hr,
+button,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  margin: 0;
+  padding: 0;
+}
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  border: none;
+  -webkit-appearance: none;
+}
+input[type=button],
+input[type=file],
+input[type=submit] {
+  cursor: pointer;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+ol,
+ul,
+dl {
+  list-style: none;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: 500;
+}
+em,
+b,
+i {
+  font-style: normal;
+}
+a {
+  text-decoration: none;
+}
+img {
+  border: none;
+}
+.clr {
+  *zoom: 1;
+  clear: both;
+}
+.clr:after {
+  content: ".";
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+}
+.fl {
+  float: left;
+  _display: inline;
+}
+.f-orange {
+  color: #FF693D !important;
+}
+.fr {
+  float: right;
+  _display: inline;
+}
+.va-t {
+  vertical-align: top;
+}
+.va-m {
+  vertical-align: middle;
+}
+.va-b {
+  vertical-align: bottom;
+}
+.i-hide {
+  display: none;
+}
+.i-show {
+  display: block;
+}
+.lineBlock {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+.lbBox {
+  font-size: 0 !important;
+  *word-spacing: -1px !important;
+}
+.boxsiz {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+html,
+body {
+  width: 100%;
+  height: 100%;
+  -webkit-overflow-scrolling: touch;
+}
+body {
+  overflow-x: hidden;
+}
+.f-blue {
+  color: #1969F9;
+}
+.f-red {
+  color: #ff0000;
+}
+.f-999 {
+  color: #999;
+}
+.f-333 {
+  color: #666;
+}
+.fw {
+  font-weight: bold;
+}
+.ta-c {
+  text-align: center;
+}
+.ta-l {
+  text-align: left;
+}
+.ta-r {
+  text-align: right;
+}
+.mt-10 {
+  margin-top: 10px;
+}
+.emptys {
+  margin-left: -1px;
+  width: 1px;
+  height: 100%;
+  font-size: 0;
+  vertical-align: middle;
+}
+@media (min-width: 750px) {
+  html {
+    background: rgba(0, 0, 0, 0.5);
+  }
+  html body {
+    max-width: 480px;
+    margin: 0 auto;
+    background: #fff;
+  }
+  html body .main-interface .container-wrap::-webkit-scrollbar {
+    width: 10px;
+    height: 11px;
+  }
+  html body .main-interface .container-wrap::-webkit-scrollbar-thumb {
+    background-color: #ffffff;
+    box-shadow: 0px 0px 0px 0px rgba(73, 73, 73, 0.92);
+    border-radius: 10px;
+    border: solid 1px #e5e5e5;
+    padding: 2px;
+  }
+  html body .main-interface .container-wrap::-webkit-scrollbar-track {
+    background-color: #eeeeee;
+    box-shadow: inset 1px 3px 5px 0px rgba(192, 186, 186, 0.75);
+    border-radius: 10px;
+  }
+}
+.column {
+  display: flex;
+  flex-direction: column;
+}
+.row {
+  display: flex;
+  flex-direction: row;
+}
+.boxsiz {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.bothSide {
+  justify-content: space-between;
+}
+.avarage {
+  justify-content: space-around;
+}
+.rowCenter {
+  justify-content: center;
+}
+.verCenter {
+  align-items: center;
+}
+.boxFlex {
+  -webkit-box-flex: 1;
+  -moz-box-flex: 1;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+body {
+  width: 100%;
+  height: 100%;
+  background: #f1f4f6;
+}
+#app {
+  width: 100%;
+  padding: 24px 12px 0 12px;
+}
+.main-interface {
+  width: 100%;
+}
+.main-interface .interface {
+  width: 100%;
+  background: #FFFFFF;
+  border-radius: 4px;
+}
+.main-interface .interface .form-box {
+  padding-left: 12px;
+  width: 100%;
+  height: 40px;
+  border-bottom: 1px solid #E6EDF0;
+}
+.main-interface .interface .form-box label {
+  width: 40px;
+  font-size: 12px;
+  color: #6E767A;
+}
+.main-interface .interface .form-box .input-box {
+  width: calc(100% - 40px);
+}
+.main-interface .interface .form-box .input-box input {
+  font-size: 12px;
+  color: #404547;
+  background: transparent;
+}
+.main-interface .interface .form-box .input-box input::-webkit-input-placeholder {
+  color: #404547;
+}
+.main-interface .interface .form-box-upload {
+  padding: 12px;
+}
+.main-interface .interface .form-box-upload label {
+  font-size: 12px;
+  color: #6E767A;
+}
+.main-interface .interface .form-box-upload .pic-list {
+  margin-top: 10px;
+}
+.main-interface .interface .form-box-upload .pic-list .default {
+  width: 72px;
+  height: 72px;
+  background: url("../../images/upload.png") no-repeat center;
+  background-size: cover;
+}
+.main-interface .btn {
+  margin-top: 24px;
+  height: 44px;
+  background: #197ADB;
+  border-radius: 4px;
+  font-size: 14px;
+  color: #ffffff;
+}
+/*# sourceMappingURL=index.min.css.map */
\ No newline at end of file

css/fanzha/index.min.css.map

+{"version":3,"sources":["common.less","index.less"],"names":[],"mappings":"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","file":"index.min.css"}
\ No newline at end of file

history1.html

+<!DOCTYPE html>
+<html lang="zh">
+
+<head>
+    <title>猎芯进程</title>
+    <meta name="keywords" content=""/>
+    <meta name="description" content=""/>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <link type="favicon" rel="shortcut icon" href="favicon.ico"/>
+    <link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212"/>
+
+</head>
+
+<body>
+<div class="shutter">
+    <div class="shutter-img">
+        <a><img src="images/licheng.png" alt="#"></a>
+    </div>
+    <ul class="shutter-btn">
+        <li class="prev"></li>
+        <li class="next"></li>
+    </ul>
+    <!-- <div class="shutter-desc">
+        <p>Iron Man</p>
+    </div> -->
+</div>
+<script type="text/javascript" src="js/jquery.min.js"></script>
+<script src="js/history/velocity.js"></script>
+<script src="js/history/shutter.js"></script>
+<script type="text/javascript">
+  $(function () {
+    // $('.shutter').shutter({
+    //   shutterW: 3840, // 容器宽度
+    //   shutterH: 2160, // 容器高度
+    //   isAutoPlay: true, // 是否自动播放
+    //   playInterval: 5000, // 自动播放时间
+    //   curDisplay: 1, // 当前显示页
+    //   fullPage: true // 是否全屏展示
+    // });
+  });
+</script>
+</body>
+
+</html>
\ No newline at end of file