first commit

滴滴淘/shop-pc/.editorconfig

@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab

滴滴淘/shop-pc/.gitignore

@@ -0,0 +1,19 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/npm-debug.log*
+/yarn-error.log
+/yarn.lock
+/package-lock.json
+
+# production
+/dist
+
+# misc
+.DS_Store
+
+# umi
+/src/.umi/
+/.env.local
+.idea/

滴滴淘/shop-pc/.prettierignore

@@ -0,0 +1,8 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+package.json
+.umi
+.umi-production
+.umi-test

滴滴淘/shop-pc/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 80,
+  "overrides": [
+    {
+      "files": ".prettierrc",
+      "options": { "parser": "json" }
+    }
+  ]
+}

滴滴淘/shop-pc/.pydio

@@ -0,0 +1 @@
+d53fdf63-9ac9-45ac-ae7f-d4898f44b5de

滴滴淘/shop-pc/.umirc.ts

@@ -0,0 +1,80 @@
+import path from 'path';
+import { defineConfig } from 'umi';
+import routes from './src/routes/index';
+
+export default defineConfig({
+  nodeModulesTransform: {
+    type: 'none',
+  },
+  // 开启分包
+  // dynamicImport: {
+  //   loading: resolve('src/components/loading/loading.tsx'),
+  // },
+  favicon: '/assets/favicon.ico',
+  publicPath: './',
+  history: { type: 'hash' },
+  // 启动自定义配置
+  runtimePublicPath: true,
+  // 开启dva模式
+  dva: {},
+  routes: routes,
+  devServer: {
+    inline: false,
+  },
+  // 目录别名方便引入
+  alias: {
+    '@service': resolve('src/core/service/imp'),
+    '@assets': resolve('src/assets'),
+    '@components': resolve('src/components'),
+    '@page': resolve('src/assets/less/page'),
+    '@annotation': resolve('src/core/annotation'),
+    '@Ioc': resolve('src/core/Ioc'),
+  },
+  // 额外的css
+  styles: [
+    `.selectOption .ant-select-item-option-content { word-wrap: break-word; white-space: normal;}`,
+  ],
+  // 需要兼容的最低版本
+  targets: { chrome: 49, firefox: 64, safari: 10, edge: 13, ios: 10 },
+  // proxy: {
+  //   "/api": {
+  //     "target": "https://pvp.qq.com",
+  //     "changeOrigin": true,
+  //     "pathRewrite": { "^/api": "" }
+  //   }
+  // }
+  plugins: ['@alitajs/hd'],
+  // 开启rem配置参考https://github.com/alitajs/alita/tree/master/packages/hd#readme或者看声明文件中的参数
+  // hd: {
+  //   rootValue: 75,
+  //   propBlackList: [], //不需要转换的属性
+  //   selectorBlackList: [], //以包含***的class不需要转换
+  // },
+  extraPostCSSPlugins: [],
+  // 提取公共依赖
+  chainWebpack: function(config, { webpack }) {
+    // config.merge({
+    //   optimization: {
+    //     minimize: true,
+    //     splitChunks: {
+    //       chunks: 'all',
+    //       minSize: 30000,
+    //       minChunks: 3,
+    //       automaticNameDelimiter: '.',
+    //       cacheGroups: {
+    //         vendor: {
+    //           name: 'vendors',
+    //           test({ resource }) {
+    //             return /[\\/]node_modules[\\/]/.test(resource);
+    //           },
+    //           priority: 10,
+    //         },
+    //       },
+    //     },
+    //   }
+    // });
+  },
+});
+function resolve(dir: string) {
+  return path.join(__dirname, dir);
+}

滴滴淘/shop-pc/README.md

@@ -0,0 +1,12 @@
+#shop-pc
+
+
+总任务佣金 = 任务基础佣金 + 附加项
+
+附加项 = （ 输入百分比  * 任务总数[计划单数相加之和] ）* 佣金   6个相加
+
+1单*10%*10=0.3元
+ 
+1单 = 买家入口单数总和
+
+参与此行为人数为10人 = 总单数  * 输入百分比

滴滴淘/shop-pc/mock/.pydio

@@ -0,0 +1 @@
+01d252a9-6653-4380-add9-5ddce8512937

滴滴淘/shop-pc/mock/user.ts

@@ -0,0 +1,9 @@
+export default {
+  // 支持值为 Object 和 Array
+  'GET /api/getUser': { users: [1, 2] },
+
+  // GET 可忽略
+  '/api/users/1': { id: 1 },
+  // GET 可忽略
+  'GET /api/login': { token: 'asdadadasddddddddddasdad' },
+};

滴滴淘/shop-pc/package.json

@@ -0,0 +1,41 @@
+{
+  "private": true,
+  "scripts": {
+    "start": "umi dev",
+    "build": "umi build",
+    "postinstall": "umi generate tmp",
+    "prettier": "prettier --write '**/*.{js,jsx,tsx,ts,less,md,json}'",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage"
+  },
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "@alitajs/hd": "^2.3.9",
+    "@umijs/preset-react": "1.x",
+    "@umijs/test": "^3.1.0",
+    "antd": "4.6.2",
+    "axios": "^0.19.2",
+    "copy-to-clipboard": "^3.3.1",
+    "lint-staged": "^10.0.7",
+    "prettier": "^1.19.1",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
+    "socket.io-client": "^2.3.0",
+    "timeago.js": "^4.0.2",
+    "umi": "^3.1.0",
+    "yorkie": "^2.0.0"
+  },
+  "devDependencies": {
+    "@types/socket.io-client": "^1.4.33"
+  }
+}

滴滴淘/shop-pc/public/.pydio

@@ -0,0 +1 @@
+518a7c0c-6784-4ae3-97ca-64b41038854b

滴滴淘/shop-pc/public/assets/.pydio

@@ -0,0 +1 @@
+c5a0a584-f938-4e43-be5c-8535254bb6ce

滴滴淘/shop-pc/src/.pydio

@@ -0,0 +1 @@
+73681ec8-571b-4d3c-af47-fa5ba939fbe6

滴滴淘/shop-pc/src/app.ts

@@ -0,0 +1,40 @@
+import { history } from 'umi';
+import { Utils } from '@/core/utils/utils';
+import 'antd/dist/antd.css';
+
+// 没有登录
+if (Utils.getStorage('token') == '') {
+  history.push('/login');
+}
+
+// function assertIsString(val: any): asserts val is string {
+//   if (typeof val !== 'string') {
+//     console.log('不是string');
+//     return
+//   }
+// }
+
+// function test(str: any) {
+//   assertIsString(str)
+//   console.log(str.indexOf('1'));
+// }
+// test('ffsd5f1s5f1')
+// // test({ a: 1 })
+// let dataAll: any[] = []
+
+// let ob: any = new Proxy(dataAll, {
+//   get: function (obj, prop) {
+//     console.log(obj, prop, "=====get");
+//     return obj[Number(prop)];
+//   },
+//   set: function (obj, prop, value) {
+//     console.log(obj, prop, value, "=====set");
+//     if (typeof obj === 'object') {
+//       obj[Number(prop)] = value
+//     }
+//     return true;
+//   }
+// })
+// ob[0] = 1
+// console.log(ob);
+// console.log(ob[0]);

滴滴淘/shop-pc/src/assets/.pydio

@@ -0,0 +1 @@
+5ea86fb6-eb2b-4760-b2df-2133d531ea95

滴滴淘/shop-pc/src/assets/image/.pydio

@@ -0,0 +1 @@
+34c9f82a-0673-431e-938b-412cad76d593

滴滴淘/shop-pc/src/assets/image/credit/.pydio

@@ -0,0 +1 @@
+21bf121b-e33d-451e-8df5-53f945bc5eee

滴滴淘/shop-pc/src/assets/image/op_memo/.pydio

@@ -0,0 +1 @@
+6fb950b1-69c4-4217-9f6f-344073705a14

滴滴淘/shop-pc/src/assets/less/.pydio

@@ -0,0 +1 @@
+092bac7d-6556-43f4-b118-9ecfde682a03

滴滴淘/shop-pc/src/assets/less/components/.pydio

@@ -0,0 +1 @@
+8482e09e-a780-4a2b-8d9e-fb04258f5c7d

滴滴淘/shop-pc/src/assets/less/components/Cell.less

@@ -0,0 +1,17 @@
+@import '../public/color.less';
+
+.cell{
+  display: flex;
+  .left{
+    display: inline-block;
+    width: 120px;
+    line-height: 32px;
+    margin-right: 10px;
+    text-align: center;
+    color: @color1;
+  }
+  .right{
+    display: inline-block;
+    flex: 1;
+  }
+}

滴滴淘/shop-pc/src/assets/less/components/FirstStep.less

@@ -0,0 +1,143 @@
+@import '../public/color.less';
+@import '../public/mixins.less';
+
+.babyInfo {
+  width: 80%;
+  // height: 40px;
+}
+.sort {
+  width: 91.33%;
+  text-align: right;
+  margin-top: 20px;
+  display: flex;
+  justify-content: space-between;
+}
+.bodyRow {
+  // display: flex;
+  // flex-wrap: wrap;
+  // justify-content: space-between;
+  margin-top: 10px;
+  .row {
+    border: 1px solid @c3;
+    width: 240px;
+    display: inline-block;
+    margin-bottom: 15px;
+    cursor: pointer;
+    box-sizing: border-box;
+    margin-right: 15px;
+    .shadow();
+    &:nth-child(3n) {
+      margin-right: 0;
+    }
+    &:hover {
+      .shadow();
+      border: 1px solid @c1;
+      .buttonGroup {
+        border-top: 1px solid @c1;
+      }
+    }
+    .rowImg {
+      height: 200px;
+      width: 100%;
+      margin-bottom: 5px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .title {
+      text-align: left;
+      margin-bottom: 5px;
+      padding: 0 20px;
+      height: 44px;
+      .hiddenText(2);
+    }
+    .price {
+      margin: 0 auto 5px;
+      width: 200px;
+      font-size: 16px;
+      color: #ff5500;
+    }
+    .iconName {
+      margin: 0 auto;
+      width: 200px;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 5px;
+      .name {
+        color: #888;
+        // text-align: left;
+        // flex: 1;
+        // padding: 0 10px;
+      }
+    }
+    .buttonGroup {
+      height: 42px;
+      line-height: 42px;
+      border-top: 1px solid @c3;
+      .operation {
+        height: 100%;
+        display: flex;
+        .operationBut {
+          flex: 1;
+          text-align: center;
+          color: @c1;
+          &:hover {
+            background-color: @c1;
+            color: @white;
+          }
+        }
+      }
+    }
+  }
+
+  .forceUpdate {
+    border: 1px solid @warning1;
+    &:hover {
+      .shadow();
+      border: 1px solid @warning1;
+      .buttonGroup {
+        border-top: 1px solid @warning1;
+      }
+    }
+    .buttonGroup {
+      border-top: 1px solid @warning1;
+      .operation {
+        .operationBut {
+          color: @warning1;
+          &:hover {
+            background-color: @warning1 !important;
+            color: @white !important;
+          }
+        }
+      }
+    }
+  }
+
+  .active {
+    border: 1px solid @c1;
+    .shadow();
+    border: 1px solid @c1;
+    .buttonGroup {
+      border-top: 1px solid @c1;
+    }
+    .buttonGroup {
+      border-top: 1px solid @c1;
+      .operation {
+        .operationBut {
+          background-color: @c1;
+          color: @white !important;
+        }
+      }
+    }
+  }
+
+  .rowActive {
+    .shadow();
+  }
+}
+.sub {
+  width: 200px;
+  margin-left: 130px;
+  margin-top: 30px;
+}

滴滴淘/shop-pc/src/assets/less/components/Guide.less

@@ -0,0 +1,82 @@
+@import '../public/color.less';
+@import '../public/mixins.less';
+
+.guide{
+  position: fixed;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 260px;
+  height: 100%;
+  background-color: @white;
+  border-left: 1px solid @BorderBase;
+  box-sizing: border-box;
+  .header{
+    line-height: 51px;
+    height: 51px;
+    border-bottom: 1px solid @BorderBase;
+    padding: 0 20px;
+  }
+  .center{
+    padding-top: 20px;
+    .serve{
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      img{
+        height: 140px;
+        width: 140px;
+      }
+      p{
+        margin: 0;
+        font-size: 16px;
+        font-weight: bold;
+        margin-top: 10px;
+      }
+      a{
+        margin-top: 3px;
+        background-color: @c1;
+        padding: 2px 20px;
+        color: @white;
+        border-radius: 2px;
+        margin-bottom: 10px;
+      }
+      .service_text{
+        margin-top: 5px;
+        width: 80%;
+        padding-left: 10px;
+        span{
+          margin-right: 5px;
+        }
+        .service_text_span{
+          width: 40px;
+          font-weight: bold;
+        }
+        .service_text_cen{
+          width: 100px;
+        }
+      }
+    }
+    .list{
+      margin-top: 40px;
+      padding: 0 20px;
+      .listTitle{
+        font-size: 14px;
+        color: @color1;
+        font-weight: 700;
+      }
+      .listP{
+        margin-top: 6px;
+        p{
+          margin-bottom: 0;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+@media screen and (max-width: 1600px) {
+  .guide{
+    display: none;
+  }
+}

滴滴淘/shop-pc/src/assets/less/components/Header.less

@@ -0,0 +1,94 @@
+@import '../public/color.less';
+@import '../public/mixins.less';
+::-webkit-scrollbar{
+  height: 0;
+  width: 0;
+}
+.header {
+  width: 100%;
+  background-color: @white;
+  .header-top {
+    line-height: 51px;
+    height: 51px;
+    border-bottom: 1px solid @BorderBase;
+    .title {
+      display: inline-block;
+      color: @color1;
+      font-size: 18px;
+      text-decoration: none;
+      padding: 0 10px;
+    }
+    .operation-group {
+      float: right;
+      margin-right: 20px;
+      display: flex;
+      align-items: center;
+      .member {
+        padding: 0 10px;
+        margin: 0 10px;
+        cursor: pointer;
+      }
+    }
+  }
+  .route{
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+    .header-router {
+      padding: 10px 0px;
+      margin: 0 10px;
+      width: 100%;
+      height: 52px;
+      box-sizing: border-box;
+      overflow-x: scroll;
+      overflow-y: hidden;
+      white-space: nowrap;
+      position: relative;
+      background-color: @white;
+      scrollbar-width: thin;
+      scrollbar-color: transparent transparent;
+      scrollbar-track-color: transparent;
+      -ms-scrollbar-track-color: transparent;
+      &::-webkit-scrollbar{
+        height: 0 !important;
+        width: 0;
+      }
+      .but {
+        margin: 0 3px;
+        line-height: 1.5715;
+        position: relative;
+        display: inline-block;
+        font-weight: 400;
+        white-space: nowrap;
+        text-align: center;
+        background-image: none;
+        border: 1px solid transparent;
+        cursor: pointer;
+        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+        user-select: none;
+        touch-action: manipulation;
+        height: 32px;
+        padding: 4px 15px;
+        font-size: 14px;
+        border-radius: 2px;
+        color: rgba(0, 0, 0, 0.65);
+        background-color: @white;
+        border-color: @BorderBase;
+      }
+      .but:hover {
+        color: @c1;
+        border-color: @c1;
+        .shadow();
+      }
+      .but-active {
+        color: @c1 !important;
+        border-color: @c1 !important;
+      }
+    }
+  }
+}
+@media screen and (min-width: 1600px) {
+  .showGuide{
+    display: none;
+  }
+}

滴滴淘/shop-pc/src/assets/less/components/Navbar.less

@@ -0,0 +1,138 @@
+@import '../public/color.less';
+.navbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  height: 100%;
+  z-index: 999;
+  display: flex;
+  // width: 224px;
+  .center {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 92px;
+    height: 100%;
+    background-color: @NavbarColor;
+    .logo {
+      padding-top: 20px;
+      text-align: center;
+      margin-bottom: 30px;
+      img {
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+      }
+    }
+    .panel {
+      box-sizing: content-box;
+      width: 100%;
+      flex: 1 1 100%;
+    }
+    .listCell {
+      width: 92px;
+      font-size: 14px;
+      height: 40px;
+      line-height: 40px;
+      cursor: pointer;
+      padding-left: 18px;
+      color: @color4;
+      i {
+        margin-right: 4px;
+      }
+      &:hover {
+        background-color: @c1;
+        color: @white;
+      }
+    }
+    .active {
+      background-color: @c1;
+      color: @white;
+    }
+  }
+  .sidebar {
+    transition: all 0.2s;
+    width: 132px;
+    height: 100%;
+    margin-left: 92px;
+    padding-bottom: 40px;
+    background-color: #fff;
+    border-right: 1px solid @BorderBase;
+    z-index: 1;
+    position: fixed;
+    transform: translateX(0);
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    .sidebarTitle {
+      flex: 0 0 51px;
+      padding-left: 28px;
+      width: 100%;
+      height: 50px;
+      box-sizing: border-box;
+      border-bottom: 1px solid @BorderBase;
+      font-size: 14px;
+      color: @color1;
+      line-height: 50px;
+      font-weight: 500;
+    }
+    .sidebarCenter {
+      box-sizing: content-box;
+      padding-right: 12px;
+      padding-left: 12px;
+      width: 100%;
+      box-sizing: border-box;
+      visibility: visible;
+      overflow: scroll;
+      scrollbar-width: thin;
+      scrollbar-color: transparent transparent;
+      scrollbar-track-color: transparent;
+      -ms-scrollbar-track-color: transparent;
+      &::-webkit-scrollbar {
+        height: 0 !important;
+        width: 0;
+      }
+      .sidebarRowTitle {
+        text-align: left;
+        i {
+          margin-right: 5px;
+        }
+      }
+      .sidebarRow {
+        .rowText {
+          cursor: pointer;
+          margin: 10px 0;
+          padding: 2px 0 2px 24px;
+          border-radius: 2px;
+          &:hover {
+            color: @c1;
+          }
+        }
+        .rowTextActive {
+          background-color: @NavBarActiveBackgroundColor;
+          color: @color1;
+          &:hover {
+            color: @color2;
+          }
+        }
+      }
+    }
+  }
+  .details {
+    position: fixed;
+    top: 0;
+    left: 92px;
+    bottom: 0;
+    height: 100%;
+    z-index: 1001;
+    background-color: @white;
+  }
+}
+@media screen and (max-width: 1600px) {
+  .navbar {
+    width: 92px;
+  }
+}

滴滴淘/shop-pc/src/assets/less/components/Radio.less

@@ -0,0 +1,40 @@
+@import '../public/color.less';
+@import '../public/mixins.less';
+
+.radioRow{
+  width: 85%;
+  // display: flex;
+  // flex-wrap: wrap;
+  // justify-content: space-between;
+  margin-bottom: 10px;
+  .row{
+    .hiddenText(1);
+    width: 120px;
+    margin-right: 10px;
+    color: @color2;
+    display: inline-block;
+    border: 1px solid @color2;
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 14px;
+    cursor: pointer;
+    margin-bottom: 10px;
+    border-radius: 2px;
+    height: 32px;
+    line-height: 32px;
+  }
+  .active{
+    background-color: @c1;
+    border-color: @c1;
+    color: @white;
+  }
+  .large{
+    // padding: 5px 10px;
+  }
+  .middle{
+
+  }
+  .small{
+    // padding: 1px 20px;
+  }
+}

滴滴淘/shop-pc/src/assets/less/components/ReleasePlan.less

@@ -0,0 +1,24 @@
+@import '../public/color.less';
+
+.buyerEntrance{
+  margin-bottom: 20px;
+}
+.releaseTime{
+  margin-bottom: 10px;
+  .releaseText{
+    margin: 0 5px;
+  }
+  .addIcon{
+    cursor: pointer;
+    font-size: 18px;
+    margin-left: 10px;
+  }
+}
+.releaseStatistics{
+  width: 72%;
+  border-bottom: solid 1px @BorderBase;
+  padding-bottom: 8px;
+  .statistics{
+    text-align: right;
+  }
+}

滴滴淘/shop-pc/src/assets/less/components/SecondStep.less

@@ -0,0 +1,114 @@
+@import '../public/color.less';
+
+.template{
+  width: 80%;
+  margin-bottom: 20px;
+  cursor: pointer;
+  border-radius: 2px;
+  .templateRow{
+    width: 100%;
+    border: 1px solid #cccccc;
+    padding: 10px;
+    .hedTtile{
+      .title{
+        margin-right: 30px;
+      }
+    }
+    .sku{
+      margin: 5px 0 1px;
+    }
+    .option{
+      display: flex;
+      width: 97%;
+      overflow: hidden;
+      .optionSpan{
+        flex: 1;
+        display: inline-block;
+        margin-right: 5px;
+        span{
+          margin-right: 10px;
+        }
+      }
+      .optionOpen{
+        width: 30px;
+        text-align: center;
+        padding-top: 5px;
+        cursor: pointer;
+      }
+    }
+  }
+}
+.templateActive{
+  border: 1px solid @c1;
+}
+
+.babyPrice{
+  display: flex;
+  align-items: center;
+  margin-bottom: 25px;
+}
+.addAccBody{
+  width: 72%;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 25px;
+  .accBody{
+    border: 1px solid #DCDFE6;
+    padding: 10px;
+    margin-bottom: 10px;
+    position: relative;
+    .close{
+      display: none;
+    }
+    &:hover{
+      border-color: @danger1;
+      .close{
+        position: absolute;
+        right: 0px;
+        top: 0px;
+        display: inline-block;
+        cursor: pointer;
+        font-size: 18px;
+        z-index: 9999;
+        height: 20px;
+        width: 20px;
+        text-align: center;
+        line-height: 20px;
+        background-color: @danger1;
+        color: @white;
+      }
+    }
+    .accBodyRow{
+      .accBodyRowTitle{
+        margin-bottom: 10px;
+        .price{
+          text-align: right;
+        }
+      }
+      .accBodyRowCen{
+        .cancel{
+          color: @c1;
+          text-align: right;
+          cursor: pointer;
+          margin-left: 20px;
+        }
+      }
+    }
+  }
+}
+
+.other{
+  height: 100%;
+  .radio{
+    line-height: 32px;
+  }
+}
+
+.rowClassName{
+  padding: 1px 16px;
+}
+
+.selectBodyColumns .ant-table-thead .ant-table-cell{
+  background-color: @success1 !important;
+  color: @white;
+}

滴滴淘/shop-pc/src/assets/less/components/TaskFooter.less

@@ -0,0 +1,92 @@
+@import '../public/color.less';
+@import '../public/mixins.less';
+
+.footer{
+  margin: 0 auto 0px;
+  padding: 15px 25px;
+  box-shadow: 0 -4px 4px -2px #e4e9f0;
+  display: flex;
+  .footerLeft{
+    display: inline-block;
+    width: 34%;
+    border-right: 1px solid #ddd;
+    padding-right: 10px;
+    box-sizing: border-box;
+    .bodyName,
+    .bodySku{
+      line-height: 32px;
+      font-size: 14px;
+      .hiddenText(@a: 1);
+    }
+  }
+  .footerRight{
+    display: inline-block;
+    width: 66%;
+    vertical-align: top;
+    padding: 0 0 0 20px;
+  }
+  .labelItem{
+    line-height: 32px;
+    margin-right: 40px;
+    .title{
+      display: inline-block;
+      margin-right: 5px;
+      color: #666;
+      font-size: 14px;
+    }
+    .money{
+      font-size: 18px;
+      color: #ed711f;
+      span{
+        color: #666;
+        font-size: 14px;
+      }
+    }
+    .span{
+      cursor: pointer;
+      color: #999;
+      line-height: 12px;
+      margin-top: 10px;
+      vertical-align: middle;
+      font-size: 13px;
+      margin-left: 5px;
+    }
+  }
+  // .calculation{
+  //   margin-right: 60px;
+  //   .descInfo{
+  //     text-align: center;
+  //     cursor: pointer;
+  //     .amount{
+  //       color: @warning1;
+  //       font-size: 20px;
+  //     }
+  //     .link{
+  //       text-decoration: underline;
+  //       cursor: pointer;
+  //     }
+  //   }
+  //   .symbol{
+  //     font-size: 18px;
+  //   }
+  //   .totalAmount{
+  //     font-size: 20px;
+  //     color: @warning1;
+  //   }
+  // }
+}
+.additional{
+  width: 100px;
+  text-align: center;
+  &:nth-child(n){
+    border-bottom: 1px solid @BorderBase;
+  }
+  &:nth-child(n + 13){
+    border-bottom: 0;
+  }
+  .price{
+    text-align: center;
+    line-height: 40px;
+    color: @danger1;
+  }
+}

滴滴淘/shop-pc/src/assets/less/components/ThirdStep.less

@@ -0,0 +1,33 @@
+.ThirdTaskRadio{
+  margin-bottom: 20px;
+}
+
+.answer{
+  margin-bottom: 20px;
+  .answerRow{
+    padding-left: 5px;
+    margin-top: 10px;
+    .answerText{
+      // width: 150px;
+      margin-left: 20px;
+      span{
+        margin-right: 5px;
+      }
+    }
+    .addIcon{
+      cursor: pointer;
+      height: 100%;
+      width: 30px;
+      text-align: center;
+      line-height: 0;
+    }
+  }
+}
+
+.payMethod{
+  margin-bottom: 20px;
+}
+
+.h32{
+  height: 32px;
+}

滴滴淘/shop-pc/src/assets/less/index.less

@@ -0,0 +1,2 @@
+@import './public/font.less';
+@import './public/index.less';

滴滴淘/shop-pc/src/assets/less/page/.pydio

@@ -0,0 +1 @@
+429d080b-644c-4553-b23b-836dbe40cd87

滴滴淘/shop-pc/src/assets/less/page/BabyManagement.less

@@ -0,0 +1,113 @@
+@import '../public/mixins';
+@import '../public/color.less';
+
+.BabyManagement {
+  background-color: #fff;
+  .marginAuto();
+
+  .babyTableList {
+    margin-top: 20px;
+
+    .item {
+      border: 1px solid #dcdee3;
+      width: 100%;
+      margin-bottom: 15px;
+      margin-top: 10px;
+
+      .item_top {
+        display: flex;
+        height: 40px;
+        align-items: center;
+        border-bottom: 1px solid #d2cece;
+        padding: 0 10px;
+        background-color: #f2f2f2;
+
+        // .left {
+        // }
+        // .right {
+        //   color: red;
+        //   font-size: 14px;
+        // }
+        .shopName {
+          width: 120px;
+          margin-left: 15px;
+          .hiddenText();
+          display: flex;
+          align-items: center;
+        }
+
+        .item_top_div {
+          margin: 0 5px;
+          width: 60px;
+          .hiddenText();
+          text-align: center;
+          cursor: pointer;
+          color: #1890ff;
+        }
+
+        .itemTime {
+          text-align: center;
+        }
+
+        .itemSort {
+          text-align: center;
+          width: 120px;
+        }
+
+        .delete {
+          cursor: pointer;
+        }
+      }
+
+      .item_center {
+        display: flex;
+        padding: 15px 10px;
+
+        .shopImg {
+          width: 80px;
+          height: 80px;
+
+          img {
+            height: 100%;
+            width: 100%;
+          }
+        }
+
+        .shopInfo {
+          margin-left: 10px;
+          flex: 1;
+          a {
+            font-size: 14px;
+            color: #333333;
+            font-weight: bold;
+            margin-bottom: 10px;
+          }
+          .shopInfoDiv {
+            line-height: 24px;
+            display: flex;
+            .shopInfoName {
+              flex: 1;
+            }
+          }
+        }
+
+        .center {
+          flex: 1;
+          text-align: center;
+          .priceRange {
+            color: @danger1;
+            font-size: 18px;
+          }
+        }
+
+        .right {
+          color: @c1;
+          cursor: pointer;
+          div {
+            line-height: 28px;
+          }
+        }
+      }
+    }
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/BankCardRecharge.less

@@ -0,0 +1,52 @@
+@import '../public/mixins';
+
+.BankCardRecharge {
+  .marginAuto();
+  .content {
+    .cardList {
+    }
+    ul {
+      margin: 0;
+      padding: 0;
+    }
+    li {
+      list-style: none;
+      margin-bottom: 30px;
+    }
+    .input {
+    }
+    .auto {
+      position: relative;
+      .AutoList {
+        position: absolute;
+        left: 0;
+        width: 100%;
+        height: 90px;
+        z-index: 999;
+        background: #fff;
+        margin-bottom: 5px !important;
+        overflow-y: scroll;
+        box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
+          0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+        ol {
+          list-style: none;
+          padding-left: 5px;
+          color: rgba(0, 0, 0, 0.65);
+          padding-top: 5px;
+          &:hover {
+            background: #e6f7ff;
+          }
+        }
+      }
+    }
+    .tips {
+      font-size: 16px;
+    }
+    .bottomTips {
+      margin-top: 20px;
+      .red {
+        color: red;
+      }
+    }
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/BrowseTasks.less

@@ -0,0 +1,132 @@
+@import '../public/mixins';
+
+.BrowseTasks {
+  background-color: #fff;
+  .marginAuto();
+  margin-bottom: 200px;
+  height: auto !important;
+}
+.center {
+  text-align: right;
+  line-height: 32px;
+  padding-right: 10px;
+}
+.rightMargin {
+  margin-right: 10px;
+}
+.bottomMargin {
+  margin-bottom: 10px;
+}
+label {
+  color: red;
+}
+.bottomFooter {
+  position: fixed;
+  bottom: 0;
+  width: calc(100% - 132px - 20px - 259px - 93px);
+  background-color: #fff;
+  z-index: 999;
+  min-width: 990px;
+  .footer {
+    margin: 0 auto 0px;
+    padding: 15px 25px;
+    box-shadow: 0 -4px 4px -2px #e4e9f0;
+    display: flex;
+    .footerLeft {
+      display: inline-block;
+      width: 34%;
+      border-right: 1px solid #ddd;
+      padding-right: 10px;
+      box-sizing: border-box;
+      .bodyName,
+      .bodySku {
+        line-height: 32px;
+        font-size: 14px;
+        .hiddenText(@a: 1);
+      }
+    }
+    .footerRight {
+      display: inline-block;
+      width: 66%;
+      vertical-align: top;
+      padding: 0 0 0 20px;
+    }
+    .labelItem {
+      line-height: 32px;
+      margin-right: 40px;
+      .title {
+        display: inline-block;
+        margin-right: 5px;
+        color: #666;
+        font-size: 14px;
+      }
+      .money {
+        font-size: 18px;
+        color: #ed711f;
+        span {
+          color: #666;
+          font-size: 14px;
+        }
+      }
+      .span {
+        cursor: pointer;
+        color: #999;
+        line-height: 12px;
+        margin-top: 10px;
+        vertical-align: middle;
+        font-size: 13px;
+        margin-left: 5px;
+      }
+    }
+    // .calculation{
+    //   margin-right: 60px;
+    //   .descInfo{
+    //     text-align: center;
+    //     cursor: pointer;
+    //     .amount{
+    //       color: @warning1;
+    //       font-size: 20px;
+    //     }
+    //     .link{
+    //       text-decoration: underline;
+    //       cursor: pointer;
+    //     }
+    //   }
+    //   .symbol{
+    //     font-size: 18px;
+    //   }
+    //   .totalAmount{
+    //     font-size: 20px;
+    //     color: @warning1;
+    //   }
+    // }
+  }
+}
+
+.totalMoney {
+  .totalMoneyTitle {
+    height: 35px;
+    display: flex;
+    align-items: center;
+    background: #ececec;
+  }
+  .totalMoneyContent {
+    border: 1px solid #e2e2e2;
+    padding-bottom: 15px;
+    padding-top: 18px;
+    border-top: none;
+  }
+  span,
+  label {
+    width: 40%;
+    display: inline-block;
+    text-align: center;
+  }
+}
+
+@media screen and (max-width: 1600px) {
+  .bottomFooter {
+    width: calc(100% - 244px);
+    // left: calc(50% - 496px);
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/BulkDelivery.less

@@ -0,0 +1,8 @@
+@import '../public/mixins';
+
+.BulkDelivery {
+  background-color: #fff;
+  .marginAuto();
+  .addressContent {
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/CapitalFlow.less

@@ -0,0 +1,21 @@
+@import '../public/mixins';
+
+.CapitalFlow {
+  background-color: #fff;
+  .marginAuto();
+  .screen {
+    margin-top: 20px;
+  }
+  .screenResult {
+    margin-top: 20px;
+  }
+  .time {
+    width: 100%;
+    height: 32px;
+    line-height: 32px;
+    text-align: center;
+    border: 1px solid #d9d9d9;
+    border-radius: 2px;
+    border-right: none;
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/DeliveryRecord.less

@@ -0,0 +1,8 @@
+@import '../public/mixins';
+
+.DeliveryRecord {
+  background-color: #fff;
+  .marginAuto();
+  .addressContent {
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/ExportList.less

@@ -0,0 +1,7 @@
+@import '../public/mixins';
+
+.exportList {
+  background-color: #fff;
+  width: 100% !important;
+  .marginAuto();
+}

滴滴淘/shop-pc/src/assets/less/page/Extension.less

@@ -0,0 +1,13 @@
+@import '../public/mixins';
+@import '../public/color.less';
+
+.extension {
+  background-color: #fff;
+  width: 100% !important;
+  .marginAuto();
+  .head {
+    width: 49%;
+    background-color: @BackgroundColor;
+    padding: 20px 20px 10px;
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/MerchantMessage.less

@@ -0,0 +1,6 @@
+@import '../public/mixins';
+
+.MerchantMessage {
+  background-color: #fff;
+  .marginAuto();
+}

滴滴淘/shop-pc/src/assets/less/page/RechargeRecord.less

@@ -0,0 +1,14 @@
+@import '../public/mixins';
+
+.RechargeRecord {
+  .marginAuto();
+  .content {
+    .time {
+      display: flex;
+      align-items: center;
+      text-align: center;
+      justify-content: flex-end;
+      padding-right: 10px;
+    }
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/Repurchase.less

@@ -0,0 +1,6 @@
+@import '../public/mixins';
+
+.Repurchase {
+  background-color: #fff;
+  .marginAuto();
+}

滴滴淘/shop-pc/src/assets/less/page/StationMessage.less

@@ -0,0 +1,17 @@
+@import '../public/mixins';
+
+.StationMessage {
+  background-color: #fff;
+  .marginAuto();
+}
+.rowClassName {
+  background-color: #fff;
+  &:nth-child(2n) {
+    background-color: #fafafa;
+  }
+  &:hover {
+    td {
+      background-color: #f5f7fa !important;
+    }
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/TemplateManagement.less

@@ -0,0 +1,53 @@
+@import '../public/mixins';
+@import '../public/color.less';
+
+.TemplateManagement {
+  background-color: #fff;
+  .marginAuto();
+  .Template_item {
+    position: relative;
+    width: 100%;
+    padding: 15px;
+    box-sizing: border-box;
+    border: 1px solid #d8d8d8;
+    border-radius: 4px;
+    margin-bottom: 16px;
+    &:hover {
+      border: 1px solid #1890ff;
+    }
+    .title {
+      margin-bottom: 10px;
+    }
+    .delete {
+      position: absolute;
+      right: 10px;
+      top: 10px;
+      color: @danger1;
+      cursor: pointer;
+    }
+    .option {
+      display: flex;
+      width: 97%;
+      overflow: hidden;
+      .optionSpan {
+        flex: 1;
+        display: inline-block;
+        margin-right: 5px;
+        span {
+          margin-right: 10px;
+        }
+      }
+      .optionOpen {
+        width: 30px;
+        text-align: center;
+        padding-top: 5px;
+        cursor: pointer;
+      }
+    }
+  }
+  .noMore {
+    text-align: center;
+    margin-top: 10%;
+    color: #a9a7a7;
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/TobeReviewed.less

@@ -0,0 +1,272 @@
+@import '../public/color';
+@import '../public/mixins';
+
+.TobeReviewed {
+  background-color: #fff;
+  .marginAuto();
+  .topSearch {
+    background-color: rgba(247, 248, 250, 1);
+    padding: 10px;
+    .rows {
+      margin-bottom: 15px;
+      position: relative;
+      display: flex;
+      .rowsTitle {
+        display: flex;
+        align-items: center;
+      }
+    }
+    .shrink {
+      text-align: center;
+      span {
+        cursor: pointer;
+        color: @color3;
+      }
+    }
+  }
+  .list {
+    margin-top: 20px;
+    .title {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 20px;
+    }
+    .content {
+      .item {
+        border: 1px solid rgba(220, 222, 227, 1);
+        width: 100%;
+        margin-bottom: 15px;
+        p {
+          margin-bottom: 5px;
+        }
+        .itemT1 {
+          display: flex;
+          justify-content: space-between;
+          height: 40px;
+          align-items: center;
+          border-bottom: 1px solid #d2cece;
+          padding: 0 10px;
+          background-color: #f2f2f2;
+          .taobaoOrder {
+            text-align: center;
+            span {
+              margin-left: 5px;
+              cursor: pointer;
+              color: @c1;
+            }
+          }
+          .recycleCountdown {
+            width: 240px;
+            text-align: center;
+          }
+          .orderStatus {
+            width: 160px;
+            text-align: center;
+          }
+        }
+        .itemT2 {
+          display: flex;
+          justify-content: space-between;
+          padding: 15px 10px;
+          .iT2_Text {
+            display: flex;
+            .tags {
+              display: flex;
+              flex-wrap: wrap;
+            }
+            .cols {
+              height: 20px;
+              padding: 1px 2px;
+              color: #fff;
+              box-sizing: border-box;
+              font-size: 12px;
+              margin-right: 15px;
+              text-align: center;
+              line-height: 20px;
+            }
+
+            .red {
+              color: #ff7875;
+              font-style: initial;
+            }
+            em {
+              color: #40a9ff;
+              font-style: inherit;
+            }
+            p {
+              font-size: 14px;
+              color: #333333;
+            }
+            img {
+              margin-right: 10px;
+              width: 100px;
+              height: 100px;
+            }
+          }
+          .yq {
+            display: flex;
+            flex-wrap: wrap;
+            span {
+              height: 20px;
+              margin-right: 10px;
+            }
+          }
+        }
+        .itemT3 {
+          padding: 10px 10px;
+          font-size: 14px;
+          border-top: 1px solid #d2cece;
+          .span_w {
+            width: 160px;
+            line-height: 25px;
+          }
+          .span_w1 {
+            width: 120px;
+            line-height: 25px;
+          }
+          .span_w2 {
+            width: auto;
+            line-height: 25px;
+          }
+          .bank_info_text {
+            width: 160px;
+          }
+          .bank_info_text1 {
+            width: 240px;
+          }
+        }
+        .itemT4 {
+          border-top: 1px solid #d2cece;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          height: 50px;
+          padding: 0 10px;
+          .m_10 {
+            margin-right: 10px;
+          }
+        }
+        .itemT5 {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          height: 50px;
+          padding: 0 10px;
+          .task_tag {
+            background-color: @BackgroundColor;
+            padding: 3px 10px;
+            margin: 0 10px;
+            display: inline-block;
+            span {
+              margin-left: 15px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.viewComment {
+  .title {
+    font-size: 16px;
+    font-weight: bold;
+  }
+  .dividingLine {
+    border-top: 1px solid #ccc;
+    margin-top: 30px;
+    padding-top: 30px;
+  }
+  .image {
+    width: 100px;
+    img {
+      height: 100px;
+    }
+  }
+}
+
+.viewInfo {
+  padding: 1px 3px;
+  margin-left: 9px;
+  color: #444343;
+  border: 1px solid #444343;
+  cursor: pointer;
+}
+
+.ExpressDelivery {
+  display: flex;
+  justify-content: space-between;
+}
+
+.isShowOperationLog {
+  max-height: 500px;
+  overflow-y: scroll;
+  .locationBox {
+    color: @color4;
+  }
+  .title {
+    color: #fa541c;
+    margin-left: 15px;
+  }
+  .tips {
+    margin-left: 10px;
+  }
+  .status {
+    color: #52c41a;
+    margin-left: 20px;
+  }
+}
+
+.Complaint {
+}
+
+.additional {
+  width: 100px;
+  text-align: center;
+  // &:nth-child(n){
+  //   border-bottom: 1px solid @BorderBase;
+  // }
+  // &:nth-child(n + 13){
+  //   border-bottom: 0;
+  // }
+  .price {
+    text-align: center;
+    line-height: 40px;
+    color: @danger1;
+  }
+}
+
+.comment {
+  div:nth-child(2) {
+    div:nth-child(3) {
+      padding-top: 0 !important;
+    }
+  }
+}
+.buyerInfoBox {
+  margin-bottom: 20px;
+  border-bottom: 1px solid #d2cece;
+  padding-bottom: 20px;
+  .buyerInfoTitleBox {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row;
+    h3 {
+      font-weight: 700;
+      font-size: 14px;
+    }
+  }
+
+  .buyerInfoRow {
+    .buyerInfoItem {
+      margin: 5px auto;
+    }
+    .buyerInfoItemTitle {
+      color: @color1;
+      width: 80px;
+      text-align: right;
+      margin-right: 10px;
+      display: inline-block;
+    }
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/UserInfo.less

@@ -0,0 +1,26 @@
+@import '../public/mixins';
+@import '../public/color.less';
+
+.userInfo {
+  background-color: #fff;
+  width: 100% !important;
+  .marginAuto();
+  .smallTitle{
+    padding-left: 15px;
+    font-weight: bold;
+    color: @color1;
+  }
+  .userCenter{
+    padding: 0 40px;
+    .label {
+      width: 80px;
+      font-weight: bold;
+      padding: 0 10px;
+      text-align: right;
+      color: @color2;
+    }
+    .value {
+      width: 340px !important;
+    }
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/addShop.less

@@ -0,0 +1,31 @@
+@import '../public/mixins';
+
+.addShop {
+  background-color: #fff;
+  .marginAuto();
+  .title {
+    margin-bottom: 20px;
+    h2 {
+      font-size: 24px;
+      font-weight: 700;
+    }
+    p {
+      font-size: 13px;
+      color: #333333;
+    }
+  }
+
+  .rows {
+    margin-bottom: 20px;
+    .mbottom {
+      margin-bottom: 15px;
+    }
+    .yl {
+      width: 200px;
+    }
+  }
+  
+  .formItem{
+    height: 68px;
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/address.less

@@ -0,0 +1,17 @@
+@import '../public/mixins';
+
+.address {
+  background-color: #fff;
+  .marginAuto();
+  .addressContent {
+    ul {
+      padding: 0;
+      // margin: 0;
+      margin-bottom: 20px;
+    }
+    li {
+      font-size: 15px;
+      list-style: none;
+    }
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/advanceTask.less

@@ -0,0 +1,22 @@
+@import '../public/mixins.less';
+
+.advanceTask{
+  .marginAuto();
+  margin-bottom: 200px;
+}
+
+.taskBottom{
+  position: fixed;
+  bottom: 0;
+  width: calc(100% - 132px - 20px - 259px - 93px);
+  background-color: #fff;
+  z-index: 999;
+  min-width: 990px;
+}
+
+@media screen and (max-width: 1600px) {
+  .taskBottom{
+    width: calc(100% - 244px);
+    // left: calc(50% - 496px);
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/blackList.less

@@ -0,0 +1,6 @@
+@import '../public/mixins.less';
+@import '../public/color.less';
+
+.blackList{
+  .marginAuto();
+}

滴滴淘/shop-pc/src/assets/less/page/chargingStandard.less

@@ -0,0 +1,6 @@
+@import '../public/mixins';
+
+.chargingStandard {
+  background-color: #fff;
+  .marginAuto();
+}

滴滴淘/shop-pc/src/assets/less/page/commentList.less

@@ -0,0 +1,27 @@
+@import '../public/mixins.less';
+@import '../public/color.less';
+
+.commentList{
+  .marginAuto();
+  .title{
+    font-size: 24px;
+    font-weight: 700;
+  }
+}
+
+.tatelComment{
+  .hiddenText(3);
+}
+.operation{
+  color: @c1;
+  span{
+    margin: 0 2px;
+    cursor: pointer;
+  }
+}
+.enable{
+  color: @c1;
+}
+.disable{
+  color: @danger1;
+}

滴滴淘/shop-pc/src/assets/less/page/home.less

@@ -0,0 +1,65 @@
+@import '../public/color.less';
+@import '../public/mixins.less';
+
+.home {
+  height: 100%;
+  .marginAuto(@w: 100%, @c: @BackgroundColor, @p: 0px);
+  .header {
+    padding: 20px;
+    background-color: @white;
+    border-radius: 2px;
+    .header_l {
+      .title {
+        font-size: 18px;
+        color: @color1;
+        font-weight: bold;
+        line-height: 18px;
+      }
+      p {
+        color: @color3;
+      }
+    }
+    .header_r {
+      .title {
+        font-size: 16px;
+        color: @color2;
+        line-height: 18px;
+      }
+      span {
+        cursor: pointer;
+        color: @color3;
+        &:hover {
+          color: @color1;
+        }
+      }
+      .redActive {
+        color: #fa541c !important;
+        &:hover {
+          color: @danger1 !important;
+        }
+      }
+    }
+  }
+  .col {
+    text-align: center;
+    cursor: pointer;
+    .text {
+      margin-top: 5px;
+      .badge {
+        display: inline-block;
+        padding: 0 6px;
+        font-size: 12px;
+        text-align: center;
+        background-color: @danger1;
+        color: #fff;
+        border-radius: 2px;
+        margin-left: 5px;
+      }
+    }
+  }
+  .cardTitleSpan {
+    color: @color3;
+    font-size: 12px;
+    margin-left: 5px;
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/index.less

@@ -0,0 +1,41 @@
+@import '../public/color.less';
+@import '../public/mixins.less';
+
+.index {
+  height: 100%;
+  flex: 1;
+  display: flex;
+  .center {
+    height: 100%;
+    min-width: 1200px;
+    padding-right: 260px;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    // overflow: hidden;
+    .children {
+      flex: 1;
+      display: flex;
+      padding: 10px;
+      background-color: @BackgroundColor;
+      .childrenCen{
+        // .scroll();
+        flex: 1;
+        // overflow: hidden;
+        // overflow-y: scroll;
+        // background-color: #fff;
+        height: 100%;
+        // max-width: 990px;
+        margin: 0 auto;
+        border-radius: 2px;
+      }
+    }
+  }
+}
+@media screen and (max-width: 1600px) {
+  .index{
+    .center{
+      padding-right: 0px;
+    }
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/login.less

@@ -0,0 +1,61 @@
+@import '../public/color.less';
+
+.login {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #f2f2f2;
+  .form{
+    display: flex;
+    justify-content: space-between;
+    position: fixed;
+    width: 948px;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    .login_container {
+      position: relative;
+      height: 480px;
+      width: 550px;
+      padding: 50px 56px 60px;
+      box-sizing: border-box;
+      background-color: @white;
+      .login_title{
+        text-align: center;
+        font-size: 24px;
+      }
+      .a{
+        color: @c1;
+        cursor: pointer;
+      }
+    }
+    .account_container_right{
+      position: relative;
+      width: 382px;
+      border-radius: 6px;
+      background-color: @white;
+      text-align: center;
+    }
+    .login_container_btn {
+      margin: 16px 0;
+      height: 48px;
+      font-size: 18px;
+      width: 100%;
+    }
+  }
+  .footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    padding: 30px 0;
+    text-align: center;
+    color: rgba(0, 0, 0, 0.5);
+  }
+}
+.ant-form-item{
+  margin-bottom: 0; 
+}

滴滴淘/shop-pc/src/assets/less/page/markingTask.less

@@ -0,0 +1,21 @@
+@import '../public/mixins.less';
+
+.markingTask{
+  .marginAuto();
+  margin-bottom: 200px;
+}
+
+.taskBottom{
+  position: fixed;
+  bottom: 0;
+  width: 990px;
+  background-color: #fff;
+  left: calc(50% - 513px);
+  z-index: 999;
+}
+
+@media screen and (max-width: 1600px) {
+  .taskBottom{
+      left: calc(50% - 383px);
+  }
+}

滴滴淘/shop-pc/src/assets/less/page/register.less

@@ -0,0 +1,61 @@
+@import '../public/color.less';
+
+.register {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #f2f2f2;
+  .form{
+    display: flex;
+    justify-content: space-between;
+    position: fixed;
+    width: 948px;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    .register_container {
+      position: relative;
+      height: 640px;
+      width: 550px;
+      padding: 50px 56px 60px;
+      box-sizing: border-box;
+      background-color: @white;
+      .register_title{
+        text-align: center;
+        font-size: 24px;
+      }
+      .a{
+        color: @c1;
+        cursor: pointer;
+      }
+    }
+    .account_container_right{
+      position: relative;
+      width: 382px;
+      border-radius: 6px;
+      background-color: @white;
+      text-align: center;
+    }
+    .register_container_btn {
+      margin: 16px 0;
+      height: 48px;
+      font-size: 18px;
+      width: 100%;
+    }
+  }
+  .footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    padding: 30px 0;
+    text-align: center;
+    color: rgba(0, 0, 0, 0.5);
+  }
+}
+.ant-form-item{
+  margin-bottom: 0; 
+}

滴滴淘/shop-pc/src/assets/less/page/retrievePass.less

@@ -0,0 +1,53 @@
+@import '../public/color.less';
+
+.retrievePass {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #f2f2f2;
+  .form{
+    display: flex;
+    justify-content: space-between;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    .retrievePass_container {
+      position: relative;
+      height: 560px;
+      width: 550px;
+      padding: 50px 56px 60px;
+      box-sizing: border-box;
+      background-color: @white;
+      .retrievePass_title{
+        text-align: center;
+        font-size: 24px;
+      }
+      .a{
+        color: @c1;
+        cursor: pointer;
+      }
+    }
+    .retrievePass_container_btn {
+      margin: 16px 0;
+      height: 48px;
+      font-size: 18px;
+      width: 100%;
+    }
+  }
+  .footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    padding: 30px 0;
+    text-align: center;
+    color: rgba(0, 0, 0, 0.5);
+  }
+}
+.ant-form-item{
+  margin-bottom: 0; 
+}

滴滴淘/shop-pc/src/assets/less/page/shopManage.less

@@ -0,0 +1,118 @@
+@import '../public/mixins.less';
+@import '../public/color.less';
+.shopManage {
+  background-color: #fff;
+  .marginAuto();
+  .add {
+    text-align: center;
+    font-size: 30px;
+    position: relative;
+    height: 340px;
+    span {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+  p {
+    margin-bottom: 5px;
+  }
+  .title {
+    margin-bottom: 20px;
+    h2 {
+      font-size: 24px;
+      font-weight: 700;
+    }
+    p {
+      font-size: 13px;
+      color: #333333;
+    }
+  }
+  .cols {
+    height: 390px;
+    width: 390px;
+    border: 1px solid #d2cece;
+    margin-right: 10px;
+    margin-left: 10px;
+    padding: 15px 0;
+    padding-bottom: 0;
+    margin-bottom: 20px;
+    background-color: #fff;
+    transition: all 0.3s ease;
+    &:hover {
+      .shadow();
+    }
+    .colsMargin {
+      margin: 5px 0;
+      height: 32px;
+      line-height: 32px;
+    }
+    .shopTitle {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 2px;
+      padding: 0 15px;
+      .shopTextTitle {
+        font-weight: 700;
+        font-size: 16px;
+      }
+      .timer {
+        font-size: 13px;
+        color: rgba(0, 0, 0, 0.64);
+        i {
+          color: #009dff;
+        }
+        span {
+          color: rgba(0, 0, 0, 0.242);
+        }
+      }
+    }
+    .shopUrl {
+      margin-top: 10px;
+      color: @color3;
+      margin-bottom: 5px;
+      display: flex;
+      padding: 0 15px;
+      span {
+        flex: 1;
+        padding-right: 5px;
+        .hiddenText();
+      }
+    }
+    .content {
+      padding: 0 15px;
+      .nav {
+        border-top: 1px solid #d2cece;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px 0;
+        div {
+          color: rgba(0, 0, 0, 0.42);
+          width: 50%;
+          text-align: center;
+          p {
+            margin: 0;
+            margin-bottom: 3px;
+          }
+        }
+      }
+    }
+    .buts {
+      border-top: 1px solid #d2cece;
+      padding: 15px;
+      .butText {
+        text-align: center;
+        cursor: pointer;
+        border-right: 1px solid #ccc;
+        &:last-child {
+          border: 0;
+        }
+      }
+      .orange {
+        color: @danger1;
+      }
+    }
+  }
+}

滴滴淘/shop-pc/src/assets/less/public/.pydio

@@ -0,0 +1 @@
+c1f645f2-84e7-498d-8cef-b950f8bd85c1

滴滴淘/shop-pc/src/assets/less/public/color.less

@@ -0,0 +1,48 @@
+// 主题颜色
+// 产品品牌色,多用于主按钮。重要图标，重要入口
+@c1: #1890ff;
+@c2: #d9ecff;
+@c3: #ecf5ff;
+
+// 辅助色 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）
+@success1: #67c23a;
+@success2: #e1f3d8;
+@success3: #f0f9eb;
+
+@warning1: #e6a23c;
+@warning2: #faecd8;
+@warning3: #fdf6ec;
+
+@danger1: #f56c6c;
+@danger2: #fde2e2;
+@danger3: #fef0f0;
+
+@info1: #909399;
+@info2: #e9e9eb;
+@info3: #f4f4f5;
+
+// 点缀色 主要用于提示作用，多用于标签，角标，小按钮等
+@emb1: #67c23a;
+@emb2: #f56c6c;
+
+// 文字主题色
+// 多用于标题文字，重要文字
+@color1: #303133;
+@color2: #606266;
+@color3: #909399;
+@color4: #c0c4cc;
+
+// 常规颜色
+@white: #fff;
+@black: #000;
+
+// 线条颜色
+@BorderBase: #dcdfe6;
+
+// 阴影颜色
+@shadow: #8fa8bf59;
+
+// 背景色
+@BackgroundColor: #f2f2f2;
+@NavbarColor: #273543;
+@NavBarActiveBackgroundColor: #ebedf0;