Merge branch 'pre_develop_dev' of https://git.trustie.net/Gitlink/forgeplus-react into pre_develop_dev

# Conflicts: # public/css/iconfont.css # public/css/iconfont.js # public/css/iconfont.json # src/forge/Component/Contributors.jsx # src/forge/Component/Releases.jsx # src/forge/Main/CoderDepot.jsx # src/forge/Main/Detail.js # src/forge/Main/sub/DetailBanner.jsx
‘
2021-09-06 17:15:24 +08:00 · 2021-08-30 13:42:54 +08:00 · 2021-08-30 10:55:06 +08:00
56 changed files with 6777 additions and 1748 deletions
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
--- a/package-lock.json
+++ b/package-lock.json
@ -1273,7 +1273,7 @@
    },
    "babel-cli": {
      "version": "6.26.0",
-      "resolved": "https://registry.npmjs.org/babel-cli/-/babel-cli-6.26.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-cli/download/babel-cli-6.26.0.tgz",
      "integrity": "sha1-UCq1SHTX24itALiHoGODzgPQAvE=",
      "dev": true,
      "requires": {
@ -1296,7 +1296,7 @@
      "dependencies": {
        "chokidar": {
          "version": "1.7.0",
-          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/chokidar/download/chokidar-1.7.0.tgz?cache=0&sync_timestamp=1602585438968&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchokidar%2Fdownload%2Fchokidar-1.7.0.tgz",
          "integrity": "sha1-eY5ol3gVHIB2tLNg5e3SjNortGg=",
          "dev": true,
          "optional": true,
@ -1314,7 +1314,7 @@
        },
        "source-map": {
          "version": "0.5.7",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.5.7.tgz",
          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
          "dev": true
        }
@ -1413,7 +1413,7 @@
    },
    "babel-helper-bindify-decorators": {
      "version": "6.24.1",
-      "resolved": "https://registry.npmjs.org/babel-helper-bindify-decorators/-/babel-helper-bindify-decorators-6.24.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-bindify-decorators/download/babel-helper-bindify-decorators-6.24.1.tgz",
      "integrity": "sha1-FMGeXxQte0fxmlJDHlKxzLxAozA=",
      "dev": true,
      "requires": {
@ -1476,7 +1476,7 @@
    },
    "babel-helper-explode-class": {
      "version": "6.24.1",
-      "resolved": "https://registry.npmjs.org/babel-helper-explode-class/-/babel-helper-explode-class-6.24.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-explode-class/download/babel-helper-explode-class-6.24.1.tgz",
      "integrity": "sha1-fcKjkQ3uAHBW4eMdZAztPVTqqes=",
      "dev": true,
      "requires": {
@ -1676,7 +1676,7 @@
    },
    "babel-plugin-syntax-async-generators": {
      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-syntax-async-generators/download/babel-plugin-syntax-async-generators-6.13.0.tgz",
      "integrity": "sha1-a8lj67FuzLrmuStZbrfzXDQqi5o=",
      "dev": true
    },
@ -1687,7 +1687,7 @@
    },
    "babel-plugin-syntax-decorators": {
      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-decorators/-/babel-plugin-syntax-decorators-6.13.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-syntax-decorators/download/babel-plugin-syntax-decorators-6.13.0.tgz",
      "integrity": "sha1-MSVjtNvePMgGzuPkFszurd0RrAs=",
      "dev": true
    },
@ -1723,7 +1723,7 @@
    },
    "babel-plugin-transform-async-generator-functions": {
      "version": "6.24.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.24.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-async-generator-functions/download/babel-plugin-transform-async-generator-functions-6.24.1.tgz",
      "integrity": "sha1-8FiQAUX9PpkHpt3yjaWfIVJYpds=",
      "dev": true,
      "requires": {
@ -1755,7 +1755,7 @@
    },
    "babel-plugin-transform-decorators": {
      "version": "6.24.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-transform-decorators/-/babel-plugin-transform-decorators-6.24.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-decorators/download/babel-plugin-transform-decorators-6.24.1.tgz",
      "integrity": "sha1-eIAT2PjGtSIr33s0Q5Df13Vp4k0=",
      "dev": true,
      "requires": {
@ -2060,7 +2060,7 @@
    },
    "babel-plugin-transform-runtime": {
      "version": "6.23.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-transform-runtime/-/babel-plugin-transform-runtime-6.23.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-runtime/download/babel-plugin-transform-runtime-6.23.0.tgz",
      "integrity": "sha1-iEkNRGUC6puOfvsP4J7E2ZR5se4=",
      "requires": {
        "babel-runtime": "^6.22.0"
@ -2077,7 +2077,7 @@
    },
    "babel-polyfill": {
      "version": "6.26.0",
-      "resolved": "https://registry.npmjs.org/babel-polyfill/-/babel-polyfill-6.26.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-polyfill/download/babel-polyfill-6.26.0.tgz",
      "integrity": "sha1-N5k3q8Z9eJWXCtxiHyhM2WbPIVM=",
      "requires": {
        "babel-runtime": "^6.26.0",
@ -2087,7 +2087,7 @@
      "dependencies": {
        "regenerator-runtime": {
          "version": "0.10.5",
-          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz",
+          "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.10.5.tgz?cache=0&sync_timestamp=1595456367497&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregenerator-runtime%2Fdownload%2Fregenerator-runtime-0.10.5.tgz",
          "integrity": "sha1-M2w+/BIgrc7dosn6tntaeVWjNlg="
        }
      }
@ -2131,7 +2131,7 @@
    },
    "babel-preset-es2015": {
      "version": "6.24.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-preset-es2015/download/babel-preset-es2015-6.24.1.tgz",
      "integrity": "sha1-1EBQ1rwsn+6nAqrzjXJ6AhBTiTk=",
      "dev": true,
      "requires": {
@ -2179,7 +2179,7 @@
    },
    "babel-preset-react": {
      "version": "6.24.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-react/-/babel-preset-react-6.24.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-preset-react/download/babel-preset-react-6.24.1.tgz",
      "integrity": "sha1-umnfrqRfw+xjm2pOzqbhdwLJE4A=",
      "requires": {
        "babel-plugin-syntax-jsx": "^6.3.13",
@ -2212,7 +2212,7 @@
    },
    "babel-preset-stage-2": {
      "version": "6.24.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-stage-2/-/babel-preset-stage-2-6.24.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-preset-stage-2/download/babel-preset-stage-2-6.24.1.tgz",
      "integrity": "sha1-2eKWD7PXEYfw5k7sYrwHdnIZvcE=",
      "dev": true,
      "requires": {
@ -2224,7 +2224,7 @@
    },
    "babel-preset-stage-3": {
      "version": "6.24.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-stage-3/-/babel-preset-stage-3-6.24.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/babel-preset-stage-3/download/babel-preset-stage-3-6.24.1.tgz",
      "integrity": "sha1-g2raCp56f6N8sTj7kyb4eTSkg5U=",
      "dev": true,
      "requires": {
@ -3507,7 +3507,7 @@
    },
    "code-prettify": {
      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/code-prettify/-/code-prettify-0.1.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/code-prettify/download/code-prettify-0.1.0.tgz",
      "integrity": "sha1-RocMyMGlDQm61TmzOpg9vUqjSx4="
    },
    "codemirror": {
@ -4885,7 +4885,7 @@
    },
    "dom-closest": {
      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/dom-closest/-/dom-closest-0.2.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/dom-closest/download/dom-closest-0.2.0.tgz",
      "integrity": "sha1-69n5HRvyLo1vR3h2u80+yQIWwM8=",
      "requires": {
        "dom-matches": ">=1.0.1"
@ -4929,7 +4929,7 @@
    },
    "dom-matches": {
      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/dom-matches/-/dom-matches-2.0.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/dom-matches/download/dom-matches-2.0.0.tgz",
      "integrity": "sha1-0nKLQWqHUzmA6wibhI0lPPI6dYw="
    },
    "dom-scroll-into-view": {
@ -5187,7 +5187,7 @@
    },
    "enquire.js": {
      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/enquire.js/-/enquire.js-2.1.6.tgz",
+      "resolved": "https://registry.npm.taobao.org/enquire.js/download/enquire.js-2.1.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fenquire.js%2Fdownload%2Fenquire.js-2.1.6.tgz",
      "integrity": "sha1-PoeAybi4NQhMP2DhZtvDwqPImBQ="
    },
    "entities": {
@ -5706,7 +5706,7 @@
    },
    "eventlistener": {
      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/eventlistener/-/eventlistener-0.0.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/eventlistener/download/eventlistener-0.0.1.tgz",
      "integrity": "sha1-7Suqu4UiJ68rz4iRUscsY8pTLrg="
    },
    "events": {
@ -7240,8 +7240,7 @@
        "ansi-regex": {
          "version": "2.1.1",
          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-          "optional": true
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
        },
        "aproba": {
          "version": "1.2.0",
@ -7262,14 +7261,12 @@
        "balanced-match": {
          "version": "1.0.0",
          "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
-          "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
-          "optional": true
+          "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
        },
        "brace-expansion": {
          "version": "1.1.11",
          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
          "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-          "optional": true,
          "requires": {
            "balanced-match": "^1.0.0",
            "concat-map": "0.0.1"
@ -7284,20 +7281,17 @@
        "code-point-at": {
          "version": "1.1.0",
          "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
-          "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
-          "optional": true
+          "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c="
        },
        "concat-map": {
          "version": "0.0.1",
          "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-          "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
-          "optional": true
+          "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
        },
        "console-control-strings": {
          "version": "1.1.0",
          "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
-          "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
-          "optional": true
+          "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4="
        },
        "core-util-is": {
          "version": "1.0.2",
@ -7414,8 +7408,7 @@
        "inherits": {
          "version": "2.0.4",
          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-          "optional": true
+          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
        },
        "ini": {
          "version": "1.3.5",
@ -7427,7 +7420,6 @@
          "version": "1.0.0",
          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
          "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
-          "optional": true,
          "requires": {
            "number-is-nan": "^1.0.0"
          }
@ -7442,7 +7434,6 @@
          "version": "3.0.4",
          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
          "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
-          "optional": true,
          "requires": {
            "brace-expansion": "^1.1.7"
          }
@ -7450,14 +7441,12 @@
        "minimist": {
          "version": "1.2.5",
          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-          "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
-          "optional": true
+          "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
        },
        "minipass": {
          "version": "2.9.0",
          "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz",
          "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==",
-          "optional": true,
          "requires": {
            "safe-buffer": "^5.1.2",
            "yallist": "^3.0.0"
@ -7476,7 +7465,6 @@
          "version": "0.5.3",
          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.3.tgz",
          "integrity": "sha512-P+2gwrFqx8lhew375MQHHeTlY8AuOJSrGf0R5ddkEndUkmwpgUob/vQuBD1V22/Cw1/lJr4x+EjllSezBThzBg==",
-          "optional": true,
          "requires": {
            "minimist": "^1.2.5"
          }
@ -7538,8 +7526,7 @@
        "npm-normalize-package-bin": {
          "version": "1.0.1",
          "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz",
-          "integrity": "sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==",
-          "optional": true
+          "integrity": "sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA=="
        },
        "npm-packlist": {
          "version": "1.4.8",
@ -7567,8 +7554,7 @@
        "number-is-nan": {
          "version": "1.0.1",
          "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
-          "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
-          "optional": true
+          "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0="
        },
        "object-assign": {
          "version": "4.1.1",
@ -7580,7 +7566,6 @@
          "version": "1.4.0",
          "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
          "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-          "optional": true,
          "requires": {
            "wrappy": "1"
          }
@ -7658,8 +7643,7 @@
        "safe-buffer": {
          "version": "5.1.2",
          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-          "optional": true
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
        },
        "safer-buffer": {
          "version": "2.1.2",
@ -7695,7 +7679,6 @@
          "version": "1.0.2",
          "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
-          "optional": true,
          "requires": {
            "code-point-at": "^1.0.0",
            "is-fullwidth-code-point": "^1.0.0",
@ -7715,7 +7698,6 @@
          "version": "3.0.1",
          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-          "optional": true,
          "requires": {
            "ansi-regex": "^2.0.0"
          }
@ -7759,14 +7741,12 @@
        "wrappy": {
          "version": "1.0.2",
          "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-          "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
-          "optional": true
+          "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
        },
        "yallist": {
          "version": "3.1.1",
          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-          "optional": true
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
        }
      }
    },
@ -8040,7 +8020,7 @@
    },
    "hammerjs": {
      "version": "2.0.8",
-      "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz",
+      "resolved": "https://registry.npm.taobao.org/hammerjs/download/hammerjs-2.0.8.tgz",
      "integrity": "sha1-BO93hiz/K7edMPdpIJWTAiK/YPE="
    },
    "handle-thing": {
@ -8881,7 +8861,7 @@
    },
    "immutable": {
      "version": "3.7.6",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-3.7.6.tgz",
+      "resolved": "https://registry.npm.taobao.org/immutable/download/immutable-3.7.6.tgz",
      "integrity": "sha1-E7TTyxK++hVIKib+Gy665kAHHks="
    },
    "import-fresh": {
@ -10486,7 +10466,7 @@
    },
    "lodash.throttle": {
      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/lodash.throttle/download/lodash.throttle-4.1.1.tgz",
      "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ="
    },
    "lodash.uniq": {
@ -11673,7 +11653,7 @@
    },
    "output-file-sync": {
      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/output-file-sync/-/output-file-sync-1.1.2.tgz",
+      "resolved": "https://registry.npm.taobao.org/output-file-sync/download/output-file-sync-1.1.2.tgz",
      "integrity": "sha1-0KM+7+YaIF+suQCS6CZZjVJFznY=",
      "dev": true,
      "requires": {
@ -19100,7 +19080,7 @@
    },
    "user-home": {
      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/user-home/-/user-home-1.1.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/user-home/download/user-home-1.1.1.tgz",
      "integrity": "sha1-K1viOjK2Onyd640PKNSFcko98ZA=",
      "dev": true
    },
@ -19157,7 +19137,7 @@
    },
    "v8flags": {
      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-2.1.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/v8flags/download/v8flags-2.1.1.tgz?cache=0&sync_timestamp=1590964281452&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fv8flags%2Fdownload%2Fv8flags-2.1.1.tgz",
      "integrity": "sha1-qrGh+jDUX4jdMhFIh1rALAtV5bQ=",
      "dev": true,
      "requires": {
--- a/public/css/edu-common.css
+++ b/public/css/edu-common.css
@ -114,14 +114,6 @@ a:visited {
  color: #898989;
 }

-a:hover {
-  color: #FF7500;
-}
-
-a:hover.fa {
-  color: #FF7500;
-}
-
 input,
 textarea,
 select {
--- a/public/css/edu-main.css
+++ b/public/css/edu-main.css
@ -97,10 +97,6 @@ a:visited {
  color: #05101a;
 }

-a:hover {
-  color: #459be5;
-}
-
 ol,
 ul,
 li {
--- a/public/css/edu-purge.css
+++ b/public/css/edu-purge.css
@ -1364,7 +1364,7 @@ a:visited {
 }

 a:hover {
-  color: #459be5;
+  color: #2A61FF!important;
 }

 ol,
@ -1473,7 +1473,7 @@ a.edu-txt-w80,

 /*隐藏*/
 .none {
-  display: none
+  display: none!important;
 }

 .block {
@ -2471,19 +2471,16 @@ a.hoverLine:hover{
 a.color-grey-name:hover,
 a.color-dark:hover,
 a.color-grey-6:hover,
-a.color-grey-3:hover {
-  color: #4cacff !important;
-}
-
-a.color-grey-9:hover,
-a.color-grey-8:hover,
-a.color-grey-c:hover {
-  color: #111C24 !important;
+a.color-grey-3:hover,a.color-ooo:hover {
+  color: #2A61FF !important;
 }

 /*蓝色*/
 .color-blue {
-  color: #4CACFF !important;
+  color: #2A61FF !important;
+}
+.color-blue-file {
+  color: #0054CC!important;
 }
 /* 绿色 */
 .color-green-file{
@ -2494,10 +2491,6 @@ a.color-grey-c:hover {
  color: #4CACFF !important;
 }

-a.color-blue:hover,
-a.color-blue_4C:hover {
-  color: #459BE6 !important;
-}

 /*橙色*/
 .color-orange {
--- a/public/css/iconfont_BACKUP_278.css
+++ b/public/css/iconfont_BACKUP_278.css
--- a/src/college/colleagecss/colleage.css
+++ b/src/college/colleagecss/colleage.css
@ -218,7 +218,7 @@ a:hover {
 }

 .color-blue {
-  color: #4CACFF;
+  color: #2A61FF;
 }

 .color-huang {
--- a/src/common/UrlTool.js
+++ b/src/common/UrlTool.js
@ -18,6 +18,23 @@ export function getImageUrl(path) {
 	return `${path}`;
 }

+export function numFormat(num, digits){
+	let d = digits || 1;
+  var si = [
+    { value: 1, symbol: "" },
+    { value: 1E3, symbol: "k" },
+    { value: 1E4, symbol: "W" }
+  ];
+  var rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
+  var i;
+  for (i = si.length - 1; i > 0; i--) {
+    if (num >= si[i].value) {
+      break;
+    }
+  }
+  return (num / si[i].value).toFixed(d).replace(rx, "$1") + si[i].symbol;
+}
+
 export function getImage(path) {
 	// https://www.educoder.net
 	// https://testbdweb.trustie.net
--- a/src/common/educoder.js
+++ b/src/common/educoder.js
@ -3,7 +3,7 @@
 // export { default as OrderStateUtil } from          '../routes/Order/components/OrderStateUtil';

 export {
-	getUploadLogoActionUrl as getUploadLogoActionUrl,
+	getUploadLogoActionUrl as getUploadLogoActionUrl,numFormat as numFormat,
 	getImageUrl as getImageUrl,getImage as getImage, getmyUrl as getmyUrl, getRandomNumber as getRandomNumber, getUrl as getUrl, publicSearchs as publicSearchs, getRandomcode as getRandomcode, getUrlmys as getUrlmys, getUrl2 as getUrl2, setImagesUrl as setImagesUrl
 	, getUploadActionUrl as getUploadActionUrl, getUploadActionUrltwo as getUploadActionUrltwo, getUploadActionUrlthree as getUploadActionUrlthree, getUploadActionUrlOfAuth as getUploadActionUrlOfAuth
 	, getTaskUrlById as getTaskUrlById, TEST_HOST, htmlEncode as htmlEncode, getupload_git_file as getupload_git_file, getcdnImageUrl as getcdnImageUrl
--- a/src/forge/Branch/Select.jsx
+++ b/src/forge/Branch/Select.jsx
@ -1,116 +1,36 @@
 import React , { useState , useEffect } from 'react';
-import { Popover , Input , Spin } from 'antd';
+import { Popover , Dropdown , Input , Spin } from 'antd';
 import './branch.scss';
 import { getBranch , getTag } from '../GetData/getData';
+import SelectOverlay from './SelectOverlay';


 export default (({ projectsId , branch , owner , changeBranch , branchList , tagflag = true })=>{
  const [ showValue , setShowValue ] = useState(branch);
-  const [ inputValue , setInputValue] = useState(undefined);
-  const [ nav , setNav ] = useState(0);
-  const [ isSpin , setIsSpin ] = useState(true);
-  const [ flag , setFlag ] = useState(false);
-
-  const [ data , setData ] = useState(undefined);
-  const [ datas , setDatas ] = useState(undefined);

  useEffect(()=>{
    setShowValue(branch);
  },[branch])

-  useEffect(()=>{
-    document.body.addEventListener('click', e => {
-      let name = e.target.className;
-      let turn = name === "ant-input OptionsInput" || name === "navli active"|| name === "navli" || name === "padding10 bor-bottom-greyE";
-      if(turn){
-        return;
-      }else{
-        setFlag(false);
-      }
-    })
-  })
-
-  useEffect(()=>{
-    if(branchList){
-      setData(branchList);
-      setDatas(branchList);
-      setIsSpin(false);
-    }
-  },[branchList])
-
-
-  async function getBranchs(id,owner){
-    let result = await getBranch(id,owner);
-    setData(result);
-    setDatas(result);
-    setIsSpin(false);
-  }
-  async function getTags(id,owner){
-    let result = await getTag(id,owner);
-    setData(result);
-    setDatas(result);
-    setIsSpin(false);
-  }
-
-  function changeInputValue(e){
-    setInputValue(e.target.value);
-    let filter = e.target.value ? data && data.length>0 && data.filter(item=>item.name.indexOf(e.target.value)>-1) : data;
-    setDatas(filter);
-  }
-
-  function changeNav(nav){
-    setNav(nav);
-    setIsSpin(true);
-    if(nav === 0){
-      getBranchs(projectsId,owner);
-    }else{
-      getTags(projectsId,owner);
-    }
-  }
-  function chooseitem(value){
-    // setShowValue(value);
-    changeBranch(value);
-  }
-
-
  const menu = (
-    <div>
-      <div className="padding10 bor-bottom-greyE">
-        <Input 
-          placeholder="请输入分支或标签名称搜索" 
-          autocomplete="off" className="OptionsInput" value={inputValue} 
-          onChange={changeInputValue} style={{width:"220px"}}
-        />
-        <ul className="navUl">
-          <li className={nav === 0?"navli active":"navli"} onClick={()=>changeNav(0)}><i className="iconfont icon-fenzhi1 font-14 mr3"></i>分支列表</li>
-          { tagflag && <li className={nav === 1?"navli active":"navli"} onClick={()=>changeNav(1)}><i className="iconfont icon-biaoqian3 font-14 mr3"></i>标签列表</li> }
-        </ul>
-      </div>
-      <Spin spinning={isSpin}>
-        <ul className="OptionsUl" id="ul-btn">
-          {
-            datas && datas.length>0 ?
-            datas.map((item,key)=>{
-              return(
-                <li key={key} onClick={()=>chooseitem(item.name)}><a className="task-hide ulALink">{item.name}</a></li>
-              )
-            }):
-            <p className="listTips">暂无{inputValue}{nav === 0 ?"分支":"标签"}~</p>
-          }
-        </ul>
-      </Spin>
-    </div>
+    <SelectOverlay 
+      changeBranch={changeBranch} 
+      tagflag={tagflag} 
+      projectsId={projectsId}
+      owner={owner}
+      branchList={branchList}
+      />
  );
  return(
-    <Popover placement='bottomLeft' visible={flag} content={menu} onClick={()=>setFlag(!flag)} overlayClassName="branch-tagBox-list">
+    <Dropdown placement='bottomLeft' overlay={menu} overlayClassName="branch-tagBox-list" trigger={['click']} >
      <div className="branch-tagBox">
        {/* {nav === 0 ?"分支":"标签"} */}
        <span className="color-grey-9 mr3 ml8"><i className="iconfont icon-fenzhi2 font-18"></i></span>
-        <a className="ant-dropdown-link">
+        <a className="ant-dropdown-link task-hide">
          {showValue}
        </a>
-        <i className="showtag iconfont icon-xiajiantou font-14 color-grey-9 mr8" />
+        <i className="showtag iconfont icon-sanjiaoxing-down font-15 color-grey-9 mr5 ml5 mt1" />
      </div>
-    </Popover>
+    </Dropdown>
  )
 })
--- a/src/forge/Branch/SelectOverlay.jsx
+++ b/src/forge/Branch/SelectOverlay.jsx
@ -0,0 +1,84 @@
+import React , { useState , useEffect } from 'react';
+import { Input , Spin , Menu } from 'antd';
+import { getBranch , getTag } from '../GetData/getData';
+
+function SelectOverlay({ changeBranch , tagflag , branchList , projectsId , owner }) {
+  const [ inputValue , setInputValue] = useState(undefined);
+  const [ nav , setNav ] = useState(0);
+  const [ isSpin , setIsSpin ] = useState(true);
+
+  const [ data , setData ] = useState(undefined);
+  const [ datas , setDatas ] = useState(undefined);
+  const [ keys ,setKeys] = useState("branch");
+
+  useEffect(()=>{
+    if(branchList){
+      setData(branchList);
+      setDatas(branchList);
+      setIsSpin(false);
+    }
+  },[branchList])
+
+  async function getBranchs(id,owner){
+    let result = await getBranch(id,owner);
+    setData(result);
+    setDatas(result);
+    setIsSpin(false);
+  }
+  async function getTags(id,owner){
+    let result = await getTag(id,owner);
+    setData(result);
+    setDatas(result);
+    setIsSpin(false);
+  }
+  function chooseitem(value){
+    changeBranch(value);
+  }
+  function changeInputValue(e){
+    setInputValue(e.target.value);
+    let filter = e.target.value ? data && data.length>0 && data.filter(item=>item.name.indexOf(e.target.value)>-1) : data;
+    setDatas(filter);
+  }
+
+  function changeNav(e){
+    setKeys(e.key);
+    setIsSpin(true);
+    if(e.key === "branch"){
+      getBranchs(projectsId,owner);
+    }else{
+      getTags(projectsId,owner);
+    }
+  }
+
+  return(
+    <div className="overlayBranch">
+      <div className="padding15" style={{paddingBottom:"0px"}}>
+        <Input 
+          prefix={<i className="iconfont icon-sousuo_icon1 font-14"></i>}
+          placeholder="请输入分支或标签名称搜索" 
+          autocomplete="off" className="OptionsInput" 
+          value={inputValue} 
+          onChange={changeInputValue}
+        />
+      </div>
+      <Menu mode="horizontal" className="navUl" selectedKeys={[keys]} onClick={changeNav}>
+        <Menu.Item key={"branch"}>分支</Menu.Item>
+        { tagflag && <Menu.Item key={"tag"}>标签</Menu.Item> }
+      </Menu>
+      <Spin spinning={isSpin}>
+        <ul className="OptionsUl" id="ul-btn">
+          {
+            datas && datas.length>0 ?
+            datas.map((item,key)=>{
+              return(
+                <li key={key} onClick={()=>chooseitem(item.name)}><a className="task-hide ulALink">{item.name}</a></li>
+              )
+            }):
+            <p className="listTips">暂无{inputValue}{nav === 0 ?"分支":"标签"}~</p>
+          }
+        </ul>
+      </Spin>
+    </div>
+  )
+}
+export default SelectOverlay;
--- a/src/forge/Branch/branch.css
+++ b/src/forge/Branch/branch.css
@ -0,0 +1,135 @@
+.branchDropdown {
+  border: 1px solid #eee;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  height: 40px;
+  line-height: 40px;
+  min-width: 220px;
+}
+
+.branchDropdown .ant-dropdown-trigger {
+  width: 100%;
+  padding: 0px 15px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+}
+
+.branchOptions {
+  width: 220px;
+  box-shadow: 0px 0px 3px 1px rgba(134, 134, 134, 0.4);
+  border-radius: 3px;
+  background: #fff;
+  max-height: 300px;
+}
+
+.OptionsUl {
+  max-height: 220px;
+  overflow-y: auto;
+}
+
+.OptionsUl li {
+  height: 30px;
+  line-height: 30px;
+  cursor: pointer;
+  padding: 0px 20px;
+  margin: 5px 0px;
+}
+
+.OptionsUl li:hover {
+  background-color: #F0F0F0;
+}
+
+.OptionsUl li a {
+  display: block;
+}
+
+.OptionsInput {
+  height: 32px;
+  padding-left: 4px;
+  line-height: 32px;
+  width: 100%;
+}
+
+.branch-tagBox {
+  border: 1px solid #D0D0D0;
+  border-radius: 3px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  min-width: 104px;
+}
+
+.branch-tagBox:hover {
+  background-color: #F3F4F6;
+}
+
+.branch-tagBox-list {
+  background: #FFFFFF;
+  box-shadow: 0px 4px 8px 2px rgba(212, 212, 212, 0.5);
+  border-radius: 4px;
+}
+.branch-tagBox-list .ant-popover-arrow {
+  display: none;
+}
+.branch-tagBox-list.ant-popover.ant-popover-placement-bottom {
+  padding-top: 0px;
+}
+.branch-tagBox-list .branch-tagBox .ant-dropdown-link {
+  display: block;
+  flex: 1;
+  max-width: 105px;
+}
+.branch-tagBox-list .ant-popover-inner-content {
+  padding: 0px;
+}
+
+.overlayBranch {
+  width: 325px;
+}
+.overlayBranch .navUl {
+  margin-top: 8px;
+  height: 30px;
+  line-height: 30px;
+}
+.overlayBranch .navUl li {
+  height: 30px;
+  line-height: 30px;
+  padding: 0px 5px;
+  margin-left: 20px !important;
+}
+
+.listTips {
+  padding: 20px 0px;
+  text-align: center;
+}
+
+.urlMenu {
+  line-height: 30px;
+  margin-bottom: 10px;
+  border-bottom: none;
+}
+.urlMenu li.ant-menu-item {
+  height: 30px;
+  line-height: 30px;
+  padding: 0px 5px;
+  margin-right: 20px !important;
+}
+.urlMenu li.ant-menu-item.ant-menu-item-selected, .urlMenu li.ant-menu-item.ant-menu-item-active {
+  color: #333;
+}
+.urlMenu li.ant-menu-item.ant-menu-item-selected {
+  border-color: #1890ff !important;
+}
+.urlMenu li.ant-menu-item.ant-menu-item-active {
+  border-color: transparent;
+}
+
+.copytool {
+  margin: 0px 10px;
+}
+
+/*# sourceMappingURL=branch.css.map */
--- a/src/forge/Branch/branch.css.map
+++ b/src/forge/Branch/branch.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["branch.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACG;;;AAEH;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;;AAGJ;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AAIN;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIN;EACE","file":"branch.css"}
--- a/src/forge/Branch/branch.scss
+++ b/src/forge/Branch/branch.scss
@ -27,10 +27,11 @@
  overflow-y: auto;
 }
 .OptionsUl li{
-  height: 35px;
-  line-height: 35px;
+  height: 30px;
+  line-height: 30px;
  cursor: pointer;
-  padding:0px 10px;
+  padding:0px 20px;
+  margin:5px 0px;
 }
 .OptionsUl li:hover{
   background-color: #F0F0F0;
@ -45,38 +46,49 @@
  width: 100%;
 }
 .branch-tagBox{
-  border:1px solid #eee;
+  border:1px solid #D0D0D0;
  border-radius: 3px;
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
-  min-width: 140px;
+  min-width: 104px;
 }
-.branch-tagBox-list .ant-popover-arrow{
-  display: none;
+.branch-tagBox:hover{
+  background-color: #F3F4F6;
 }
-.branch-tagBox-list.ant-popover.ant-popover-placement-bottom{
-  padding-top:0px;
+.branch-tagBox-list{
+  background: #FFFFFF;
+  box-shadow: 0px 4px 8px 2px rgba(212, 212, 212, 0.5);
+  border-radius: 4px;
+  .ant-popover-arrow{
+    display: none;
+  }
+  &.ant-popover.ant-popover-placement-bottom{
+    padding-top:0px;
+  }
+  .branch-tagBox .ant-dropdown-link{
+    display: block;
+    flex:1;
+    max-width: 105px;
+  }
+  .ant-popover-inner-content{
+    padding:0px;
+  }
 }
-.branch-tagBox .ant-dropdown-link{
-  display: block;
-  flex:1;
-}
-.branch-tagBox-list .ant-popover-inner-content{
-  padding:0px;
-}
-.navUl{
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 5px;
-}
-.navUl li{
-  cursor: pointer;
-}
-.navUl li.active{
-  color:#5091FF;
+.overlayBranch{
+  width: 325px;
+  .navUl{
+    margin-top: 8px;
+    height: 30px;
+    line-height: 30px;
+    li{
+      height: 30px;
+      line-height: 30px;
+      padding:0px 5px;
+      margin-left: 20px!important;
+    }
+  }
 }
 .listTips{
  padding:20px 0px;
--- a/src/forge/Component/Component.css
+++ b/src/forge/Component/Component.css
@ -0,0 +1,375 @@
+@charset "UTF-8";
+ul.ant-menu {
+  border-right: none;
+}
+
+ul.ant-menu li:last-child {
+  border-bottom: none;
+}
+
+li.ant-menu-item {
+  margin: 0px !important;
+  border-bottom: 1px solid #eee;
+}
+
+.flags {
+  border: 1px solid red;
+  border-radius: 5px;
+}
+
+.cards {
+  display: flex;
+  align-items: center;
+  padding: 20px 34px;
+  background-color: #fff;
+  margin-bottom: 18px;
+  min-height: 130px;
+  border: 1px solid #eee;
+}
+.cards .img {
+  margin-right: 20px;
+  width: 190px;
+  height: 90px;
+  border: 1px solid #eeeeee;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+.cards .img img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.cards .content {
+  flex: 1;
+  width: 0;
+}
+.cards .content .titles {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 10px !important;
+  align-items: center;
+  height: 22px;
+  line-height: 22px;
+}
+.cards .content .titles > a {
+  font-size: 18px;
+  color: #333;
+}
+.cards .content .desc {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-height: 20px;
+}
+
+.tabsStyle {
+  border: 1px solid #eee;
+}
+.tabsStyle .ant-tabs-bar.ant-tabs-top-bar {
+  padding-left: 35px;
+  margin-bottom: 0px;
+}
+.tabsStyle .ant-tabs-nav .ant-tabs-tab {
+  padding: 19px 0px;
+  margin-right: 40px;
+}
+.tabsStyle .ant-tabs-ink-bar {
+  width: 25px !important;
+  bottom: 10px;
+}
+
+.statusColor {
+  display: inline-block;
+  padding: 0px 10px;
+  height: 20px;
+  line-height: 20px;
+  border-radius: 11px;
+  color: #fff;
+  margin-left: 5px;
+  font-size: 12px;
+}
+.statusColor.running {
+  background: #5091FF;
+  color: #F1F8FF;
+}
+.statusColor.Preparing {
+  background: #ff6e21;
+  color: #fff8f4;
+}
+.statusColor.pass {
+  background: #28BD6C;
+  color: #EEFDF5;
+}
+.statusColor.failed {
+  background: #F73030;
+  color: #FCEEEE;
+}
+.statusColor.killed {
+  background: #eee;
+  color: #999;
+}
+
+.handleBox {
+  position: fixed;
+  top: 45%;
+  right: 240px;
+  z-index: 10000;
+}
+
+.laterest {
+  color: #05690d;
+}
+
+@media screen and (max-width: 1800px) {
+  .handleBox {
+    right: 190px;
+  }
+}
+@media screen and (max-width: 1700px) {
+  .handleBox {
+    right: 140px;
+  }
+}
+@media screen and (max-width: 1600px) {
+  .handleBox {
+    right: 90px;
+  }
+}
+@media screen and (max-width: 1450px) {
+  .handleBox {
+    right: 10px;
+  }
+}
+@media screen and (max-width: 1380px) {
+  .handleBox {
+    right: 0px;
+  }
+}
+.ant-drawer {
+  z-index: 10000 !important;
+}
+
+.ant-drawer-body {
+  padding: 0px !important;
+}
+.ant-drawer-body .drawerHead {
+  background-color: #333;
+  color: #fff;
+  padding: 15px 20px;
+}
+.ant-drawer-body .ant-tree {
+  margin: 0px 20px !important;
+}
+
+.menuPanels {
+  width: 240px;
+  height: 180px;
+}
+.menuPanels .ant-popover-content, .menuPanels .ant-popover-inner {
+  height: 100%;
+  width: 100%;
+}
+
+.halfs {
+  margin-top: 24px;
+  padding: 24px 0px 0px 0px;
+  border-top: 1px solid #e8e8e8;
+}
+.halfs .attrPerson {
+  padding-bottom: 24px;
+}
+
+.menuinfos {
+  padding: 15px 0px;
+}
+.menuinfos > a {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border-right: 1px solid #eee;
+  flex: 1;
+}
+.menuinfos > a > span:first-child {
+  font-size: 18px;
+  font-weight: 400;
+  color: #333;
+}
+.menuinfos > a > span:last-child {
+  color: #666;
+}
+.menuinfos > a:last-child {
+  border-right: none;
+}
+
+/*-------------------个人主页：右侧提示区域--------------------------*/
+.-task-sidebar {
+  position: fixed;
+  width: 40px;
+  right: 0;
+  bottom: 80px;
+  z-index: 10;
+}
+
+@media screen and (max-width: 1920px) {
+  .-task-sidebar {
+    right: 220px;
+  }
+}
+@media screen and (max-width: 1750px) {
+  .-task-sidebar {
+    right: 160px;
+  }
+}
+@media screen and (max-width: 1650px) {
+  .-task-sidebar {
+    right: 115px;
+  }
+}
+@media screen and (max-width: 1550px) {
+  .-task-sidebar {
+    right: 90px;
+  }
+}
+@media screen and (max-width: 1450px) {
+  .-task-sidebar {
+    right: 45px;
+  }
+}
+@media screen and (max-width: 1200px) {
+  .-task-sidebar {
+    right: 0px;
+    display: none;
+  }
+}
+.-task-sidebar > div {
+  height: 40px;
+  line-height: 40px;
+  box-sizing: border-box;
+  width: 40px;
+  color: #999;
+  font-size: 20px;
+  text-align: center;
+  margin-bottom: 20px;
+  border-radius: 50%;
+  background: #FFFFFF;
+  box-shadow: 0px 0px 10px 1px #F1F1F1;
+}
+
+.-task-sidebar > div i {
+  color: #999;
+}
+
+.-task-sidebar > div:hover i {
+  color: #fff !important;
+}
+
+.-task-sidebar > div:hover {
+  background: #1890FF;
+  box-shadow: 0px 0px 10px 2px #B6D0FC;
+}
+
+.helpBox {
+  width: 260px;
+  z-index: 103;
+}
+.helpBox.shareContent {
+  width: 200px;
+}
+.helpBox .ant-popover-inner-content {
+  padding: 0px;
+}
+.helpBox p.titlecontent {
+  font-size: 18px;
+  color: #333;
+  line-height: 20px;
+  padding: 15px 20px;
+}
+.helpBox .faqUl {
+  padding: 0px 20px 10px;
+  max-height: 230px;
+  overflow-y: auto;
+}
+.helpBox .faqUl li {
+  background: #F5F5F5;
+  border-radius: 20px;
+  padding: 0px 20px;
+  color: #333;
+  height: 34px;
+  line-height: 34px;
+  margin-bottom: 10px;
+}
+.helpBox .faqUl li a {
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.helpBox .faqUl li:hover {
+  background-color: #D1E9FF;
+}
+.helpBox .faqUl li:hover a {
+  color: #333 !important;
+}
+.helpBox .shareUl {
+  padding: 10px 0px;
+  display: flex;
+  align-items: center;
+}
+.helpBox .shareUl .titlecontent {
+  margin-right: 20px;
+}
+.helpBox .shareUl li > i {
+  font-size: 32px !important;
+}
+
+.-task-desc {
+  background: #494949;
+  width: 90px;
+  line-height: 36px;
+  text-align: center;
+  position: absolute;
+  color: #fff;
+  font-size: 13px;
+  z-index: 999999;
+  opacity: 0;
+}
+
+.-task-desc div {
+  position: absolute;
+  top: 10px;
+  right: -7px;
+  height: 13px;
+}
+
+.-task-desc div img {
+  float: left;
+}
+
+.-task-sidebar .scan_ewm {
+  position: absolute !important;
+  right: 45px !important;
+  bottom: 0px !important;
+  background-color: #494949 !important;
+  -webkit-box-sizing: border-box !important;
+  box-sizing: border-box !important;
+  font-size: 14px !important;
+  line-height: 16px !important;
+  display: none;
+  height: 213px !important;
+}
+
+.trangle_right {
+  position: absolute;
+  right: -5px;
+  bottom: 15px;
+  width: 0;
+  height: 0px;
+  border-top: 6px solid transparent;
+  border-left: 5px solid #494949;
+  border-bottom: 6px solid transparent;
+}
+
+/*# sourceMappingURL=Component.css.map */
--- a/src/forge/Component/Component.css.map
+++ b/src/forge/Component/Component.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Component.scss"],"names":[],"mappings":";AAAA;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;;;AAEF;EACE;;AACA;EACE;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;;AACA;EACE;EACA;;;AAGJ;EACE;EACA;EACA;;AACA;EACE;;;AAGJ;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;;AAKN;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE;IACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AACA;EACE;;AAKR;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"Component.css"}
--- a/src/forge/Component/EAccount.css
+++ b/src/forge/Component/EAccount.css
@ -0,0 +1,9 @@
+.ant-modal-mask {
+  z-index: 1031;
+}
+
+.ant-modal-wrap {
+  z-index: 1032;
+}
+
+/*# sourceMappingURL=EAccount.css.map */
--- a/src/forge/Component/EAccount.css.map
+++ b/src/forge/Component/EAccount.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["EAccount.scss"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE","file":"EAccount.css"}
--- a/src/forge/Component/ProfileModal/Index.css
+++ b/src/forge/Component/ProfileModal/Index.css
@ -0,0 +1,21 @@
+.contents {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 10px auto 0px;
+}
+.contents img {
+  margin-right: 13px;
+  width: 44px;
+}
+.contents p {
+  line-height: 29px;
+  max-width: 327px;
+  font-size: 16px !important;
+}
+
+.font-44 {
+  font-size: 44px !important;
+}
+
+/*# sourceMappingURL=Index.css.map */
--- a/src/forge/Component/ProfileModal/Index.css.map
+++ b/src/forge/Component/ProfileModal/Index.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Index.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAGJ;EACE","file":"Index.css"}
--- a/src/forge/Component/PublicModal/Index.css
+++ b/src/forge/Component/PublicModal/Index.css
@ -0,0 +1,75 @@
+.deleteBox {
+  z-index: 1033;
+}
+.deleteBox .ant-modal-close-x {
+  font-size: 17px !important;
+}
+.deleteBox .ant-modal-header {
+  background-color: #f8f8f8;
+  padding: 10px 30px;
+}
+.deleteBox .ant-modal-header .ant-modal-title {
+  text-align: left;
+  font-size: 16px;
+  font-weight: bold;
+}
+.deleteBox .ant-modal-close {
+  top: 0px !important;
+  font-size: 24px !important;
+}
+.deleteBox .ant-modal-body {
+  padding: 30px 50px;
+}
+.deleteBox .ant-modal-body p {
+  font-size: 14px;
+  line-height: 26px;
+  color: #666;
+  word-break: break-all;
+}
+.deleteBox .ant-modal-body .desc .descMain {
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  margin-bottom: 10px;
+}
+.deleteBox .ant-modal-body .desc .descMain i.red {
+  color: #DF0002;
+}
+.deleteBox .ant-modal-footer {
+  border-top: none;
+  text-align: center;
+  padding-bottom: 40px;
+}
+.deleteBox .ant-modal-footer button, .deleteBox .ant-modal-footer a {
+  width: 96px;
+  height: 32px;
+  margin: 0px 20px;
+  font-weight: 400;
+  font-size: 14px;
+}
+.deleteBox .ant-modal-footer button.ant-btn, .deleteBox .ant-modal-footer a.ant-btn {
+  border-color: #D0D0D0;
+  color: #666;
+}
+.deleteBox .ant-modal-footer button.ant-btn:hover, .deleteBox .ant-modal-footer button.ant-btn:active, .deleteBox .ant-modal-footer button.ant-btn:focus, .deleteBox .ant-modal-footer a.ant-btn:hover, .deleteBox .ant-modal-footer a.ant-btn:active, .deleteBox .ant-modal-footer a.ant-btn:focus {
+  background: #f3f4f6;
+}
+.deleteBox .ant-modal-footer button.ant-btn-danger, .deleteBox .ant-modal-footer a.ant-btn-danger {
+  background-color: #fff;
+  color: #DF0002;
+  border-color: #D0D0D0;
+}
+.deleteBox .ant-modal-footer button.ant-btn-danger:hover, .deleteBox .ant-modal-footer button.ant-btn-danger:active, .deleteBox .ant-modal-footer button.ant-btn-danger:focus, .deleteBox .ant-modal-footer a.ant-btn-danger:hover, .deleteBox .ant-modal-footer a.ant-btn-danger:active, .deleteBox .ant-modal-footer a.ant-btn-danger:focus {
+  border-color: #DF0002;
+  background-color: #fff;
+}
+.deleteBox .ant-modal-footer button.ant-btn.ant-btn-primary, .deleteBox .ant-modal-footer a.ant-btn.ant-btn-primary {
+  background-color: #466AFF;
+  color: #fff;
+  border-color: #466AFF;
+}
+.deleteBox .ant-modal-footer button.ant-btn.ant-btn-primary:hover, .deleteBox .ant-modal-footer button.ant-btn.ant-btn-primary:focus, .deleteBox .ant-modal-footer button.ant-btn.ant-btn-primary:active, .deleteBox .ant-modal-footer a.ant-btn.ant-btn-primary:hover, .deleteBox .ant-modal-footer a.ant-btn.ant-btn-primary:focus, .deleteBox .ant-modal-footer a.ant-btn.ant-btn-primary:active {
+  background-color: rgba(70, 106, 255, 0.85);
+}
+
+/*# sourceMappingURL=Index.css.map */
--- a/src/forge/Component/PublicModal/Index.css.map
+++ b/src/forge/Component/PublicModal/Index.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Index.scss"],"names":[],"mappings":"AAAA;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAKR;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EACE","file":"Index.css"}
--- a/src/forge/Head/header.css
+++ b/src/forge/Head/header.css
@ -0,0 +1,133 @@
+.dropdownFlex {
+  display: flex;
+  background: #fff;
+  border-radius: 3px;
+}
+.dropdownFlex .ant-menu-vertical > .ant-menu-item {
+  border: none;
+  height: 35px;
+  line-height: 35px;
+  margin: 0px;
+}
+.dropdownFlex .ant-menu-vertical > .ant-menu-item.ant-menu-item-selected {
+  background-color: #fff;
+}
+.dropdownFlex .ant-menu-vertical > .ant-menu-item.ant-menu-item-selected a {
+  color: rgba(0, 0, 0, 0.65) !important;
+}
+.dropdownFlex .ant-menu-vertical > .ant-menu-item.ant-menu-item-active a {
+  color: #4cacff !important;
+}
+.dropdownFlex .ant-menu-vertical {
+  border: none;
+}
+
+.currentImg {
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  margin-left: 30px;
+}
+
+.currentMenu {
+  width: 120px;
+  text-align: center;
+  padding: 0px;
+}
+.currentMenu .currentName {
+  padding: 0px 8px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block;
+}
+.currentMenu li {
+  height: 40px;
+  line-height: 40px;
+  padding: 0px !important;
+  cursor: default;
+}
+.currentMenu li:hover {
+  background-color: #fff;
+}
+.currentMenu li:first-child {
+  border-bottom: 1px solid #eee;
+}
+.currentMenu li:last-child {
+  border-top: 1px solid #eee;
+}
+.currentMenu li:last-child a {
+  border-radius: 0px 0px 4px 4px;
+}
+.currentMenu li a {
+  padding: 0px;
+  margin: 0px;
+  display: block;
+  color: #666;
+}
+.currentMenu li a:hover {
+  color: #fff;
+  background: #4CACFF;
+}
+
+.newFooter {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  background: #323232;
+  clear: both;
+  min-width: 1200px;
+  z-index: 8;
+  left: 0px;
+}
+.newFooter p {
+  margin-top: 0;
+  margin-bottom: 0px !important;
+}
+.newFooter .footerInfos {
+  display: flex;
+  max-width: 1200px;
+  margin: 0px auto;
+  justify-content: space-around;
+  padding: 60px 0px;
+}
+.newFooter .footerInfos > ul {
+  padding: 0px 40px;
+  box-sizing: border-box;
+  max-width: 25%;
+  text-align: left;
+}
+.newFooter .footerInfos > ul li {
+  color: #fff;
+  font-weight: 300;
+}
+.newFooter .footerInfos > ul li:first-child {
+  font-size: 17px;
+}
+.newFooter .footerInfos > ul li > a, .newFooter .footerInfos > ul li > span {
+  color: #bbb;
+}
+.newFooter .footerInfos > ul li > a:hover {
+  color: #4cacff;
+}
+.newFooter .footerCopy {
+  color: #bbb;
+  border-top: 1px solid #4e4e4e;
+  padding: 10px 0px;
+}
+.newFooter .footerCopy a {
+  color: #bbb;
+}
+.newFooter .footerCopy a:hover {
+  color: #4cacff;
+}
+
+.inviteForm .ant-form-item {
+  margin-right: 0px;
+}
+.inviteForm .ant-form-item-label {
+  width: 110px;
+  text-align: right;
+}
+
+/*# sourceMappingURL=header.css.map */
--- a/src/forge/Head/header.css.map
+++ b/src/forge/Head/header.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["header.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAE;;AAGF;EAAE;;AAGN;EACE;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;AAKR;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;;;AAMN;EACE;;AAEF;EACE;EACA","file":"header.css"}
--- a/src/forge/Main/CoderDepotCatalogue.jsx
+++ b/src/forge/Main/CoderDepotCatalogue.jsx
@ -4,8 +4,8 @@ import { truncateCommitId } from '../common/util';

 const typeIco = {
  "submodule":"icon-file-submodule font-17",
-  "file":'icon-wenjia font-15',
-  "dir":"icon-wenjianjia1 font-15"
+  "file":'icon-wenjian5 font-15',
+  "dir":"icon-wenjianjia3 font-15"
 }

 function CoderDepotCatalogue({item , goToSubRoot , owner , projectsId }){
@ -13,7 +13,7 @@ function CoderDepotCatalogue({item , goToSubRoot , owner , projectsId }){
    <li>
      <span>
        <a onClick={()=>goToSubRoot(item.path,item.type,item.name)} className={item.type === "submodule" && "submoduleStyle"}>
-          <i className={`iconfont ${typeIco[`${item.type}`]} color-green-file mr5`}></i>{item.name}
+          <i className={`iconfont ${typeIco[`${item.type}`]} color-blue-file mr5`}></i>{item.name}
        </a>
      </span>
      <span title="init project">
--- a/src/forge/Main/CoderDepotReadme.jsx
+++ b/src/forge/Main/CoderDepotReadme.jsx
@ -3,6 +3,8 @@ import RenderHtml from '../../components/render-html';
 import { AlignCenter } from '../Component/layout';
 import { Dropdown , Menu , Spin } from 'antd';
 import { Link } from 'react-router-dom';
+
+import ReadmeCatelogue from './sub/ReadmeCatelogue';
 const $ = window.$;

 function CoderDepotReadme({ operate , history , readme , ChangeFile }){
@ -23,34 +25,25 @@ function CoderDepotReadme({ operate , history , readme , ChangeFile }){
      const anchor = el.id;
      const level = el.tagName.replace("H", "");
      const href = `#${anchor}`;
-      return { href:`${path}${href}`,text:el.textContent , level:level }
+      return { href:`${href}`,text:el.textContent , level:level }
    });
    setMenuList(items);
  },[content])

  function menu(){
    if(menuList && menuList.length > 0){
-      let hash = history.location.hash;
      return(
-        <Menu className="menuslist">
-          {
-            menuList.map((item,key)=>{
-              return(
-                <Menu.Item key={item.id} className={decodeURI(hash).indexOf(item.text)>-1 ?"active":""}><Link to={`${item.href}`} style={{paddingLeft:`${item.level *10}px`}} title={item.text}>{item.text}</Link></Menu.Item>
-              )
-            })
-          }
-        </Menu>
+        <ReadmeCatelogue menuList={menuList}/>
      )
    }else{
      return <Spin />
    }
  }
  return(
-    <div className="commonBox" id="readme">
+    <div className="commonBox readBox" id="readme">
      <div className="commonBox-title boxTitle">
        <AlignCenter>
-          <Dropdown overlay={menu()}>
+          <Dropdown overlay={menu()} trigger={['click']} overlayClassName="menuslist">
            <span className="catelogue">
              <i className="iconfont icon-zhangjie1 font-14 mr5"></i>
              <span>目录</span>
@ -61,7 +54,7 @@ function CoderDepotReadme({ operate , history , readme , ChangeFile }){
        {
          operate ?
            <a className="ml20 pull-right" onClick={() =>ChangeFile(readme && readme.path, false)}>
-              <i className="iconfont icon-bianji6 font-16 color-blue"></i>
+              <i className="iconfont icon-a-bianji font-17 color-grey-6"></i>
            </a>
          :""
        }
--- a/src/forge/Main/CoderRootBranch.js
+++ b/src/forge/Main/CoderRootBranch.js
@ -4,7 +4,7 @@ import { Dropdown , Menu , Icon , Tooltip , Spin } from 'antd';
 import { truncateCommitId } from '../common/util';
 import { getBranch } from '../GetData/getData';
 import Nodata from '../Nodata';
-import './list.css';
+import './list.scss';

 function turnbar(str){
  if(str && str.length>0 && str.indexOf("/")>-1){
--- a/src/forge/Main/CoderRootFileDetail.js
+++ b/src/forge/Main/CoderRootFileDetail.js
@ -1,6 +1,6 @@
 import React, { Component } from "react";
 import { Popconfirm , Select } from "antd";
-import "./list.css";
+import "./list.scss";
 import axios from "axios";
 import Meditor from "../Newfile/m_editor";
 import RenderHtml from "../../components/render-html";
--- a/src/forge/Main/Index.css
+++ b/src/forge/Main/Index.css
@ -0,0 +1,364 @@
+.recommandOri.slick-slider {
+  width: 1300px;
+  margin: 20px auto 40px;
+}
+.recommandOri.slick-slider .slick-track {
+  margin-left: 0px;
+}
+.recommandOri.slick-slider .slick-slide li > a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* recommandProjects */
+.recommandProjects.slick-slider {
+  width: 1230px;
+  margin: 20px auto 40px;
+}
+.recommandProjects.slick-slider .slick-track {
+  margin-left: 0px;
+}
+.recommandProjects.slick-slider .slick-arrow.slick-prev:before, .recommandProjects.slick-slider .slick-arrow.slick-next:before {
+  color: #999;
+}
+.recommandProjects.slick-slider .slick-arrow.slick-prev li.slick-active button:before, .recommandProjects.slick-slider .slick-arrow.slick-next li.slick-active button:before {
+  color: #999;
+}
+.recommandProjects.slick-slider .slick-dots {
+  bottom: -29px;
+}
+.recommandProjects.slick-slider .slick-dots li button:before {
+  color: #909090;
+}
+.recommandProjects.slick-slider .slick-slide {
+  padding: 0px 15px;
+  box-sizing: border-box;
+}
+.recommandProjects.slick-slider .slick-slide > div {
+  background-color: #fff;
+  border-radius: 10px;
+  width: 100%;
+  cursor: pointer;
+  border: 1px solid #eee;
+}
+.recommandProjects.slick-slider .slick-slide > div:hover {
+  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
+}
+.recommandProjects.slick-slider .baseInfo {
+  padding: 18px 15px;
+  display: flex;
+  font-size: 12px;
+  color: #888;
+}
+.recommandProjects.slick-slider .baseInfo .look {
+  margin-right: 10px;
+}
+.recommandProjects.slick-slider .baseInfo .look i {
+  margin-right: 5px;
+}
+.recommandProjects.slick-slider .baseInfo .type {
+  flex: 1;
+  width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: right;
+}
+.recommandProjects.slick-slider .mainInfo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 160px;
+  border-bottom: 1px solid #eee;
+  padding: 20px;
+  box-sizing: border-box;
+}
+.recommandProjects.slick-slider .mainInfo img {
+  height: 50px;
+  width: 50px;
+  border-radius: 50%;
+}
+.recommandProjects.slick-slider .mainInfo .name {
+  font-size: 13px;
+  color: #666;
+  height: 18px;
+  line-height: 18px;
+  margin-top: 12px;
+}
+.recommandProjects.slick-slider .mainInfo .school {
+  margin-top: 12px;
+  color: #333;
+  font-size: 16px;
+  height: 22px;
+  line-height: 22px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+
+.Panels {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+.Panels .panelmenu {
+  padding-top: 30px;
+}
+.Panels .addOptionBtn {
+  height: 32px;
+  line-height: 30px;
+  display: flex;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+}
+.Panels .addOptionBtn a {
+  padding: 0px 13px;
+  color: rgba(0, 0, 0, 0.65);
+  cursor: pointer;
+}
+.Panels .addOptionBtn > a:first-child {
+  border-right: 1px solid #d9d9d9;
+}
+.Panels .addOptionBtn > a:last-child {
+  border-right: none;
+}
+.Panels .infoCount {
+  display: inline-block;
+  width: 24px;
+  text-align: center;
+  height: 24px;
+  line-height: 24px;
+  background-color: rgba(153, 153, 153, 0.13);
+  color: #666;
+  border-radius: 12px;
+  margin-left: 6px;
+  font-size: 12px;
+}
+.Panels .attrPerson {
+  padding-top: 15px;
+  display: flex;
+  flex-wrap: wrap;
+}
+.Panels .attrPerson a {
+  margin: 10px 10px 0px 0px;
+}
+.Panels .attrPerson a img {
+  border-radius: 50%;
+  width: 35px;
+  height: 35px;
+}
+.Panels .attrPerson a:nth-child(6) {
+  margin-right: 0px;
+}
+.Panels .progress {
+  display: flex;
+  border-radius: 10px;
+  height: 7px;
+  margin-top: 12px;
+}
+.Panels .progress span:first-child {
+  border-radius: 10px 0px 0px 10px;
+}
+.Panels .progress span:last-child {
+  border-radius: 0px 10px 10px 0px;
+}
+.Panels .progresstip {
+  margin-top: 15px;
+  flex-wrap: wrap;
+}
+.Panels .progresstip i.zero {
+  position: absolute;
+  display: block;
+  border-radius: 50%;
+  height: 8px;
+  width: 8px;
+  left: 0px;
+  top: 10px;
+}
+.Panels .progresstip > span {
+  padding-left: 15px;
+  position: relative;
+  min-width: 33.5%;
+}
+.Panels .progresstip > span span {
+  color: #666;
+}
+.Panels .progresstip > span span:last-child {
+  color: #999;
+  margin-left: 5px;
+}
+.Panels .listtable {
+  margin-top: 20px;
+}
+.Panels .listtable .listtablehead {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  border-bottom: 1px solid #d9d9d9;
+  padding: 13px 20px;
+  border-radius: 4px 4px 0px 0px;
+  border: 1px solid rgba(42, 97, 255, 0.23);
+}
+.Panels .listtable .listtablehead .ellipsistxt {
+  margin-top: 6px;
+  margin-left: 13px;
+  line-height: 18px;
+  flex: 1;
+  width: 0;
+  color: #666;
+}
+.Panels .listtable .listtablehead .ellipsistxt #ptxt {
+  margin-bottom: 0px;
+  word-break: break-all;
+  overflow: unset;
+  white-space: pre-wrap;
+  /* css3.0 */
+  white-space: -moz-pre-wrap;
+  /* Firefox */
+  white-space: -pre-wrap;
+  /* Opera 4-6 */
+  white-space: -o-pre-wrap;
+  /* Opera 7 */
+  word-wrap: break-word;
+}
+.Panels .listtable .listtablehead .ellipsistxt.hidetxt {
+  height: 18px;
+  overflow: hidden;
+  position: relative;
+  padding-right: 8px;
+}
+.Panels .listtable .listtablehead .ellipsistxt.hidetxt::after {
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+  content: "...";
+}
+.Panels .listtable .listtablehead .ellipsis {
+  margin-left: 8px;
+  cursor: pointer;
+  border-radius: 2px;
+  height: 16px;
+  background: rgba(153, 153, 153, 0.2);
+  border-radius: 2px;
+  padding: 0px 4px;
+  height: 14px;
+  line-height: 14px;
+  margin-top: 9px;
+}
+.Panels .listtable .listtablehead .ellipsis i {
+  font-size: 15px !important;
+  color: #333;
+  height: 14px;
+  line-height: 14px;
+}
+.Panels .listtable .listtablebody {
+  border-radius: 0px 0px 4px 4px;
+  border: 1px solid #D0D0D0;
+  border-top: none;
+}
+.Panels .listtable .listtablebody li.listtablepath a {
+  color: #40a9ff;
+}
+.Panels .listtable .listtablebody li.listtablepath p {
+  margin-bottom: 0px !important;
+}
+.Panels .listtable .listtablebody > li {
+  height: 44px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #d9d9d9;
+  padding: 0px 20px 0px 24px;
+}
+.Panels .listtable .listtablebody > li:hover {
+  background-color: #F3F4F6;
+}
+.Panels .listtable .listtablebody > li > span:first-child {
+  width: 30%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.Panels .listtable .listtablebody > li > span:nth-child(2) {
+  width: 60%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.Panels .listtable .listtablebody > li > span:nth-child(3) {
+  width: 10%;
+  text-align: right;
+}
+.Panels .listtable .listtablebody > li:last-child {
+  border-bottom: none;
+}
+
+.drawerBtn {
+  position: fixed;
+  left: -13px;
+  border: 1px solid #cfcddf;
+  width: 34px;
+  border-radius: 0px 12px 12px 0px;
+  height: 70px;
+  top: 50%;
+  margin-top: -35px;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+}
+.drawerBtn:hover {
+  box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.1);
+}
+.drawerBtn span {
+  writing-mode: vertical-lr;
+  color: #202429;
+  width: 25px;
+}
+.drawerBtn i {
+  color: #24292e;
+  height: 18px;
+  line-height: 18px;
+  width: 18px;
+}
+
+.downMenu {
+  width: 330px;
+  box-shadow: 0px 0px 9px rgba(134, 134, 134, 0.4);
+  background-color: #fff;
+}
+.downMenu .ant-menu-vertical .ant-menu-item:hover {
+  background-color: #e6f7ff;
+}
+
+.catelogue {
+  border: 1px solid lightgray;
+  font-size: 15px;
+  font-weight: normal;
+  border-radius: 5px;
+  margin-right: 10px;
+  padding: 0px 10px;
+  height: 30px;
+  line-height: 30px;
+  color: #666 !important;
+  display: flex;
+  align-items: center;
+}
+.catelogue span {
+  margin-top: 1px;
+}
+
+.submoduleStyle {
+  cursor: default;
+}
+.submoduleStyle i {
+  cursor: default;
+}
+.submoduleStyle:hover {
+  color: #05101a;
+}
+
+/*# sourceMappingURL=Index.css.map */
--- a/src/forge/Main/Index.css.map
+++ b/src/forge/Main/Index.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Index.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AACA;EACE;;AAGA;EAEE;EACA;EACA;;;AAIN;AACA;EACE;EACA;;AACA;EACE;;AAGA;EACE;;AAEF;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAIN;EACE;EACA;EACA;EACA;;AACA;EAIE;;AAHA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAIN;EACE;EACA;EACA;EACA;;AAEE;EACE;;AAEF;EACE;;AAIN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;EACA;;AAKR;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EAWA;EACA;EACA;EACA;EACA;;AAdA;EACE;EACA;EACA;EACA;AAAsB;EACtB;AAA2B;EAC3B;AAAuB;EACvB;AAAyB;EACzB;;AAOF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAIN;EACE;EACA;EACA;;AAEE;EAAE;;AACF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAGJ;EACE;;AACA;EACE;;AAEF;EACE","file":"Index.css"}
--- a/src/forge/Main/Index.js
+++ b/src/forge/Main/Index.js
@ -5,7 +5,7 @@ import { getImageUrl } from 'educoder';
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import '../css/index.scss'
-import './list.css';
+import './list.scss';
 import './Index.scss';
 import ListItem from './IndexItem'
 import axios from 'axios';
--- a/src/forge/Main/Index.scss
+++ b/src/forge/Main/Index.scss
@ -129,13 +129,14 @@
  }
  .infoCount{
    display: inline-block;
-    padding:0px 5px;
-    height: 16px;
-    line-height: 16px;
-    background-color: #eee;
-    color:#999;
+    width: 24px;
+    text-align: center;
+    height: 24px;
+    line-height: 24px;
+    background-color:rgba(153, 153, 153, 0.13);;
+    color:#666;
    border-radius: 12px;
-    margin-left: 10px;
+    margin-left: 6px;
    font-size: 12px;
  }
  .attrPerson{
@ -195,16 +196,14 @@
  }
  .listtable{
    margin-top: 20px;
-    border:1px solid #d9d9d9;
-    border-radius: 4px;
    .listtablehead{
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      border-bottom: 1px solid #d9d9d9;
-      padding:7px 20px;
+      padding:13px 20px;
      border-radius: 4px 4px 0px 0px;
-      background-color: #FAFBFC;
+      border: 1px solid rgba(42, 97, 255, 0.23);
      .ellipsistxt{
        margin-top: 6px;
        #ptxt{
@ -239,20 +238,25 @@
        margin-left: 8px;
        cursor: pointer;
        border-radius: 2px;
-        background-color: #c1c1c1;
+        height: 16px;
+        background: rgba(153, 153, 153, 0.2);
+        border-radius: 2px;
        padding:0px 4px;
        height: 14px;
        line-height: 14px;
        margin-top: 9px;
        i{
          font-size: 15px!important;
-          color: #fff;
+          color: #333;
          height: 14px;
          line-height: 14px;
        }
      }
    }
    .listtablebody{
+      border-radius:0px 0px 4px 4px ;
+      border: 1px solid #D0D0D0;
+      border-top: none;
      li.listtablepath{
        a{color: #40a9ff;}
        p{
@ -260,12 +264,15 @@
        }
      }
      & > li{
-        height: 42px;
+        height: 44px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #d9d9d9;
        padding:0px 20px 0px 24px;
+        &:hover{
+          background-color: #F3F4F6;
+        }
        & > span:first-child{
          width: 30%;
          overflow: hidden;
@ -327,25 +334,6 @@
  }
 }

-.menuslist{
-  max-height: 200px;
-  overflow-y: auto;
-  padding:10px 15px;
-  border-radius: 4px;
-  .ant-dropdown-menu-item{
-    border-radius: 8px;
-    text-align: left!important;
-    a{
-      width: 350px;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-  }
-  .ant-dropdown-menu-item.active{
-    background-color: #e6f7ff;
-  }
-}
 .catelogue{
  border:1px solid rgb(211, 211, 211);
  font-size: 15px;
--- a/src/forge/Main/IndexItem.js
+++ b/src/forge/Main/IndexItem.js
@ -5,7 +5,7 @@ import { AlignCenter } from '../Component/layout';
 import { Link } from 'react-router-dom';
 import '../css/index.scss';
 import Nodata from '../Nodata';
-import './list.css';
+import './list.scss';
 import img_parise from '../Images/parise.png';

 class IndexItem extends Component {
--- a/src/forge/Main/list.css
+++ b/src/forge/Main/list.css
--- a/src/forge/Main/list.css.map
+++ b/src/forge/Main/list.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["list.scss"],"names":[],"mappings":";AACA;EAAQ;;;AACR;AACE;AAAA;EAEA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAIF;AACA;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAAsC;;;AACtC;EAAwC;;;AACxC;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;AACA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;AACA;EACE;EACA;AACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EAAkB;EAAmB;;;AACrC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AACA;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;AACE;EACA;;;AAEF;EACE;;;AAKF;EACE;IACE;;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;;;EAEF;IACE;IACA;;;EAEF;IACE;;;EAEF;IACE;IACA;;;EAEF;IACE;;;EAEF;IACE;;;AAGJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;AAAoB;EACpB;EACA;EACA;EACA;EACA;;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGA;EACE;;;AAGJ;EACE;EACA;EACA;;;AAGF;EACE;IACE;IACA;;;EAEF;IACE;;;EAEF;IACE;;;EAEF;IACE;;;AAGJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACA;;;AAEA;EAAc;;;AAEd;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAAa;;;AACb;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAAY;;;AAEZ;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAIF;AACA;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;AACA;EACE;;AAEF;EACE","file":"list.css"}
--- a/src/forge/Main/list.scss
+++ b/src/forge/Main/list.scss
@ -0,0 +1,775 @@
+
+.lineH2{line-height:2}
+.t_project_banner {
+  /* height: 260px;
+  background: url(../Images/banner_list.jpg) no-repeat center; */
+  background-color: #050d34;
+}
+.ProjectListIndex{
+  width: 1200px;
+  margin:20px auto;
+  display: flex;
+  align-items: flex-start;
+  flex-wrap:wrap;
+}
+.list-left{
+  width: 26%;
+  padding-right: 20px;
+  box-sizing: border-box;
+  margin-bottom: 20px;
+}
+.list-left > div{
+  border:1px solid #eee;
+}
+.list-left > div.bgcF{
+  border:none;
+}
+.list-right{
+  width:74%;
+  background: #fff;
+  padding:10px;
+  border:1px solid #eee;
+}
+
+
+/* 首页列表的新建和排序的下拉列表 */
+.ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left{
+  border-right: none!important;
+}
+.ant-menu-vertical > .ant-menu-item{
+  margin:0px!important;
+  height: 35px;
+  line-height: 35px;
+  border-bottom: 1px solid #eee;
+  font-size: 14px!important;
+}
+.ant-menu-vertical > .ant-menu-item:last-child{
+  border-bottom: none;
+}
+
+
+.list-r-operation{
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: center;
+  padding:25px 30px; 
+  border-bottom: 1px solid #E0E0E0;
+}
+.list-r-Search{
+  width: 400px;
+}
+.padding0-25{
+  padding:0px 25px;
+}
+.list-r-Search .ant-btn-lg{
+  height: 38px;
+}
+.list-r-Search .ant-input-group-addon{border: none !important;}
+.list-r-Search .ant-input-search-button{height: 40px !important;}
+.createBtn{
+  border-radius: 4px;
+  margin-left: 20px;
+  display: inline-block;
+  padding:3px 15px;
+  background-color: #4CACFF;
+  color: #fff!important;
+}
+
+
+/* 列表 */
+.project-list{
+  padding:0px 30px;
+}
+.border-top-grey{
+  border-top: 1px solid rgba(238,238,238,1);
+}
+.p-r-Item:last-child{
+  border-bottom: none  !important;
+}
+.p-r-Item{
+  display: flex;
+  border-bottom:1px solid rgba(238,238,238,1);
+  padding:22px 0px;
+  justify-content: flex-start;
+}
+.boxShandow{
+  box-shadow:0px 2px 20px 10px rgba(0,0,0,0.03);
+}
+.p-r-photo{
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  margin-right: 22px;
+  margin-top: 8px;
+}
+.p-r-Infos{
+  flex: 1;
+  width: 0;
+}
+.p-r-name{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.p-r-name > p{
+  flex: 1;
+  width: 0;
+}
+.p-r-btn{
+  display: flex;
+  align-items: center;
+}
+.p-r-btn > span{
+  height: 35px;
+  line-height: 35px;
+  border:1px solid #f4f4f4;
+  border-radius: 5px;
+  display: block;
+  margin-left: 20px;
+  background-color: #fff;
+  display: flex;
+}
+.p-r-btn > span > a{
+  display: flex;
+  align-items: center;
+  padding:0px 12px;
+  background:#ececec;
+}
+.p-r-btn > span > a:active{
+  background: #f4f4f4;
+}
+.p-r-btn > span > span{
+  padding:0px 8px;
+}
+.p-r-tags{
+  display: flex;
+  opacity: 1;
+}
+.p-r-tags.large > span{
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+}
+.p-r-tags > span{
+  margin-left: 15px;
+  padding:0px 10px;
+  border-radius:15px;
+  background: #EBF4FE;
+  color: #333;
+  height: 24px;
+  line-height: 24px;
+  display: block;
+  font-size: 12px;
+  display: flex;
+}
+.p-r-tags > span.pariseTag{
+  background: #FFF3DC;
+}
+.p-r-tags.large > span >label{
+  padding:0px 12px;
+}
+.p-r-tags > span >label{
+  padding:0px 8px;
+}
+.p-r-tags.large > span >span{
+  padding:0px 6px;
+}
+.pariseImg{
+  width: 14px;
+  height: 12px;
+  margin-top: 6px;
+  margin-right: 3px;
+}
+.p-r-tags > span >span{
+  display: block;
+  background: #fff;
+  border-left: #efefef;
+  padding:0px 4px;
+  border-radius: 0px 4px 4px 0px;
+  color: #999;
+}
+.p-r-content{
+  margin-top:10px;
+  color: #666;
+  display: flex;
+}
+.p-r-detail > span{
+  margin-right: 22px;
+  color: #888;
+}
+.p-r-detail > span > label{
+  color: #999;
+}
+
+.p-r-about{
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: nowrap;
+  margin-top: 8px;
+  color: #666;
+}
+.spincontent{
+  height:400px;
+}
+.spinstyle .ant-spin-text{
+  margin-top:30px;
+  color: #888;
+}
+/* -----------详情------------ */
+.detailHeader-wrapper{
+  background-color:#FBFCFF;
+  border-bottom:1px solid #e2e2e2;
+  /* box-shadow: 0px 2px 11px 0px#D0D0D0; */
+}
+.headerMenu-wrapper{
+  font-size: 16px;
+  display: flex;
+  flex-direction: row;
+}
+.headerMenu-wrapper li{
+  position: relative;
+  text-align: center;
+  height: 40px;
+  line-height: 28px;
+  padding:0px 20px;
+}
+.headerMenu-wrapper li a{
+  color: #666;
+}
+.headerMenu-wrapper li a > img{
+  margin-right: 8px;
+}
+.headerMenu-wrapper li a > span.num{
+  line-height: 24px;
+  margin-left: 5px;
+  margin-top: 2px;
+  font-size: 12px;
+  float: right;
+  color: #666!important;
+  background-color:  rgba(153, 153, 153, 0.13);;
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+}
+.headerMenu-wrapper li.active a,.headerMenu-wrapper li.active a i{
+  color: #2A61FF!important;
+}
+.headerMenu-wrapper li.active::after{
+  position: absolute;
+  bottom:0px;
+  height:2px;
+  background-color: #2A61FF;
+  content:'';
+  left: 0px;
+  width:100%;
+}
+.detail_tag_btn{
+  height:34px;
+  line-height: 32px;
+  border-radius:5px;
+  border:1px solid #D0D0D0;
+  display: flex;
+  align-items: center;
+  margin-left: 30px;
+  padding:0px;
+  background-color:#FAFBFC;
+  box-shadow: none;
+}
+.detail_tag_btn:hover{
+  background-color: #F3F4F6;
+}
+.ant-tooltip {
+  max-width: fit-content!important;
+}
+.detail_tag_btn_name{
+  padding:0px 10px;
+  color: #666!important;
+}
+.detail_tag_btn_name img{
+  margin-right: 10px;
+}
+.detail_tag_btn_count{
+  width: 42px;
+  text-align: center;
+  background: #fff;
+  border-radius: 0px 4px 4px 0px;
+  height:100%;
+  border-left: 1px solid #D0D0D0;
+}
+.files-md{
+  padding:20px;
+}
+/* 详情-代码 */
+.branch-wrapper{
+  border:1px solid #eee;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  height: 60px;
+  padding:0px 30px;
+  width: 1200px;
+  margin:0px auto;
+  background-color: #fff;
+  margin-top: 20px;
+  justify-content: space-between;
+}
+.branch-wrapper > a >i{
+  color: #5091FF;
+  margin-right: 5px;
+  cursor: default;
+}
+.branch-wrapper a{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  height: 30px;
+  line-height: 30px;
+  cursor: pointer;
+  font-size: 16px;
+  color: #333333;
+}
+.branch-wrapper a > span{
+  position: relative;
+  min-height: 20px;
+  display: block;
+}
+.branch-wrapper a.active > span::after{
+  position: absolute;
+  content: '';
+  bottom: -5px;
+  width: 30px;
+  height: 3px;
+  left: 0px;
+  background-color:#5091FF; 
+}
+
+
+.gitAddressClone{
+  display: flex;
+  height: 40px;
+  align-items: center;
+  border-radius: 4px;
+  border:1px solid #eee;
+  background: #fff;
+  margin-left: 20px;
+  position: relative;
+}
+.gitAddressClone > span{
+  display: flex;
+  line-height: 40px;
+  height: 40px;
+  padding:0px 12px;
+  cursor: pointer;
+  align-items: center;
+}
+.addressTips{
+  position: absolute;
+  font-size: 12px;
+  color: #FF6E21;
+  top:-34px;
+  left: 30px;
+  background-color: #fff;
+  border:1px solid #FE881D;
+  padding:0px 5px;
+  height: 28px;
+  line-height: 28px;
+}
+.addressTips>span{position: relative;display: block;}
+.addressTips>span::before{
+  box-sizing: content-box;
+  width: 0px;
+  height: 0px;
+  position: absolute;
+  top: 25px;
+  left:50%;
+  margin-left: -4px;
+  padding:0;
+  border-top:8px solid #FFFFFF;
+  border-bottom:8px solid transparent;
+  border-left:8px solid transparent;
+  border-right:8px solid transparent;
+  display: block;
+  content:'';
+  z-index: 12;
+}
+.addressTips>span::after{
+  box-sizing: content-box;
+  width: 0px;
+  height: 0px;
+  position: absolute;
+  top: 26px;
+  left:50%;
+  margin-left: -4px;
+  padding:0;
+  border-top:8px solid #FE881D;
+  border-bottom:8px solid transparent;
+  border-left:8px solid transparent;
+  border-right:8px solid transparent;
+  display: block;
+  content:'';
+  z-index: 11;
+}
+.gitAddressClone > span.addressType{
+  color: #4CACFF;
+}
+.gitAddressClone > span:last-child{
+  border-right: none;
+}
+.gitAddressClone > input{
+  border:none;
+  outline: none;
+  padding:0px 8px;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 0px;
+  border: 1px solid #eee;
+  flex:1;
+}
+.wrap-commit-table .ant-table-small > .ant-table-content > .ant-table-body{
+  margin:0px;
+}
+.wrap-commit-table .ant-table-title{
+  background-color: rgba(241,248,255,1);
+  padding: 13px 16px!important;
+}
+.commitKey{
+  cursor: pointer;
+  border:1px solid #FD7700;
+  background-color:#FFF3DC;
+  color: #FD7700!important;
+  padding:0px 12px;
+  height: 20px;
+  line-height: 20px;
+  margin-left:15px;
+  border-radius: 18px;
+  max-width: 100%;
+}
+/* 分支 */
+.branchTitle{
+  padding:8px 10px;
+  color: #333;
+  font-size: 16px;
+  border-bottom: 1px solid #d9d9d9;
+}
+.branchUl li{
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  justify-content: space-between;
+  padding:20px 0px;
+  border-bottom: 1px solid #eee;
+}
+.branchUl li:last-child{
+  border-bottom: none;
+}
+.operationBtn{
+  border:1px solid #f4f4f4;
+  border-radius: 3px;
+  padding:0px 6px;
+  background-color:#fff;
+  color:#666!important;
+  display: inline-block;
+}
+.messages{
+  max-width: 700px;
+}
+.leftPoint{
+  margin-left: 20px;
+  position: relative;
+}
+.leftPoint::before{
+  position: absolute;
+  left: -10px;
+  top:8px;
+  border-radius: 50%;
+  width: 4px;
+  height: 4px;
+  background-color: #dadada;
+  content: '';
+}
+
+/* 文件目录、文件内容 */
+.subFileName{
+  position: relative;
+  margin-left: 15px;
+  height: 22px;
+}
+.subFileName::before{
+  position: absolute;
+  content: '/';
+  left: -10px;
+  top: 0px;
+  color: #999;
+  height: 22px;
+  line-height: 22px;
+}
+.addFile{
+  display: flex;
+}
+.addFile a{
+  display: block;
+  background-color: rgba(76, 172, 255,0.8);
+  color: #fff;
+  cursor: pointer;
+  height: 32px;
+  line-height: 32px;
+  padding: 0px 10px;
+}
+.addFile a:first-child{
+  border-radius: 4px;
+}
+.addFile a:last-child{
+  /* border-radius: 0px 4px 4px 0px; */
+  border-left: 1px solid rgba(247, 247, 247, 0.3);
+}
+.addFile a:active{
+  background-color: rgba(76, 172, 255,1);
+}
+
+
+
+@media screen and (max-width: 750px){
+  .list-r-Search{
+    flex: 1;
+  }
+  .list-left,.list-right{
+    width: 100%;
+    padding: 0px;
+  }
+}
+
+@media screen and (max-width: 400px){
+  .list-r-Search{
+    width: 100%;
+  }
+  .headerMenu-wrapper{
+    flex-direction: column;
+    width: 100%;
+  }
+  .headerMenu-wrapper li{
+    width: 100%;
+  }
+  .gitAddressClone{
+    width:100%;
+    margin-left: 0px;
+  }
+  .gitAddressClone > span{
+    padding:0px;
+  }
+  .messages{
+    max-width: 100%;
+  }
+}
+.commonBox{
+  border:1px solid #ddd;
+  margin-top: 30px;
+  border-radius: 4px;
+}
+.commonBox .commonBox-title{
+  padding:0px 20px;
+  box-sizing: border-box;
+  font-size: 16px;
+  background: #FAFBFC;/* F1F8FF */
+  font-weight: bold;
+  height: 45px;
+  line-height: 45px;
+  border-bottom: 1px solid #d9d9d9;
+  border-radius: 4px 4px 0px 0px;
+}
+.readBox{
+  border:none;
+  &.commonBox .commonBox-info{
+    border:1px solid #D0D0D0;
+    border-top: none;
+    border-radius: 0px 0px 4px 4px;
+    padding:20px 38px;
+  }
+}
+.commonBox .commonBox-title.boxTitle{
+  display: flex;
+  justify-content: space-between;
+  height: 65px;
+  line-height: 65px;
+  background: #FAFCFF;
+  border-radius: 4px 4px 0px 0px;
+  border: 1px solid rgba(42, 97, 255, 0.23);
+}
+.synchronism{
+  display: block;
+  height: 34px;
+  line-height: 34px;
+  padding:0px 15px;
+  color: #fff!important;
+  background-color: #28BD6C;
+  border-radius: 4px;
+}
+.files_info{
+  cursor: pointer;
+}
+.commonBox {
+  .commonBox-info{
+    padding:20px 15px;
+  }
+}
+.commonBox-title-read{
+  vertical-align: middle;
+  color: #666;
+  font-size: 14px;
+}
+
+@media screen and (max-width: 370px){
+  .p-r-tags,.p-r-btn{
+    opacity: 0;
+    display: none;
+  }
+  .p-r-about{
+    flex-wrap: wrap;
+  }
+  .commitKey{
+    margin-right: 0px;
+  }
+  .list-r-Search{
+    width: 100%;
+  }
+}
+.null_data_box{
+  width: 100%;
+  border: 1px solid #d4d4d5;
+  border-radius:3px ;
+}
+.title{
+  font-weight: bold;
+  background: #f4f4f4;
+  padding: 10px 15px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #d4d4d5;
+}
+.item_title{
+  font-size:18px;
+  font-weight: bold;
+  margin-bottom: 15px;
+}
+.item{
+  padding: 15px;
+  border-bottom:  1px solid #dededf;
+}
+.item:last-child{
+  border-bottom:none;
+}
+.gitAddressClone{
+  margin: 0 !important;
+}
+.item_title small{
+  font-weight: 400;
+  margin-left: 10px;
+
+}
+.item_title small a{
+  color: #4183c6;
+}
+.Markdown{
+  background: #f7f7f7;
+  padding: 10px 20px;
+}
+.item .gitAddressClone input:focus{
+border:  1px solid #2185d0;
+}
+.content-file{margin-top: 8px;}
+
+.content-file .CodeMirror{
+  background-color: #f7f7f7;
+  border: 1px solid #e4e4e4;
+  border-radius: 4px;
+  height: auto;
+}
+.content-file.edit .CodeMirror{
+  background-color: #fff;
+}
+.content-file .CodeMirror .CodeMirror-scroll{
+  min-height: 450px;
+}
+.text-center{text-align: center;}
+.fork-css{
+  position: absolute;
+  left: 0;
+  top: 50px;
+  width: 100%;
+}
+.color-grey-ccc{
+  color: #ccc !important;
+}
+a.color-grey-ccc:hover{
+  color: #4cacff !important;
+}
+.pull-right{float: right;}
+
+.commitList{
+  padding:0px 30px;
+  min-height: 400px;
+}
+.commitList > div{
+  border-bottom: 1px solid #EEEEEE;
+  padding:16px 0px;
+}
+.commitList > div:last-child{
+  border-bottom: none;
+}
+
+
+/* 标签列表 */
+.div_table{
+  border:1px solid #eee;
+  border-radius: 2px;
+}
+.ul_thead{
+  padding:0px 30px;
+  box-sizing: border-box;
+  background: #FAFAFA;
+  border-bottom: 1px solid #eee;
+  height: 50px;
+  line-height: 50px;
+}
+.ul_tbody{
+  padding:0px 30px;
+}
+.ul_thead li, .ul_tbody li{
+  display: flex;
+  align-items: center;
+  text-align: left
+}
+.ul_tbody li{
+  padding:18px 0px;
+  border-bottom: 1px solid #eee;
+}
+.ul_tbody li:last-child{
+  border-bottom: none;
+}
+.ul_thead li > span , .ul_tbody li > span{
+  width: 20%;
+  padding-right: 20px;
+}
+.ul_thead li > span:nth-child(2), .ul_tbody li > span:nth-child(2){
+  flex:1;
+}
+.ul_tbody_third{
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: left;
+}
+.ul_tbody_forth{
+  text-align: center;
+  display: flex;
+  justify-content: center;
+}
+.depotNum{
+  color: #666!important;
+  span:last-child{
+    color: #333;
+  }
+  &:hover span:last-child{
+    color: #2A61FF;
+  }
+}
--- a/src/forge/Main/sub/Invite.jsx
+++ b/src/forge/Main/sub/Invite.jsx
@ -6,7 +6,7 @@ function Invite({code,className}) {

  return(
    <div className={className}>
-      <span className="font-16 color-grey-6">邀请码</span>
+      <span className="font-16 color-ooo">邀请码</span>
      <div>
        <input value={code} id="devitecode" style={{width:"62px",border:"none",cursor:"default"}} readOnly/>
        <CopyTool timeOut={true} beforeText={<p className="edu-txt-center">可以通过邀请码邀请成员加入项目<br/>点击复制邀请码。</p>} className="ml8 font-16" inputId="devitecode"/>
--- a/src/forge/Main/sub/ReadmeCatelogue.jsx
+++ b/src/forge/Main/sub/ReadmeCatelogue.jsx
@ -0,0 +1,57 @@
+import React , {useState } from 'react';
+import { Anchor , Input } from 'antd';
+import './sub.scss';
+
+const { Link } = Anchor;
+const { Search } = Input;
+
+function ReadmeCatelogue({ menuList }) {
+  const [ goHref , setGoHref ] = useState("");
+  const [ value , setValue ] = useState("");
+  const [ menu , setMenu] = useState(menuList);
+
+
+  function onChange(link){
+    setGoHref(link);
+  };
+
+  function changeValue(e) {
+    setValue(e.target.value);
+    if(e.target.value){
+      let m = menu.filter(i=>i.text.indexOf(e.target.value)>-1);
+      setMenu(m);
+    }else{
+      setMenu(menuList);
+    }
+  }
+  return(
+    <div>
+      <div className="searchBox">
+        <Input 
+          placeholder={"请输入关键字"} 
+          value={value}
+          onChange={changeValue}
+          prefix={<i className="iconfont icon-sousuo_icon1 font-14"></i>}/>
+      </div>
+      {
+        menu && menu.length>0?
+        <div className="anchorBox">
+          <Anchor affix={false} onChange={onChange}>
+            {
+              menu.map((item,key)=>{
+                return(
+                  <div style={{paddingLeft:`${item.level *10}px`}} className={goHref===item.href?"items active":"items"}>
+                    <Link href={`${item.href}`} title={item.text} />
+                  </div>
+                )
+              })
+            }
+          </Anchor>
+        </div>
+        :""
+      }
+      
+    </div>
+  )
+}
+export default ReadmeCatelogue;
--- a/src/forge/Main/sub/sub.css
+++ b/src/forge/Main/sub/sub.css
@ -0,0 +1,71 @@
+.boxPanel {
+  width: 1200px;
+  margin: 20px auto;
+  border-radius: 4px;
+  border: 1px solid #eee;
+  min-height: 500px;
+}
+.boxPanel .contrbuteList {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 20px;
+  align-items: flex-start;
+}
+.boxPanel .contrbuteList > div {
+  width: 20%;
+}
+
+.descmodal .ant-row.ant-form-item {
+  margin-bottom: 10px;
+}
+.descmodal .ant-col.ant-form-item-label {
+  height: 20px;
+  line-height: 20px;
+}
+
+.menuslist {
+  z-index: 100;
+  width: 297px;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 8px 2px rgba(212, 212, 212, 0.5);
+  border-radius: 4px;
+}
+.menuslist .searchBox {
+  padding: 15px;
+  border-bottom: 1px solid #eee;
+}
+.menuslist .anchorBox {
+  max-height: 255px;
+  overflow-y: auto;
+}
+.menuslist .ant-anchor-wrapper {
+  margin-left: 0px;
+  padding: 5px 15px;
+}
+.menuslist .ant-anchor-wrapper .items {
+  border-radius: 4px;
+  margin-bottom: 5px;
+  cursor: pointer;
+}
+.menuslist .ant-anchor-wrapper .items .ant-anchor-link-title {
+  color: #333333 !important;
+}
+.menuslist .ant-anchor-wrapper .items:hover {
+  background-color: #F3F4F6;
+}
+.menuslist .ant-anchor-wrapper .items.active {
+  background-color: #2A61FF;
+}
+.menuslist .ant-anchor-wrapper .items.active .ant-anchor-link-title {
+  color: #fff !important;
+}
+.menuslist .ant-anchor-wrapper .ant-anchor-link {
+  padding: 0px;
+  height: 30px;
+  line-height: 30px;
+}
+.menuslist .ant-anchor-wrapper .ant-anchor-ink::before {
+  background-color: #fff;
+}
+
+/*# sourceMappingURL=sub.css.map */
--- a/src/forge/Main/sub/sub.css.map
+++ b/src/forge/Main/sub/sub.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["sub.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EAIA;;AAHA;EACE;;;AAMJ;EACE;;AAEF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;AACA;EACE;;AAIN;EACE;EACA;EACA;;AAEF;EACE","file":"sub.css"}
--- a/src/forge/Main/sub/sub.scss
+++ b/src/forge/Main/sub/sub.scss
@ -24,7 +24,47 @@
  }
 }

-.detailsCode{
-  display: flex;
-  justify-content: space-between;
+.menuslist{
+  z-index: 100;
+  width: 297px;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 8px 2px rgba(212, 212, 212, 0.5);
+  border-radius: 4px;
+  .searchBox{
+    padding:15px;
+    border-bottom: 1px solid #eee;
+  }
+  .anchorBox{
+    max-height: 255px;
+    overflow-y: auto;
+  }
+  .ant-anchor-wrapper{
+    margin-left: 0px;
+    padding:5px 15px;
+    .items{
+      border-radius: 4px;
+      margin-bottom: 5px;
+      cursor: pointer;
+      .ant-anchor-link-title{
+        color: #333333!important;
+      }
+      &:hover{
+        background-color: #F3F4F6;
+      }
+      &.active{
+        background-color: #2A61FF;
+        .ant-anchor-link-title{
+          color: #fff!important;
+        }
+      }
+    }
+    .ant-anchor-link{
+      padding:0px;
+      height: 30px;
+      line-height: 30px;
+    }
+    .ant-anchor-ink::before{
+      background-color: #fff;
+    }
+  }
 }
--- a/src/forge/SecuritySetting/Index.css
+++ b/src/forge/SecuritySetting/Index.css
@ -0,0 +1,151 @@
+.whiteBack {
+  background-color: #fff;
+}
+.whiteBack .boies {
+  width: 1200px;
+  margin: 0px auto;
+  padding: 30px 0px 10px;
+}
+.whiteBack .boies .shortW {
+  width: 198px;
+  border: 1px solid rgba(153, 153, 153, 0.22);
+  border-radius: 4px;
+  min-height: 400px;
+  margin-bottom: 30px;
+}
+.whiteBack .boies .shortW .userDetail {
+  background: rgba(153, 153, 153, 0.05);
+  border-radius: 4px 4px 0px 0px;
+  padding: 20px 25px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.whiteBack .boies .shortW .userDetail img {
+  height: 48px;
+  width: 48px;
+  border-radius: 50%;
+  margin-right: 12px;
+}
+.whiteBack .boies .shortW .userDetail span {
+  font-size: 16px;
+  color: #333;
+  max-width: 90px;
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.whiteBack .boies .shortW .securityUl {
+  padding: 20px 16px;
+  color: #333;
+  margin-bottom: 0px;
+  padding-bottom: 0px;
+}
+.whiteBack .boies .shortW .securityUl li {
+  margin-bottom: 10px;
+  height: 27px;
+  line-height: 27px;
+  position: relative;
+  cursor: pointer;
+}
+.whiteBack .boies .shortW .securityUl li a {
+  color: #666;
+}
+.whiteBack .boies .shortW .securityUl li a:hover {
+  color: #333;
+}
+.whiteBack .boies .shortW .securityUl li.active a {
+  color: #333;
+}
+.whiteBack .boies .shortW .securityUl li:first-child {
+  font-size: 16px;
+}
+.whiteBack .boies .shortW .securityUl li.active::before {
+  position: absolute;
+  left: -16px;
+  top: 0px;
+  height: 100%;
+  width: 2px;
+  content: "";
+  background-color: #2A61FF;
+}
+.whiteBack .boies .sshHead {
+  display: flex;
+  align-items: center;
+  padding: 15px 20px;
+  justify-content: space-between;
+  border-bottom: 1px solid #EEEEEE;
+}
+.whiteBack .boies .sshHead > span {
+  font-size: 18px;
+}
+.whiteBack .boies .ant-list-item {
+  padding: 20px;
+  border-bottom: 1px solid #eee !important;
+}
+.whiteBack .boies .ant-list-item > img {
+  margin-right: 24px;
+}
+.whiteBack .boies .ant-list-item > div {
+  flex: 1;
+  width: 0;
+  margin-right: 20px;
+}
+.whiteBack .boies .ant-list-item > div p {
+  margin-bottom: 8px !important;
+}
+.whiteBack .boies .ant-list-item > div span {
+  font-size: 12px;
+}
+.whiteBack .boies .ant-list-item .ant-btn.ant-btn-danger {
+  background-color: #fff;
+  border-color: #D0D0D0;
+  color: #DF0002;
+}
+.whiteBack .boies .ant-list-item .ant-btn.ant-btn-danger:hover {
+  background-color: #DF0002;
+  color: #fff;
+  border-color: #DF0002;
+}
+.whiteBack .boies .questionLink {
+  padding: 15px 20px;
+}
+.whiteBack .boies .questionLink a {
+  color: #4B7AFF;
+}
+.whiteBack .boies .questionLink a:hover {
+  text-decoration: underline;
+}
+.whiteBack .boies .sshForm {
+  padding: 15px 20px;
+}
+.whiteBack .boies .sshForm .ant-col.ant-form-item-label {
+  font-size: 16px;
+  color: #333;
+}
+
+.descModal .ant-modal-title {
+  text-align: left;
+  font-size: 20px;
+}
+.descModal .keyContent {
+  border: 1px solid #eee;
+  border-radius: 4px;
+  padding: 10px 15px;
+  margin-top: 10px;
+  max-height: 200px;
+  overflow-y: auto;
+}
+.descModal .keysTitle {
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+.descModal .keysTitle span:last-child {
+  word-break: break-all;
+  flex: 1;
+}
+
+/*# sourceMappingURL=Index.css.map */
--- a/src/forge/SecuritySetting/Index.css.map
+++ b/src/forge/SecuritySetting/Index.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Index.scss"],"names":[],"mappings":"AAAA;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKR;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAIN;EACE;;AACA;EACE;;AACA;EACE;;AAIN;EACE;;AACA;EACE;EACA;;;AAMN;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA","file":"Index.css"}
--- a/src/forge/Team/Setting/TeamSettingCommon.jsx
+++ b/src/forge/Team/Setting/TeamSettingCommon.jsx
@ -1,5 +1,5 @@
 import React, { forwardRef , useCallback , useEffect, useState } from 'react';
-import { Form , Input , Radio ,Checkbox , Divider , Button } from 'antd';
+import { Form , Input , Radio ,Checkbox , Divider , Button , InputNumber } from 'antd';
 import { WhiteBack , FlexAJ } from '../../Component/layout';
 import Title from '../../Component/Title';
 import styled from 'styled-components';
@ -31,7 +31,8 @@ export default Form.create()(
    useEffect(()=>{
      if(organizeDetail){
        setFieldsValue({
-          ...organizeDetail
+          ...organizeDetail,
+          max_repo_creation:organizeDetail.max_repo_creation===-1 ? "":organizeDetail.max_repo_creation
        })
        setImage(organizeDetail.avatar_url);
        setDescNum(organizeDetail.description ? organizeDetail.description.length : 0);
@ -39,10 +40,10 @@ export default Form.create()(
    },[organizeDetail])

    const helper = useCallback(
-      (label, name, rules, widget , isRequired , flag ) => (
+      (label, name, rules, widget , isRequired , flag , help ) => (
        <div>
          <span className={isRequired?"required":""}>{label}</span>
-          <Form.Item>
+          <Form.Item help={help}>
            {getFieldDecorator(name, { rules, validateFirst: true , valuePropName:flag ? "checked":"value"  })(widget)}
          </Form.Item>
        </div>
@ -175,7 +176,8 @@ export default Form.create()(
                '最大仓库数：',
                "max_repo_creation",
                [],
-                <Input value="-1" style={{width:"350px"}}/>
+                <InputNumber value="-1" style={{width:"350px"}}/>,false,false,
+                "当输入栏为空时，默认数量无限制"
              )}
              <p>选择头像:</p>
              <UploadImage url={getImageUrl(`/${image}`)} getImage={getImage}/>
--- a/src/forge/Wiki/Index.css
+++ b/src/forge/Wiki/Index.css
@ -0,0 +1,348 @@
+body {
+  width: 100% !important;
+}
+
+.ant-spin-nested-loading > div > .ant-spin.opacitySpin {
+  max-height: 100vh;
+  background: white;
+}
+
+.wiki-main {
+  width: 1200px;
+  min-height: 400px;
+  margin: 20px auto;
+}
+.wiki-main .ant-btn-primary {
+  background-color: #466aff;
+  border-color: #466aff;
+}
+.wiki-main .ant-btn-primary:hover, .wiki-main .ant-btn-primary:focus, .wiki-main .ant-btn-primary:active {
+  background-color: #6482ff;
+}
+.wiki-main .ant-btn-default:hover,
+.wiki-main .ant-btn-default:active,
+.wiki-main .ant-btn-default:focus {
+  background: #f3f4f6;
+  color: #333;
+  border-color: #d0d0d0;
+}
+.wiki-main .wiki-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 20px;
+  height: 64px;
+  background: #fafcff;
+  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13);
+  border-radius: 4px;
+  border-bottom-left-radius: 0;
+}
+.wiki-main .wiki-head .ant-btn .anticon {
+  margin: 0 -3px 0 0;
+}
+.wiki-main .head-title {
+  font-size: 20px;
+  color: #05101a;
+  line-height: 30px;
+  font-weight: 500;
+}
+.wiki-main .head-title .anticon-right {
+  color: #666;
+  font-size: 0.9rem;
+}
+.wiki-main .back-wiki {
+  color: #466aff;
+  cursor: pointer;
+}
+.wiki-main .back-wiki:hover {
+  color: #6482ff;
+}
+.wiki-main .head-log-middle {
+  width: 3rem;
+  height: 3rem;
+  margin-right: 0.35rem;
+  border-radius: 50%;
+}
+.wiki-main .head-log-small {
+  width: 1.25rem;
+  height: 1.25rem;
+  margin-right: 0.35rem;
+  border-radius: 50%;
+}
+.wiki-main .user-box {
+  font-size: 12px;
+  font-family: "PingFangSC-Medium";
+  color: #466aff;
+  cursor: pointer;
+}
+.wiki-main .user-box:hover {
+  color: #6482ff;
+}
+.wiki-main .user-box .head-log-small {
+  position: relative;
+  top: -2px;
+}
+.wiki-main .time-ago {
+  font-size: 12px;
+  color: #333;
+  letter-spacing: 0;
+  line-height: 17px;
+  font-weight: 400;
+  font-family: "PingFangSC-Regular";
+}
+.wiki-main .has-error .ant-form-explain,
+.wiki-main .has-error .ant-form-split {
+  position: absolute;
+}
+.wiki-main .wiki-nav {
+  max-height: 60vh;
+}
+.wiki-main .wiki-nav .wiki-search {
+  padding: 0 14px;
+}
+.wiki-main .wiki-nav .wiki-search .ant-input {
+  padding-left: 30px;
+}
+.wiki-main .wiki-nav .wiki-search .ant-input-suffix {
+  left: 26px;
+  right: auto;
+}
+.wiki-main .wiki-nav .wiki-search:hover .ant-input, .wiki-main .wiki-nav .wiki-search:focus .ant-input {
+  border-color: #466aff !important;
+}
+.wiki-main .wiki-nav-parent {
+  width: 260px;
+  flex: none;
+}
+.wiki-main .ant-form-item-children .ant-input:hover {
+  border-color: #466aff !important;
+}
+.wiki-main .ant-checkbox-checked .ant-checkbox-inner {
+  background-color: #466aff;
+  border-color: #466aff;
+}
+.wiki-main .ant-radio-checked .ant-radio-inner,
+.wiki-main .ant-radio-checked::after {
+  border-color: #466aff;
+}
+.wiki-main .ant-radio-inner::after {
+  background-color: #466aff;
+}
+.wiki-main .ant-radio-group {
+  display: block;
+  margin: 10px 0 0 30px;
+}
+.wiki-main .ant-radio-wrapper:hover .ant-radio,
+.wiki-main .ant-radio:hover .ant-radio-inner,
+.wiki-main .ant-radio-input:focus + .ant-radio-inner {
+  border-color: #466aff;
+}
+
+#wikiUrl:focus {
+  border-right: 1px solid #d9d9d9 !important;
+}
+
+.wiki-body {
+  display: flex;
+}
+
+.wiki-content {
+  flex: auto;
+  width: 75%;
+}
+
+.wiki-content-detail {
+  padding: 0 20px;
+  word-break: break-all;
+}
+
+.ant-input-group.ant-input-group-compact.copy-url {
+  display: flex;
+  margin-top: 20px;
+}
+.ant-input-group.ant-input-group-compact.copy-url .ant-select-selection__rendered {
+  margin: 0 14px 0 5px;
+  width: 3rem;
+  font-size: 12px;
+}
+.ant-input-group.ant-input-group-compact.copy-url .ant-select-arrow {
+  right: 4px;
+}
+.ant-input-group.ant-input-group-compact.copy-url .ant-input {
+  font-size: 12px;
+  font-family: "PingFangSC-Regular";
+  color: #666;
+  letter-spacing: 0;
+  font-weight: 400;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-break: break-all;
+}
+.ant-input-group.ant-input-group-compact.copy-url .copy-wiki {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 5px;
+  background: #fff;
+  font-size: 1rem !important;
+  border: 1px solid #d9d9d9;
+  border-left: 0;
+  color: #466aff;
+  cursor: pointer;
+}
+
+.wiki-url-type .ant-select-dropdown-menu-item {
+  font-size: 12px;
+}
+
+.wiki-nav {
+  min-height: 300px;
+  padding: 20px 0;
+  background: #ffffff;
+  border: 1px solid rgba(153, 153, 153, 0.22);
+  overflow-y: scroll;
+  flex: none;
+  color: #333;
+}
+
+.wiki-nav-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 50px;
+  padding: 0 10px 0 10px;
+  font-size: 14px;
+  letter-spacing: 0;
+  font-weight: 400;
+  font-family: "PingFangSC-Regular";
+  border-bottom: 1px solid #eee;
+  line-height: 16px;
+  cursor: pointer;
+}
+.wiki-nav-title .delete-title-icon {
+  display: none;
+}
+.wiki-nav-title:hover {
+  background-color: #fbfbfb;
+}
+.wiki-nav-title:hover .delete-title-icon {
+  display: inline-block;
+}
+
+.wiki-nav-title-parent {
+  padding: 0 14px;
+}
+.wiki-nav-title-parent:hover {
+  background: #fbfbfb;
+}
+
+.wiki-nav-title.active {
+  color: #466aff;
+}
+
+.wiki-content-head {
+  margin: 20px 0 20px 20px;
+  padding: 0 20px 20px 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #eee;
+}
+
+.wiki-content-head-left {
+  width: 90%;
+}
+
+.nav-title-left {
+  display: inline-flex;
+  max-width: 90%;
+}
+.nav-title-left svg {
+  margin-right: 0.5rem;
+  flex: none;
+}
+.nav-title-left .nav-title-left-text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.wiki-detail-title {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.wiki-preview {
+  overflow-y: scroll;
+  height: 100%;
+}
+.wiki-preview .wiki-body {
+  width: 90%;
+}
+.wiki-preview .ant-btn-primary {
+  background-color: #466aff;
+  border-color: #466aff;
+}
+.wiki-preview .ant-btn-primary:hover, .wiki-preview .ant-btn-primary:focus, .wiki-preview .ant-btn-primary:active {
+  background-color: #6482ff;
+}
+.wiki-preview .preview-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 12rem 0 2rem;
+  width: 100%;
+  height: 80px;
+  background: #272f4c;
+  color: #fff;
+}
+.wiki-preview .preview-head-left {
+  display: inline-flex;
+  align-items: center;
+  font-size: 24px;
+  cursor: pointer;
+}
+.wiki-preview .preview-head-left .icon-wendangyulan_icon {
+  font-size: 24px !important;
+  font-weight: 700;
+}
+.wiki-preview .preview-head-right {
+  display: flex;
+}
+.wiki-preview .preview-head-right .copy-url {
+  margin-top: 0;
+}
+.wiki-preview .preview-head-right .copy-desc {
+  width: 6rem;
+  padding-top: 1px;
+}
+.wiki-preview .wiki-nav-title {
+  padding: 0 10px 0 40px;
+}
+.wiki-preview .wiki-nav-title.active {
+  background-color: #f3f4f6;
+}
+.wiki-preview .wiki-content-head {
+  padding: 10px 20px 10px 20px;
+}
+.wiki-preview .wiki-nav {
+  padding: 20px 0;
+  width: 20vw;
+  border-bottom: 0;
+  height: 80vh;
+}
+.wiki-preview .wiki-content-detail {
+  padding: 0 40px;
+}
+.wiki-preview .wiki-content-detail img {
+  max-width: 100%;
+}
+.wiki-preview .ant-btn:hover {
+  background: #f3f4f6;
+  color: #333;
+  border-color: #d0d0d0;
+}
+
+/*# sourceMappingURL=Index.css.map */
--- a/src/forge/Wiki/Index.css.map
+++ b/src/forge/Wiki/Index.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Index.scss"],"names":[],"mappings":"AAEA;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;AAEA;EACE,kBAfQ;EAgBR,cAhBQ;;AAiBR;EAGE,kBAnBY;;AAuBhB;AAAA;AAAA;EAGE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE,OA5DQ;EA6DR;;AACA;EACE,OA9DY;;AAkEhB;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OApFQ;EAqFR;;AACA;EACE,OAtFY;;AAwFd;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAEF;EACE;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AAEF;EAEE;;AAKN;EACE;EACA;;AAGF;EACE;;AAGF;EACE,kBAxIQ;EAyIR,cAzIQ;;AA2IV;AAAA;EAEE,cA7IQ;;AAgJV;EACE,kBAjJQ;;AAoJV;EACE;EACA;;AAGF;AAAA;AAAA;EAGE,cA5JQ;;;AAgKZ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAlNQ;EAmNR;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AACA;EACE;;;AAKN;EACE;;AACA;EACE;;;AAIJ;EACE,OAzQU;;;AA4QZ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AACA;EACE;;AAEF;EACE,kBApTQ;EAqTR,cArTQ;;AAsTR;EAGE,kBAxTY;;AA2ThB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;;AAEF;EACE;EACA;;AAIJ;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AACA;EACE;;AAIJ;EACE;EACA;EACA","file":"Index.css"}
--- a/src/forge/Wiki/components/ModalFun/index.css
+++ b/src/forge/Wiki/components/ModalFun/index.css
@ -0,0 +1,63 @@
+.myself-modal .ant-modal-header {
+  padding: 9px 24px;
+  background: #f8f8f8;
+  border-bottom: 1px solid #eee;
+}
+.myself-modal .ant-modal-title {
+  text-align: left;
+}
+.myself-modal .ant-modal-close {
+  top: 0px !important;
+}
+.myself-modal .ant-modal-close-x {
+  font-size: 24px;
+}
+.myself-modal .ant-modal-body {
+  text-align: center;
+}
+.myself-modal .content-title {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 2rem 0 1rem !important;
+  font-size: 16px;
+  color: #333;
+  letter-spacing: 0;
+  line-height: 29px;
+  font-weight: 400;
+}
+.myself-modal .red-circle {
+  align-self: flex-start;
+  color: #ca0002;
+  font-size: 1.5rem !important;
+}
+.myself-modal .content-descibe {
+  font-size: 14px;
+  color: #666;
+  line-height: 33px;
+  font-weight: 400;
+}
+.myself-modal .ant-modal-footer {
+  padding: 2rem 0;
+  text-align: center;
+  border: 0;
+}
+.myself-modal .ant-modal-footer .ant-btn {
+  width: 6rem;
+}
+.myself-modal .foot-submit {
+  margin-left: 3rem;
+  color: #df0002;
+}
+.myself-modal .foot-submit:hover {
+  border-color: #df0002;
+}
+.myself-modal .ant-btn-default:hover,
+.myself-modal .ant-btn-default:active,
+.myself-modal .ant-btn-default:focus {
+  background: #f3f4f6;
+  color: #333;
+  border-color: #d0d0d0;
+}
+
+/*# sourceMappingURL=index.css.map */
--- a/src/forge/Wiki/components/ModalFun/index.css.map
+++ b/src/forge/Wiki/components/ModalFun/index.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;;AACA;EACE;;AAGJ;AAAA;AAAA;EAGE;EACA;EACA","file":"index.css"}
--- a/src/forge/css/index.css
+++ b/src/forge/css/index.css
@ -0,0 +1,309 @@
+@charset "UTF-8";
+ul, ol, dl {
+  margin-bottom: 0px;
+}
+
+.newMain {
+  background-color: #fff;
+}
+
+.color-black {
+  color: #333;
+}
+
+.projectallName {
+  font-size: 22px;
+  font-weight: normal;
+  line-height: 30px;
+  max-width: 700px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.projectallName .projectN {
+  word-break: break-all;
+}
+
+.textRight {
+  text-align: right;
+}
+
+.main {
+  width: 1200px;
+  padding: 20px;
+  margin: 20px auto;
+  background: #fff;
+  border-radius: 2px;
+  border: 1px solid #eee;
+}
+
+.radius-2 {
+  border-radius: 2px;
+}
+
+.normal {
+  width: 1200px;
+  margin: 0px auto;
+}
+
+/* 背景色 */
+.back-white {
+  background: #fff;
+}
+
+.back-black {
+  background: #000;
+}
+
+/* 灰色按钮-高度32 */
+.btn_32 {
+  border-radius: 4px;
+  padding: 0px 12px;
+  height: 32px;
+  line-height: 32px;
+  background-color: #f4f4f4;
+  color: #666;
+  display: inline-block;
+}
+
+@media screen and (max-width: 1200px) {
+  .main {
+    width: 1000px;
+    margin: 10px auto;
+  }
+}
+.hide-1 {
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.hide-2 {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.df {
+  display: flex;
+}
+
+.flex-1 {
+  flex: 1;
+  width: 0;
+}
+
+.f-wrap-between {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+.f-wrap-alignCenter {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.commitDesc {
+  flex: 1;
+  margin-left: 20px;
+  font-size: 16px;
+  color: #333;
+  line-height: 26px;
+  word-break: break-all;
+}
+
+.normalBox {
+  border-radius: 4px;
+  border: 1px solid #ddd;
+}
+
+.normalBox-title {
+  padding: 10px;
+  background-color: #f4f4f4;
+  line-height: 18px;
+}
+
+.none_panels {
+  text-align: center;
+  height: 400px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.none_panels.small {
+  height: 120px;
+}
+.none_panels.small img {
+  width: 50px;
+}
+.none_panels img {
+  margin-bottom: 15px;
+}
+
+.none_p_title {
+  font-size: 16px;
+  color: #999;
+}
+
+form.ant-form {
+  color: #333;
+}
+
+.required {
+  position: relative;
+}
+.required::before {
+  content: "*";
+  color: red;
+  position: absolute;
+  left: -10px;
+  top: 0px;
+  line-height: 22px;
+}
+
+form .ant-row.ant-form-item {
+  margin-bottom: 15px;
+}
+
+@media screen and (max-width: 1000px) {
+  .main {
+    width: 750px;
+    margin: 1rem auto;
+  }
+
+  .normal {
+    width: 750px;
+  }
+}
+@media screen and (max-width: 750px) {
+  .main {
+    width: 95%;
+    margin: 1rem auto;
+  }
+
+  .normal {
+    width: 100%;
+  }
+}
+.ver-middle {
+  vertical-align: middle;
+}
+
+.pd510 {
+  padding: 5px 10px;
+}
+
+.modalsStyle .ant-modal-content > .ant-modal-header {
+  text-align: left !important;
+}
+.modalsStyle .ant-modal-body {
+  max-width: 400px;
+  margin: 0px auto;
+  text-align: left;
+  min-height: 140px;
+  display: flex;
+  align-items: center;
+}
+.modalsStyle .ant-modal-close-x {
+  margin-top: 8px;
+}
+
+.list-r-Info > div {
+  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
+}
+
+.list-l-Menu {
+  margin-bottom: 12px;
+  border-radius: 2px;
+  background-color: #fff;
+  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
+}
+.list-l-Menu > li {
+  font-size: 1rem;
+  padding: 0px 0px 0px 20px;
+  box-sizing: border-box;
+  color: #333;
+  position: relative;
+}
+.list-l-Menu > li > p {
+  height: 62px;
+  line-height: 62px;
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  display: flex;
+  justify-content: space-between;
+  cursor: pointer;
+  padding-right: 20px;
+  margin: 0px;
+}
+.list-l-Menu > li > p a {
+  width: 100%;
+}
+.list-l-Menu > li > p span:last-child {
+  color: #999;
+}
+.list-l-Menu > li:last-child > p {
+  border-bottom: none;
+}
+.list-l-Menu > li:not(.MenuTitle):hover {
+  background-color: #fafafa;
+}
+.list-l-Menu li.active {
+  background-color: #fafafa;
+}
+.list-l-Menu li.active::before {
+  position: absolute;
+  left: 0px;
+  top: 15px;
+  width: 6px;
+  content: "";
+  height: 33px;
+  background: #4CACFF;
+}
+.list-l-Menu .MenuTitle {
+  font-size: 16px;
+  background-size: 100% 100%;
+  color: #333 !important;
+  height: 62px;
+  line-height: 62px;
+  border-bottom: 1px solid #E0E0E0;
+  font-weight: 400;
+}
+.list-l-Menu .ant-menu-inline {
+  border: none;
+}
+.list-l-Menu .ant-menu-inline .ant-menu-item {
+  width: 100% !important;
+}
+.list-l-Menu .ant-menu-item-group-title {
+  padding: 0px;
+}
+
+.group-setting-switch {
+  border: 1px solid #DDDDDD !important;
+  background-color: #fff !important;
+}
+
+.ant-btn.ant-btn-background-ghost {
+  border-color: #D0D0D0;
+}
+
+.ant-btn.ant-btn-background-ghost.ant-btn-primary:hover {
+  background-color: #1890ff !important;
+  border-color: #1890ff;
+  color: #fff;
+}
+
+.ant-btn.ant-btn-background-ghost.ant-btn-danger:hover {
+  background-color: #DF0002 !important;
+  border-color: #DF0002;
+  color: #fff;
+}
+
+/*# sourceMappingURL=index.css.map */
--- a/src/forge/css/index.css.map
+++ b/src/forge/css/index.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":";AAAA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAGJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;AACA;EACE;;;AAEF;EACE;;;AAEF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;IACE;IACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAAI;;;AACJ;EAAQ;EAAQ;;;AAEhB;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAGJ;EACE;;;AAGJ;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;;;AAGJ;EACE;IACE;IACA;;;EAEF;IACE;;;AAGJ;EACE;IACE;IACA;;;EAEF;IACE;;;AAGJ;EACE;;;AAEF;EAAO;;;AAGH;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAIF;EACE;;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;;;AAGJ;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA","file":"index.css"}
--- a/src/forge/css/index.scss
+++ b/src/forge/css/index.scss
@ -11,7 +11,10 @@ ul,ol,dl{
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
-  max-width: 850px;
+  max-width: 700px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
  .projectN{
    word-break: break-all;
  }
--- a/src/forge/users/Index.css
+++ b/src/forge/users/Index.css
@ -0,0 +1,250 @@
+.headerbox {
+  padding: 20px;
+  border-bottom: 1px solid #E0E0E0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.headerbox > div {
+  width: 400px;
+}
+.headerbox > p {
+  display: flex;
+  align-items: center;
+}
+.headerbox > p a {
+  color: #5091FF;
+  margin-left: 30px;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+}
+.headerbox .ant-btn.ant-input-search-button {
+  margin-top: -1px;
+  margin-right: -1px;
+}
+
+.echartBox {
+  border: 1px solid #DEDEDE;
+}
+.echartBox > p {
+  color: #999;
+  padding: 15px 20px;
+  text-align: center;
+}
+
+.contentBox {
+  padding: 20px 20px 0px 20px;
+}
+.contentBox > div {
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+  padding: 20px 25px;
+  background-color: #fafafa;
+}
+.contentBox > div .imgBox {
+  width: 190px;
+  height: 90px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 20px;
+  background-color: #fff;
+}
+.contentBox > div .imgBox img {
+  max-width: 90%;
+  max-height: 90%;
+}
+.contentBox .item-news {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #888;
+  margin-top: 3px;
+  margin-bottom: 0px;
+}
+.contentBox .teamdesc {
+  word-break: break-all;
+  line-height: 20px;
+}
+
+.infosType {
+  padding: 20px 30px 0px 20px;
+  display: flex;
+  justify-content: space-between;
+}
+.infosType .infoStatus {
+  height: 30px;
+  background: white;
+  border-radius: 15px;
+  border: 1px solid #dddddd;
+  line-height: 30px;
+  font-size: 12px;
+  color: #888;
+  display: flex;
+}
+.infosType .infoStatus > span {
+  display: block;
+  padding: 0px 12px;
+  border-radius: 15px;
+  cursor: pointer;
+}
+.infosType .infoStatus > span.active {
+  background-color: #5091FF;
+  color: #fff;
+  padding: 0px 15px;
+}
+.infosType .infoStatus .statusDivider {
+  margin: 8px 0 0 0 !important;
+}
+
+.userDescription {
+  color: #666666;
+  line-height: 18px;
+  text-align: left;
+  margin: 10px 0px;
+  word-break: break-all;
+  text-align: justify;
+  font-size: 16px;
+  text-align: center;
+}
+
+.focusBox, .infoBox {
+  width: 100% !important;
+  display: inline-block;
+  margin-top: 30px;
+  padding-top: 30px;
+  border-top: 1px solid #f1f1f1;
+}
+
+.infoBox {
+  padding-bottom: 10px;
+  text-align: left;
+  line-height: 28px;
+  color: #666;
+  margin-top: 20px;
+}
+.infoBox > div {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.infoBox i {
+  color: #DEDEDE;
+  font-size: 15px !important;
+}
+.infoBox span {
+  margin-left: 10px;
+}
+
+.headimg {
+  position: relative;
+  display: block;
+}
+.headimg img {
+  width: 110px;
+  height: 110px;
+  border-radius: 50%;
+}
+.headimg span {
+  position: absolute;
+  bottom: -6px;
+  right: 0px;
+  left: 65px;
+}
+.headimg span i {
+  font-size: 25px !important;
+  border-radius: 50%;
+  color: #fff;
+}
+.headimg span i.icon-nan1 {
+  background-color: #1890FF;
+}
+.headimg span i.icon-nv1 {
+  background-color: pink;
+}
+
+ul.ant-menu.menuStyle {
+  padding: 0px 30px;
+  font-size: 16px;
+}
+ul.ant-menu.menuStyle li {
+  height: 70px;
+  line-height: 70px;
+  padding: 0px;
+  margin-right: 30px !important;
+  border-bottom: transparent !important;
+}
+
+.disposeInfo {
+  padding: 0px 30px;
+  min-height: 400px;
+}
+.disposeInfo .disposeItem {
+  display: flex;
+  justify-content: space-between;
+  padding: 30px 0px;
+  border-bottom: 1px solid #eee;
+}
+
+.authTag {
+  display: inline-block;
+  padding: 0px 10px;
+  border-radius: 12px;
+  font-size: 12px;
+  height: 22px;
+  line-height: 22px;
+}
+.authTag.red {
+  border: 1px solid #F73030;
+  color: #F73030;
+}
+.authTag.green {
+  border: 1px solid #28BD6C;
+  color: #28BD6C;
+}
+
+.CIList {
+  padding: 0px 30px;
+  min-height: 400px;
+}
+.CIList li {
+  display: flex;
+  justify-content: space-between;
+  padding: 28px 0px;
+  border-bottom: 1px solid #eee;
+}
+
+.infosRightMenu .ant-menu-item {
+  padding: 0px;
+  margin: 0px 20px !important;
+  font-size: 17px;
+  height: 32px;
+  line-height: 0px;
+  border-bottom: 2px solid transparent !important;
+  position: relative;
+}
+.infosRightMenu .ant-menu-item a {
+  font-size: 16px;
+}
+.infosRightMenu .ant-menu-item a > i {
+  font-size: 15px !important;
+  margin-right: 8px;
+}
+.infosRightMenu .ant-menu-item .menuNum {
+  font-size: 12px;
+  margin-left: 3px;
+  color: #FF6E21;
+}
+.infosRightMenu .ant-menu-item.ant-menu-item-selected::before {
+  position: absolute;
+  width: 100%;
+  bottom: -1px;
+  height: 2px;
+  left: 0px;
+  background-color: #1890ff;
+  content: "";
+}
+
+/*# sourceMappingURL=Index.css.map */
--- a/src/forge/users/Index.css.map
+++ b/src/forge/users/Index.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Index.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA,SAJI;EAKJ;EACA;;AACA;EACE;;AAEF;EACE,SAXE;EAYF;;AAEF;EACE;EACA;EACA;EACA,SAlBE;EAmBF;;AAEF;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;EACA;EACA;;;AAGJ;EACE;;AACA;EACE;EACA,SAvCE;EAwCF;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIN;EACE,SA1DE;EA2DF;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;;AAGJ;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;;AAKR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAGJ;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;EACA;;AAGJ;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"Index.css"}
--- a/src/forge/users/Material/Index.css
+++ b/src/forge/users/Material/Index.css
@ -0,0 +1,20 @@
+.formBase .ant-form-item-label {
+  width: 80px;
+  display: block;
+}
+.formBase .ant-form-explain {
+  position: absolute;
+}
+.formBase .ant-row.ant-form-item {
+  margin-bottom: 12px;
+}
+
+.formBase.passMan .ant-form-item-label {
+  width: 92px;
+}
+
+.infosRightMenu .ant-menu-item a {
+  font-size: 16px;
+}
+
+/*# sourceMappingURL=Index.css.map */
--- a/src/forge/users/Material/Index.css.map
+++ b/src/forge/users/Material/Index.css.map
@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Index.scss"],"names":[],"mappings":"AACE;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;;;AAKA;EACE","file":"Index.css"}
--- a/src/modules/tpm/challengesnew/tpm-md-editor.js
+++ b/src/modules/tpm/challengesnew/tpm-md-editor.js
@ -8,7 +8,7 @@ import './css/TPMchallengesnew.css';
 import 'codemirror/lib/codemirror.css';
 const $ = window.$

-const mdIcons = ["bold", "italic", "|", "list-ul", "list-ol", "|", "code", "code-block", "link", "|", "inline-latex", "latex", '|', "image", "table", '|', "line-break", "watch", "clear"];
+const mdIcons = ["bold", "italic", "|", "list-ul", "list-ol", "|", "code", "code-block", "link", "|", "inline-latex", "latex", '|', "image", "table", '|', "line-break", "watch", "clear","fullScreen"];

 const NULL_CH = '▁';

@ -134,6 +134,7 @@ export default ({ mdID, onChange, onCMBeforeChange, onCMBlur, error = false, cla
      },
      toolbarIconsClass: {
        "line-break": "fa-minus",
+        "fullScreen":"iconfont icon-fangdaicon font-14"
      },
      toolbarCustomIcons: {
        "inline-latex": "<a title='行内公式' class='latex' ><i name='inline-latex' class='fa iconfont icon-hangneigongshi font-14'></i></a>",
@ -150,6 +151,10 @@ export default ({ mdID, onChange, onCMBeforeChange, onCMBlur, error = false, cla
          }
          cm.replaceSelection(NULL_CH)
        },
+        "fullScreen":function(cm,icon,cursor,selection){
+          icon.addClass("none");
+          console.log(cm,icon)
+        },
        "inline-latex": function (cm, icon, cursor, selection) {
          cm.replaceSelection("$$" + selection + "$$");
          cm.setCursor(cursor.line, cursor.ch + 2);
@ -164,7 +169,8 @@ export default ({ mdID, onChange, onCMBeforeChange, onCMBlur, error = false, cla
      lang: {
        toolbar: {
          "latex": "多行公式",
-          "line-break": "换行"
+          "line-break": "换行",
+          "fullScreen":"开启全屏"
        }
      },
      onload: function () {
@ -229,7 +235,7 @@ export default ({ mdID, onChange, onCMBeforeChange, onCMBlur, error = false, cla
    if (resizeBarEl.current) {
      let el = resizeBarEl.current
      let dragging = false
-      let startY = 0
+      let startY = 0  
      function onMouseDown(e) {
        dragging = true
        startY = e.pageY
Author	SHA1	Message	Date
hc1913847458	ab85e3972f	Merge branch 'pre_develop_dev' of https://git.trustie.net/Gitlink/forgeplus-react into pre_develop_dev # Conflicts: # public/css/iconfont.css # public/css/iconfont.js # public/css/iconfont.json # src/forge/Component/Contributors.jsx # src/forge/Component/Releases.jsx # src/forge/Main/CoderDepot.jsx # src/forge/Main/Detail.js # src/forge/Main/sub/DetailBanner.jsx	2021-09-06 17:15:24 +08:00
hc1913847458	358d236034	‘ save files	2021-08-30 13:42:54 +08:00
caishi	1ea61fe7ab	save files	2021-08-30 10:55:06 +08:00
				`@ -0,0 +1 @@`
				{"version":3,"sourceRoot":"","sources":["branch.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACG;;;AAEH;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;;AAGJ;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AAIN;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIN;EACE","file":"branch.css"}
				`@ -0,0 +1 @@`
				`{"version":3,"sourceRoot":"","sources":["EAccount.scss"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE","file":"EAccount.css"}`