init

.babelrc

+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"],
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
+    }
+  }
+}

.editorconfig

+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.gitignore

+.DS_Store
+node_modules/
+/dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+/test/unit/coverage/
+/test/e2e/reports/
+selenium-debug.log
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

.postcssrc.js

+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    "postcss-import": {},
+    "postcss-url": {},
+    // to edit target browsers: use "browserslist" field in package.json
+    "autoprefixer": {}
+  }
+}

README.md

+# xxxui
+
+> A Vue.js project
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+
+# build for production and view the bundle analyzer report
+npm run build --report
+
+# run unit tests
+npm run unit
+
+# run e2e tests
+npm run e2e
+
+# run all tests
+npm test
+```
+
+For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

build/build.js

+'use strict'
+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+const ora = require('ora')
+const rm = require('rimraf')
+const path = require('path')
+const chalk = require('chalk')
+const webpack = require('webpack')
+const config = require('../config')
+const webpackConfig = require('./webpack.prod.conf')
+
+const spinner = ora('building for production...')
+spinner.start()
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+  if (err) throw err
+  webpack(webpackConfig, (err, stats) => {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
+      chunks: false,
+      chunkModules: false
+    }) + '\n\n')
+
+    if (stats.hasErrors()) {
+      console.log(chalk.red('  Build failed with errors.\n'))
+      process.exit(1)
+    }
+
+    console.log(chalk.cyan('  Build complete.\n'))
+    console.log(chalk.yellow(
+      '  Tip: built files are meant to be served over an HTTP server.\n' +
+      '  Opening index.html over file:// won\'t work.\n'
+    ))
+  })
+})

build/check-versions.js

+'use strict'
+const chalk = require('chalk')
+const semver = require('semver')
+const packageConfig = require('../package.json')
+const shell = require('shelljs')
+
+function exec (cmd) {
+  return require('child_process').execSync(cmd).toString().trim()
+}
+
+const versionRequirements = [
+  {
+    name: 'node',
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+]
+
+if (shell.which('npm')) {
+  versionRequirements.push({
+    name: 'npm',
+    currentVersion: exec('npm --version'),
+    versionRequirement: packageConfig.engines.npm
+  })
+}
+
+module.exports = function () {
+  const warnings = []
+
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i]
+
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(mod.name + ': ' +
+        chalk.red(mod.currentVersion) + ' should be ' +
+        chalk.green(mod.versionRequirement)
+      )
+    }
+  }
+
+  if (warnings.length) {
+    console.log('')
+    console.log(chalk.yellow('To use this template, you must update following to modules:'))
+    console.log()
+
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i]
+      console.log('  ' + warning)
+    }
+
+    console.log()
+    process.exit(1)
+  }
+}

build/utils.js

+'use strict'
+const path = require('path')
+const config = require('../config')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const packageConfig = require('../package.json')
+
+exports.assetsPath = function (_path) {
+  const assetsSubDirectory = process.env.NODE_ENV === 'production'
+    ? config.build.assetsSubDirectory
+    : config.dev.assetsSubDirectory
+
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+  options = options || {}
+
+  const cssLoader = {
+    loader: 'css-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  const postcssLoader = {
+    loader: 'postcss-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders (loader, loaderOptions) {
+    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
+
+    if (loader) {
+      loaders.push({
+        loader: loader + '-loader',
+        options: Object.assign({}, loaderOptions, {
+          sourceMap: options.sourceMap
+        })
+      })
+    }
+
+    // Extract CSS when that option is specified
+    // (which is the case during production build)
+    if (options.extract) {
+      return ExtractTextPlugin.extract({
+        use: loaders,
+        fallback: 'vue-style-loader'
+      })
+    } else {
+      return ['vue-style-loader'].concat(loaders)
+    }
+  }
+
+  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+  return {
+    css: generateLoaders(),
+    postcss: generateLoaders(),
+    less: generateLoaders('less'),
+    sass: generateLoaders('sass', { indentedSyntax: true }),
+    scss: generateLoaders('sass'),
+    stylus: generateLoaders('stylus'),
+    styl: generateLoaders('stylus')
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+  const output = []
+  const loaders = exports.cssLoaders(options)
+
+  for (const extension in loaders) {
+    const loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+
+  return output
+}
+
+exports.createNotifierCallback = () => {
+  const notifier = require('node-notifier')
+
+  return (severity, errors) => {
+    if (severity !== 'error') return
+
+    const error = errors[0]
+    const filename = error.file && error.file.split('!').pop()
+
+    notifier.notify({
+      title: packageConfig.name,
+      message: severity + ': ' + error.name,
+      subtitle: filename || '',
+      icon: path.join(__dirname, 'logo.png')
+    })
+  }
+}

build/vue-loader.conf.js

+'use strict'
+const utils = require('./utils')
+const config = require('../config')
+const isProduction = process.env.NODE_ENV === 'production'
+const sourceMapEnabled = isProduction
+  ? config.build.productionSourceMap
+  : config.dev.cssSourceMap
+
+module.exports = {
+  loaders: utils.cssLoaders({
+    sourceMap: sourceMapEnabled,
+    extract: isProduction
+  }),
+  cssSourceMap: sourceMapEnabled,
+  cacheBusting: config.dev.cacheBusting,
+  transformToRequire: {
+    video: ['src', 'poster'],
+    source: 'src',
+    img: 'src',
+    image: 'xlink:href'
+  }
+}

build/webpack.base.conf.js

+var webpack=require('webpack')
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+
+
+module.exports = {
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  plugins: [ 
+    new webpack.ProvidePlugin({ 
+          $:"jquery", 
+          jQuery:"jquery", 
+         "windows.jQuery":"jquery"
+ }) 
+], 
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}

build/webpack.dev.conf.js

+'use strict'
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const path = require('path')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+const portfinder = require('portfinder')
+
+const HOST = process.env.HOST
+const PORT = process.env.PORT && Number(process.env.PORT)
+
+const devWebpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
+  },
+  // cheap-module-eval-source-map is faster for development
+  devtool: config.dev.devtool,
+
+  // these devServer options should be customized in /config/index.js
+  devServer: {
+    clientLogLevel: 'warning',
+    historyApiFallback: {
+      rewrites: [
+        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
+      ],
+    },
+    hot: true,
+    contentBase: false, // since we use CopyWebpackPlugin.
+    compress: true,
+    host: HOST || config.dev.host,
+    port: PORT || config.dev.port,
+    open: config.dev.autoOpenBrowser,
+    overlay: config.dev.errorOverlay
+      ? { warnings: false, errors: true }
+      : false,
+    publicPath: config.dev.assetsPublicPath,
+    proxy: config.dev.proxyTable,
+    quiet: true, // necessary for FriendlyErrorsPlugin
+    watchOptions: {
+      poll: config.dev.poll,
+    }
+  },
+  
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': require('../config/dev.env')
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
+    new webpack.NoEmitOnErrorsPlugin(),
+    // https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'index.html',
+      inject: true
+    }),
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.dev.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+module.exports = new Promise((resolve, reject) => {
+  portfinder.basePort = process.env.PORT || config.dev.port
+  portfinder.getPort((err, port) => {
+    if (err) {
+      reject(err)
+    } else {
+      // publish the new Port, necessary for e2e tests
+      process.env.PORT = port
+      // add port to devServer config
+      devWebpackConfig.devServer.port = port
+
+      // Add FriendlyErrorsPlugin
+      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
+        compilationSuccessInfo: {
+          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
+        },
+        onErrors: config.dev.notifyOnErrors
+        ? utils.createNotifierCallback()
+        : undefined
+      }))
+
+      resolve(devWebpackConfig)
+    }
+  })
+})

build/webpack.prod.conf.js

+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+const env = process.env.NODE_ENV === 'testing'
+  ? require('../config/test.env')
+  : require('../config/prod.env')
+
+const webpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.build.productionSourceMap,
+      extract: true,
+      usePostCSS: true
+    })
+  },
+  devtool: config.build.productionSourceMap ? config.build.devtool : false,
+  output: {
+    path: config.build.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+  },
+  plugins: [
+    // http://vuejs.github.io/vue-loader/en/workflow/production.html
+    new webpack.DefinePlugin({
+      'process.env': env
+    }),
+    new UglifyJsPlugin({
+      uglifyOptions: {
+        compress: {
+          warnings: false
+        }
+      },
+      sourceMap: config.build.productionSourceMap,
+      parallel: true
+    }),
+    // extract css into its own file
+    new ExtractTextPlugin({
+      filename: utils.assetsPath('css/[name].[contenthash].css'),
+      // Setting the following option to `false` will not extract CSS from codesplit chunks.
+      // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
+      // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 
+      // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
+      allChunks: true,
+    }),
+    // Compress extracted CSS. We are using this plugin so that possible
+    // duplicated CSS from different components can be deduped.
+    new OptimizeCSSPlugin({
+      cssProcessorOptions: config.build.productionSourceMap
+        ? { safe: true, map: { inline: false } }
+        : { safe: true }
+    }),
+    // generate dist index.html with correct asset hash for caching.
+    // you can customize output by editing /index.html
+    // see https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: process.env.NODE_ENV === 'testing'
+        ? 'index.html'
+        : config.build.index,
+      template: 'index.html',
+      inject: true,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeAttributeQuotes: true
+        // more options:
+        // https://github.com/kangax/html-minifier#options-quick-reference
+      },
+      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+      chunksSortMode: 'dependency'
+    }),
+    // keep module.id stable when vendor modules does not change
+    new webpack.HashedModuleIdsPlugin(),
+    // enable scope hoisting
+    new webpack.optimize.ModuleConcatenationPlugin(),
+    // split vendor js into its own file
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'vendor',
+      minChunks (module) {
+        // any required modules inside node_modules are extracted to vendor
+        return (
+          module.resource &&
+          /\.js$/.test(module.resource) &&
+          module.resource.indexOf(
+            path.join(__dirname, '../node_modules')
+          ) === 0
+        )
+      }
+    }),
+    // extract webpack runtime and module manifest to its own file in order to
+    // prevent vendor hash from being updated whenever app bundle is updated
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'manifest',
+      minChunks: Infinity
+    }),
+    // This instance extracts shared chunks from code splitted chunks and bundles them
+    // in a separate chunk, similar to the vendor chunk
+    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'app',
+      async: 'vendor-async',
+      children: true,
+      minChunks: 3
+    }),
+ 
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+if (config.build.productionGzip) {
+  const CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+  webpackConfig.plugins.push(
+    new CompressionWebpackPlugin({
+      asset: '[path].gz[query]',
+      algorithm: 'gzip',
+      test: new RegExp(
+        '\\.(' +
+        config.build.productionGzipExtensions.join('|') +
+        ')$'
+      ),
+      threshold: 10240,
+      minRatio: 0.8
+    })
+  )
+}
+
+if (config.build.bundleAnalyzerReport) {
+  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
+}
+
+module.exports = webpackConfig

config/dev.env.js

+'use strict'
+const merge = require('webpack-merge')
+const prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+  NODE_ENV: '"development"'
+})

config/index.js

+'use strict'
+// Template version: 1.3.1
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+const path = require('path')
+
+module.exports = {
+  dev: {
+
+    // Paths
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    proxyTable: {
+      '/api':{
+        target: "http://127.0.0.1:90",
+        changeOrigin:true,
+        pathRewrite:{
+            '^/api':''
+        }
+      }
+    },
+
+    // Various Dev Server settings
+    host: 'localhost', // can be overwritten by process.env.HOST
+    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    autoOpenBrowser: false,
+    errorOverlay: true,
+    notifyOnErrors: true,
+    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+    
+    /**
+     * Source Maps
+     */
+
+    // https://webpack.js.org/configuration/devtool/#development
+    devtool: 'cheap-module-eval-source-map',
+
+    // If you have problems debugging vue-files in devtools,
+    // set this to false - it *may* help
+    // https://vue-loader.vuejs.org/en/options.html#cachebusting
+    cacheBusting: true,
+
+    cssSourceMap: true
+  },
+
+  build: {
+    // Template for index.html
+    index: path.resolve(__dirname, '../dist/index.html'),
+
+    // Paths
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+
+    /**
+     * Source Maps
+     */
+
+    productionSourceMap: true,
+    // https://webpack.js.org/configuration/devtool/#production
+    devtool: '#source-map',
+
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  }
+}

config/prod.env.js

+'use strict'
+module.exports = {
+  NODE_ENV: '"production"'
+}

config/test.env.js

+'use strict'
+const merge = require('webpack-merge')
+const devEnv = require('./dev.env')
+
+module.exports = merge(devEnv, {
+  NODE_ENV: '"testing"'
+})

index.html

+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title>xxxui</title>
+  <script src="//unpkg.com/vue-ydui/dist/ydui.flexible.js"></script>
+  <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
+</head>
+
+<body>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>
+<script>
+  // window.onload=function(){
+  //   var btn=document.getElementById("btn1")
+  //   btn.onclick=function(){
+  //     alert(1)
+  //   }
+  //   var btn6=document.getElementById("btn6")
+  //   btn6.onclick=function(){
+  //     alert(16)
+  //   }
+
+  // }
+ 
+  window.onload = function () {
+    $(".demo-chose").on("click", function () {
+      console.log(this)
+    })
+  }
+
+</script>

package.json

+{
+  "name": "test-zui",
+  "version": "1.0.5",
+  "description": "A Vue.js project",
+  "author": "wr <584490439@qq.com>",
+  "private": false,
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "start": "npm run dev",
+    "unit": "jest --config test/unit/jest.conf.js --coverage",
+    "e2e": "node test/e2e/runner.js",
+    "test": "npm run unit && npm run e2e",
+    "build": "node build/build.js"
+  },
+  "dependencies": {
+    "axios": "^0.19.0",
+    "vue": "^2.5.2",
+    "vue-awesome-swiper": "^3.1.3",
+    "vue-router": "^3.0.1",
+    "vue-ydui": "^1.2.6"
+  },
+  "devDependencies": {
+    "autoprefixer": "^7.1.2",
+    "babel-core": "^6.22.1",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-jest": "^21.0.2",
+    "babel-loader": "^7.1.1",
+    "babel-plugin-dynamic-import-node": "^1.2.0",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
+    "babel-plugin-transform-runtime": "^6.22.0",
+    "babel-plugin-transform-vue-jsx": "^3.5.0",
+    "babel-preset-env": "^1.3.2",
+    "babel-preset-stage-2": "^6.22.0",
+    "babel-register": "^6.22.0",
+    "chalk": "^2.0.1",
+    "chromedriver": "^2.27.2",
+    "copy-webpack-plugin": "^4.0.1",
+    "cross-spawn": "^5.0.1",
+    "css-loader": "^0.28.0",
+    "extract-text-webpack-plugin": "^3.0.0",
+    "file-loader": "^1.1.4",
+    "friendly-errors-webpack-plugin": "^1.6.1",
+    "html-webpack-plugin": "^2.30.1",
+    "jest": "^22.0.4",
+    "jest-serializer-vue": "^0.3.0",
+    "jquery": "^3.4.1",
+    "nightwatch": "^0.9.12",
+    "node-notifier": "^5.1.2",
+    "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "ora": "^1.2.0",
+    "portfinder": "^1.0.13",
+    "postcss-import": "^11.0.0",
+    "postcss-loader": "^2.0.8",
+    "postcss-url": "^7.2.1",
+    "rimraf": "^2.6.0",
+    "selenium-server": "^3.0.1",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.6",
+    "uglifyjs-webpack-plugin": "^1.1.1",
+    "url-loader": "^0.5.8",
+    "vue-jest": "^1.0.2",
+    "vue-loader": "^13.3.0",
+    "vue-style-loader": "^3.0.1",
+    "vue-template-compiler": "^2.5.2",
+    "webpack": "^3.6.0",
+    "webpack-bundle-analyzer": "^2.9.0",
+    "webpack-dev-server": "^2.9.1",
+    "webpack-merge": "^4.1.0"
+  },
+  "engines": {
+    "node": ">= 6.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "main": "src/packages/index.js",
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}

src/App.vue

+<template>
+  <div id="app">
+    <component
+      v-for="(item ,index) of comlist"
+      :is="item.name"
+      :key="index"
+      :dataSource="item.dataSource"
+      :uiConfig="item.uiConfig"
+    ></component>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "App",
+  data() {
+    return { comlist: [], d: "index" };
+  },
+  created() {
+    if (!this.getQueryVariable("d")) {
+      this.d = "login";
+    } else {
+      this.d = this.getQueryVariable("d");
+    }
+
+    this.$get(`/api/api/${this.d}.json?t=` + Math.random()).then(res => {
+      console.log(res);
+      this.comlist = res;
+    });
+  },
+  methods: {
+    getQueryVariable(variable) {
+      var query = window.location.search.substring(1);
+      var vars = query.split("&");
+      for (var i = 0; i < vars.length; i++) {
+        var pair = vars[i].split("=");
+        if (pair[0] == variable) {
+          return decodeURI(pair[1]);
+        }
+      }
+      return false;
+    }
+  }
+};
+</script>
+
+<style>
+#app {
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #2c3e50;
+}
+</style>

src/assets/bus.js

+import Vue from 'Vue'
+
+export default new Vue
\ No newline at end of file

src/assets/iconfont/demo.css

+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/assets/iconfont/demo_index.html

+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>IconFont Kv</title>
+  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1313528" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe643;</span>
+                <div class="name">快递</div>
+                <div class="code-name">&amp;#xe643;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe640;</span>
+                <div class="name">报告</div>
+                <div class="code-name">&amp;#xe640;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">钱</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe602;</span>
+                <div class="name">首页-选中</div>
+                <div class="code-name">&amp;#xe602;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe613;</span>
+                <div class="name">标准</div>
+                <div class="code-name">&amp;#xe613;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68c;</span>
+                <div class="name">积分</div>
+                <div class="code-name">&amp;#xe68c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe603;</span>
+                <div class="name">我 的</div>
+                <div class="code-name">&amp;#xe603;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63d;</span>
+                <div class="name">不合格</div>
+                <div class="code-name">&amp;#xe63d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63e;</span>
+                <div class="name">合格</div>
+                <div class="code-name">&amp;#xe63e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68d;</span>
+                <div class="name">快递</div>
+                <div class="code-name">&amp;#xe68d;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#iconfont') format('svg');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kuaidi"></span>
+            <div class="name">
+              快递
+            </div>
+            <div class="code-name">.icon-kuaidi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-baogao"></span>
+            <div class="name">
+              报告
+            </div>
+            <div class="code-name">.icon-baogao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qian"></span>
+            <div class="name">
+              钱
+            </div>
+            <div class="code-name">.icon-qian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yemian"></span>
+            <div class="name">
+              首页-选中
+            </div>
+            <div class="code-name">.icon-yemian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-biaozhun"></span>
+            <div class="name">
+              标准
+            </div>
+            <div class="code-name">.icon-biaozhun
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jifen"></span>
+            <div class="name">
+              积分
+            </div>
+            <div class="code-name">.icon-jifen
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wodedangxuan"></span>
+            <div class="name">
+              我 的
+            </div>
+            <div class="code-name">.icon-wodedangxuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-buhege"></span>
+            <div class="name">
+              不合格
+            </div>
+            <div class="code-name">.icon-buhege
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-hege"></span>
+            <div class="name">
+              合格
+            </div>
+            <div class="code-name">.icon-hege
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kuaidi-copy"></span>
+            <div class="name">
+              快递
+            </div>
+            <div class="code-name">.icon-kuaidi-copy
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kuaidi"></use>
+                </svg>
+                <div class="name">快递</div>
+                <div class="code-name">#icon-kuaidi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-baogao"></use>
+                </svg>
+                <div class="name">报告</div>
+                <div class="code-name">#icon-baogao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qian"></use>
+                </svg>
+                <div class="name">钱</div>
+                <div class="code-name">#icon-qian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yemian"></use>
+                </svg>
+                <div class="name">首页-选中</div>
+                <div class="code-name">#icon-yemian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biaozhun"></use>
+                </svg>
+                <div class="name">标准</div>
+                <div class="code-name">#icon-biaozhun</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jifen"></use>
+                </svg>
+                <div class="name">积分</div>
+                <div class="code-name">#icon-jifen</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wodedangxuan"></use>
+                </svg>
+                <div class="name">我 的</div>
+                <div class="code-name">#icon-wodedangxuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-buhege"></use>
+                </svg>
+                <div class="name">不合格</div>
+                <div class="code-name">#icon-buhege</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-hege"></use>
+                </svg>
+                <div class="name">合格</div>
+                <div class="code-name">#icon-hege</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kuaidi-copy"></use>
+                </svg>
+                <div class="name">快递</div>
+                <div class="code-name">#icon-kuaidi-copy</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

src/assets/iconfont/iconfont.css

+@font-face {
+  font-family: "iconfont";
+  src: url('iconfont.eot?t=1568618219882');
+  /* IE9 */
+  src: url('iconfont.eot?t=1568618219882#iefix') format('embedded-opentype'),
+    /* IE6-IE8 */
+    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAucAAsAAAAAFRwAAAtMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEFgqbcJYTATYCJAMsCxgABCAFhG0HgQkbXBEjUrASyP7qwDycLpw1Y7YIFsGyQ9rm8fh48Vk7VtpP3tBF0n4Onof9vefi042rUoITGMkS/pbE0NfKSoZCfgEAY9xpG4f58LTNf8dh3cFE5TjC2iTsmkkYiRfqWl0HukDX8Df9G/RPG12HvSpCf3T64Zy/7QMaccIU5ewnjz7wkl4hlwIOrbkqotG0LTQs5rv5vUzMMH2Ge5JEyIQk4u2XWEQ8QknUjMFy24EV9DIxYfqsqyFAnCrtyNTM7CpRHIYJ2pwdH24TzUnxlkQhKgjXHOnIIyGieqXvwEP4+/JLrzQoIYNda/Fgeo+xD72zVtBaswvO7amB1XpgQDvgK/K+VnQJXA7JRvx+zhqQJooS/vDCyNjkXRDY1haG80G3fZlbSJPnwUUKOBGMp7ASQ5+OafufF4bhSYRe1sThQ2UpHD6sFBH4cIwyUYCYEIhhiImCGIGYGIgxYNgiJiFGQNxCTBjEHTTEYXhCH1EGZsFXIfQPYJ4FrRJ6dSiyXidKmRIaNifn7Bzqa6s1K+HKeKqYnuxh2TiGcVmBBEGERoCwE2+BLzPQK8mLxSwipEnERhi34iBveG3T6i1NbTtgch7KQGTgcroWoUykTXeDb8QIk26QS9mGdFf4hEnae0N7E9VfF9FGyUAM6VDMhE5s4Hb7rbZnLtL5AYU4P6I8nrrbOWa8fwzq8aj0EiNmNONm2fWMi1l9QYDxbPgAOumarR0RG7Gr9frh9iEEoc3arOMS1IXMWoxE0MiBogB5DQMwitGhH8Yh1NztC/EQqG1IF9lisDj6cJyhvSlBIfswiuodAKBvtyHYODBs461/kn/aEwqLde7s/mgTz8AdFF9xUgytK+5mpYv0tBol90iaoXUWjBBOIjXdTbmLxtwRMDnpyRiQmXGaJFBwaZ9xMy72VDRA5Exs8jiNQCiZ5iSyPbSLzHRTBBLah+ohCIHYO5G2EeeXRa+6XHqPJ8ztppzOjbc9tNkugpxOIt8UuFyk3tNktkFf98T0XkDc7qV1+6A2N7T+llvnzHVqyZuj753vaSduxJ5yZ1/3JJx0ZV3RcHT9PJvI46H1rlIjJtmuZ4009LbqeDyTCa8yoy5X1spt5BqQZQkJLWUcXZNZL9Jxb4FqsGJGNEA/LLym+ppbqWE97LbY6aRSvJESRAlG8AQB8JCrZRKhSCzliyW0TALhUiFfLCAfu53OcKzH43HNpTGRTCoUSwX8xfHY5rHiBbxhAQKeXbhponXGCkVEL7FM0v8PKJ07mvvI5fFE8JzOhc5PCNenpOdz2v3ZjvvcRiwFXIlAJBNS1nwqFFFU30VMZJKm84WiciEhoC1nIo3YcBhJyyiClPFoSkgLKFxqGanymHGM5hnRBULSZJTQA6I+mQnvldpFUm4qLrbwedxQcYhYILNquUbMLkySUUC4gJOskYHJKLWBa+IlQsvDhXViQ+FCsPpx56C0jwZ/8jKQMcscyXPZVKjHJpZ5GcM9Pq7BT0LCH0LakWOaPCOlMRfUJtMCouixhdmO4BerpSXmZgekQ2JtVRlfXVv9pq31rRoW/f8e9X/PtXSw9O0CaCQx6P9be0BZbOeGzl/+6PyzE3J0DnV+vKJzZSdz8wFRCsqE97R9KXm+u0tE/BE/yi7qn5o3UjJSRPx04y5Of7h4VMtO7zrQ0VW5J0h7HmHN3wtKmA98p8YBIoABiQiUFP17mHpS1/JdcjhUU3BGWN+j5tQG7ExAe3rQhJ0BtZzNHSsEZ2oKoPDk7+paTp0M58jD5ZxYhdwWRoYOrV7FvYZCl4YNKeSxlestkZT/IA+T/1Ce5Z/V+mepFp9KJQERKQnq9KKDmx2s9JHBpftCrU+fv8V8hDVj72JvTY84QrX3R9LYDtBdeIhtwMqRhYn5y3nHT2y4bN329cvvnt/ALYIWxnDLDWxLYVyTZIkEisBnGv5fCrYzJrJCVqRcVyRVpK2Nis1dExWalEnDxWU/+k60MDY2csIyY1sCVRXKio/fjq9NjE8UBbwwF3o74yfn2IoeBlUkx6fs3+XgLpTKrVHycbWwOkDdQ+7MKy2eiLcXBXECz6+Mg+NW307QHoxzxgHwkd9S1aWoR6LjMpUfXPQ23QtxoK/sb9Iui61kvOUAR30KZshu0APerWcWHmw9V1Qx/GPTQbjw7fpeEBwxW3l00zH+CHX9HhHRU3Bx9Vrp/7CKpIG3yCWRq0UGWVXrgWn0msUdH5+yKil1XUuLjKCUn3/LFpB5RsVnN2p+LZn92oeP7bNS13C2/rrFryF5Sx93eb1E05hcMAelQIQQDjU8H+licRRg22wmkbLGHLBQoKEQ+4ZisCkMBuqkFcc584IoyIvvFZTkFdL54NoRlo/Gd4OJNT0ZZvFJJO0cAUcVGNi03k6mcDURbzYx9u9nKH7TUtQEcV7aMJSENm6ESAAKVR/aYF81tGoVBH41hehDG4gaIY0GAr+RQvDoYwELVrFrN2+qYcujo18SKqKw/5THR9SjQ60+rdztMTULbn10rYzeELkx6BOfhu+bI0NS0bqWjrZl323OYomD1XXdAR90w9MzMFzd09PdTC6ZmSZnnZlpnfMvES1MZdemVrxOzAd2+PFj2A6goRLDT2injLBl724+3jnvygm17GLvwTSZSuCx8TXX3OPxR5zqHc21g6NMmMEc42qYMWpwRgp0R1bKpovwDz8yL1IA0UUY+I8pIP60dKRlYd8pj59Rj74W+11zZHAaWtxyjKsJa+QtuvTP5/SrXbXJe3XdmXYFv/5Yiuee7sOQui/q7omqNDGyoQMrxMvAdvWtDuZuzR5vS1R/dt+qi5wXnvPh07DdZ+WSV9f/xuz1jf/wwrnQkJTEe6yU5F2sdtaM7JOzh84qD2GciNyrr4SDBZaw+qVkDqHk4HJL1tEoB1+ZltNwbiCoaPPk+ZpLlsYtm4bnLjxSBQI5m7OCuQ7U8uZXzUAEq7hFz85ueGYGkPJSrjMjClMWIBcsmMQrI3TZt817S8fmr2v3mdrRwbj/6jJf1Zw9426bcMyFAAj2HvkjYadbv+78aKicXh+5KegTPT4b4nfL5kbweQ7dAnV7c6pKEc37Nv1tMY4czr57Spz3/3WRIWKR0zvHby3CsavCqlbPBkgtB4twqS8jPvCv1kaNryp074aS336BjpRnx314YTzOqbQFFyevZbeHfCF1nrWcTT/kFRYRd/WlcGjdobCGbfJsggR8xaHsI5GDQaY0Z9X5fl81T/XUXB4s29JxfW7V7kWggKH9T619Hky/LQ1mgvyfIbDnFtj1AWCN/t/DZMB7QnTjIZEcWYedhluzbjkOF2ft9WVYm3XVe3B+1lnvwqqsiz6Ay2vbE4I7fsq2AqtQy81F/rm/+qL/bitm+uivCes6eMenN85o0kGAHy4xE9oF/M87chnLBpOywiFLztWtAJXQT3Ic2EcInwPAz5YxELxHSKw3+zeSxNI8Bj6EILguVIyYCI3N8wIlFXkjND8PIQaojkcJApsADOR+AIBosB95EBxwOo/BLG4jGKGPEBOh7+Z5wQPf8r0RC8F5CBQUdEYUKcTj57cBaoIlvRMbCU4opueo7Tf83KqBcBc7/WMYWQIVaX6u+0LAYGOfcfHlNDlyg3T0GeyBthWKg9QwU1qhNl6zzG32TY10p2cmB6hJF7Wkd0Y2Etzy03Pp57/h51YNLQMeGP8xjLx6KtK8R+AXHnoNeC/UcfHlRNSOpHuQLiY/qRotrxaK9ZvVMFNajXDHa0Ymcn3x9Ppk935z/xUHYbSgspBkUxyay+MzET6dFVu+10q8oN72rML9js6IHrU6pxzVHO5qdgivq1hYFfw2NzfVcwWPWxAvo5smRuJ+OgEAAAA=') format('woff2'),
+    url('iconfont.woff?t=1568618219882') format('woff'),
+    url('iconfont.ttf?t=1568618219882') format('truetype'),
+    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+    url('iconfont.svg?t=1568618219882#iconfont') format('svg');
+  /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-kuaidi:before {
+  content: "\e643";
+}
+
+.icon-baogao:before {
+  content: "\e640";
+}
+
+.icon-qian:before {
+  content: "\e604";
+}
+
+.icon-yemian:before {
+  content: "\e602";
+}
+
+.icon-biaozhun:before {
+  content: "\e613";
+}
+
+.icon-jifen:before {
+  content: "\e68c";
+}
+
+.icon-wodedangxuan:before {
+  content: "\e603";
+}
+
+.icon-buhege:before {
+  content: "\e63d";
+}
+
+.icon-hege:before {
+  content: "\e63e";
+}
+
+.icon-kuaidi-copy:before {
+  content: "\e68d";
+}

src/assets/iconfont/iconfont.js

+!function(h){var l,t='<svg><symbol id="icon-kuaidi" viewBox="0 0 1025 1024"><path d="M768 1024l-339.134021-254.680412 467.134021-641.319588-600.412371 541.030928-294.268041-220.371134 1024-447.340206-257.319588 1022.680412z m-512 0v-256l191.340206 128-191.340206 128z" fill="#ffffff" ></path></symbol><symbol id="icon-baogao" viewBox="0 0 1024 1024"><path d="M75.463 595.103h142.976v367.813H75.463V595.103z m244.902-136.68h142.976v504.494H320.365V458.423zM577.79 536.67h142.976v426.462H577.79V536.67z m227.772-190.888h142.976v617.35H805.562v-617.35z m71.49-285.227c-35.383 0-64.066 28.683-64.066 64.066 0 3.482 1.448 6.488 1.982 9.818l-127.915 123.92c-9.949-6.355-21.09-10.988-33.772-10.988-24.626 0-45.339 14.351-56.064 34.72L452.244 253.54c-7.965-26.32-31.467-45.853-60.389-45.853-31.231 0-56.026 22.789-61.703 52.362l-145.173 87.04c-10.749-8.152-23.497-13.864-38.028-13.864-35.383 0-64.066 28.688-64.066 64.07s28.684 64.066 64.066 64.066c31.236 0 56.039-22.797 61.707-52.378l145.152-87.031c10.749 8.164 23.505 13.872 38.044 13.872 17.206 0 32.677-6.975 44.187-18.016l167.312 33.045c11.749 13.598 28.546 22.65 47.929 22.65 31.79 0 56.994-23.574 62.022-53.939l144.701-134.721c6.113 1.938 12.291 3.844 19.047 3.844 35.383 0 64.066-28.683 64.066-64.065 0-35.383-28.684-64.067-64.066-64.067z"  ></path></symbol><symbol id="icon-qian" viewBox="0 0 1024 1024"><path d="M861.457067 348.842667c75.8784 76.936533 122.436267 165.376 122.436266 263.406933 0 272.418133-211.387733 402.090667-466.2272 402.090667h-9.4208c-254.805333 0-466.2272-129.672533-466.2272-402.090667 0-98.030933 46.592-186.4704 122.4704-263.3728a617.984 617.984 0 0 1 82.1248-70.382933 160.426667 160.426667 0 0 1 13.1072-9.045334c-40.277333-20.138667-67.003733-56.32-67.003733-98.030933 0-65.8432 64.887467-116.087467 141.824-116.087467 17.783467 0 33.9968 3.003733 48.64 8.533334 7.338667 2.525867 12.561067 5.0176 16.759467 7.509333 2.082133 1.024 7.850667-0.477867 9.9328-2.9696 5.768533-8.533333 14.677333-18.602667 27.204266-29.149867 21.845333-18.295467 47.377067-30.242133 75.8784-32.699733 28.535467 2.4576 54.0672 14.404267 75.8784 32.699733 12.561067 10.5472 21.469867 20.5824 27.204267 29.149867 2.116267 2.491733 7.850667 3.9936 9.966933 3.003733a86.357333 86.357333 0 0 1 16.725334-7.509333 136.874667 136.874667 0 0 1 48.674133-8.567467c76.9024 0 141.789867 50.244267 141.789867 116.087467 0 41.745067-26.692267 77.9264-66.9696 98.030933 4.1984 2.525867 8.362667 5.5296 13.073066 9.045334 28.2624 20.138667 55.978667 43.7248 82.158934 70.382933z m-213.538134 249.514666c20.753067 0 37.546667-16.657067 37.546667-37.1712 0-20.48-16.7936-37.137067-37.546667-37.137066h-44.270933l69.973333-69.256534a36.864 36.864 0 0 0 0-52.5312 37.853867 37.853867 0 0 0-53.077333 0l-107.588267 106.3936-107.554133-106.3936a37.888 37.888 0 0 0-53.111467 0 36.864 36.864 0 0 0 0 52.565334l69.973334 69.2224h-43.9296c-20.753067 0-37.546667 16.622933-37.546667 37.137066 0 20.514133 16.7936 37.137067 37.546667 37.137067h97.0752v37.137067h-75.093334c-20.718933 0-37.546667 16.622933-37.546666 37.137066 0 20.48 16.827733 37.137067 37.546666 37.137067h75.093334v57.1392c0 20.514133 16.827733 37.137067 37.546666 37.137067 20.753067 0 37.546667-16.622933 37.546667-37.137067v-57.1392h71.7824c20.753067 0 37.546667-16.622933 37.546667-37.137067 0-20.514133-16.7936-37.137067-37.546667-37.137066H550.570667v-37.137067h97.3824z" fill="#FAA207" ></path></symbol><symbol id="icon-yemian" viewBox="0 0 1024 1024"><path d="M562.80517578 80.6975a72.135 72.135 0 0 0-96.93017578 0L73.925 452.86982422a36.1575 36.1575 0 0 0 48.42 53.7075l6.2325-5.9175V889.1a72.315 72.315 0 0 0 72.315 72.405h210.44267578v-217.71035156a50.9175 50.9175 0 0 1 50.94-50.985h99.02285156a50.9175 50.9175 0 0 1 50.94 50.985v217.71035156h215.4375a72.315 72.315 0 0 0 72.3375-72.405V505.40732422c16.065 14.535 38.8575 13.4325 52.2225-1.4625a36.1575 36.1575 0 0 0-2.61-51.075L562.80517578 80.72Z" fill="#e6e6e6" ></path></symbol><symbol id="icon-biaozhun" viewBox="0 0 1024 1024"><path d="M674.638 829.62c38.112-26.732 68.42-55.934 90.23-86.554 35.615-50.046 47.534-98.275 47.534-156.48v-349.1c-6.67 0.228-13.508 0.341-20.858 0.341-83.15 0-152.748-16.403-208.512-42.852a323.772 323.772 0 0 1-51.224-30.01 190.59 190.59 0 0 1-21.567-17.808c-5.634 4.57-13.168 11.082-23.413 18.517a322.282 322.282 0 0 1-55.395 31.87c-59.595 27.2-134.515 42.823-224.503 39.942V586.6c0 58.205 11.905 106.434 47.534 156.48 21.795 30.62 52.103 59.822 90.23 86.555 43.83 30.762 99.353 59.24 164.965 84.426 65.611-25.186 121.148-53.664 164.979-84.426z m-84.54-745.094c9.606 6.967 21.426 14.047 35.502 20.716 42.766 20.262 97.863 33.246 165.93 33.246 6.697 0 12.77-0.114 18.73-0.312l101.453-3.463v451.873c0 77.133-16.73 144.972-65.938 214.088-28.662 40.27-67.115 77.29-114.082 110.251-51.039 35.814-113.855 68.01-186.76 95.977l-35.274 13.536-17.808-6.839-17.453-6.697c-72.933-27.953-135.72-60.163-186.76-95.962-46.966-32.962-85.419-69.996-114.081-110.251-49.209-69.13-65.952-136.984-65.952-214.131V134.742l51.35 1.745 50.075 1.703c74.934 2.525 135.04-9.947 181.169-31.004a223.482 223.482 0 0 0 38.325-21.937c5.18-3.746 8.457-6.513 9.848-7.832L509.73 0.028l70.904 77.006c1.56 1.419 4.71 4.044 9.464 7.478z"  ></path><path d="M352.654 297.394h46.768v80.822h47.676v45.86h-47.676v27.243a1234.044 1234.044 0 0 1 64.022 69.471l-26.79 40.411c-14.075-22.702-26.335-41.773-37.232-57.21v212.498h-46.768V518.974c-12.714 33.6-27.697 65.384-44.952 94.444l-20.432-51.763c29.513-40.41 51.308-86.27 64.93-137.58h-49.946v-45.859h50.4v-80.822zM487.055 503.99l43.136 9.535c-14.076 63.568-34.055 118.055-60.39 164.37l-41.32-26.336a486.977 486.977 0 0 0 58.574-147.569z m178.899-4.086a1518.341 1518.341 0 0 1 45.406 163.46l-43.59 19.525c-13.621-63.568-28.151-119.417-44.043-168.456l42.227-14.53z m-109.882 211.59h-45.86l-9.99-44.043c14.077 1.816 27.244 2.724 39.958 2.724 10.443 0 15.892-6.356 15.892-18.162V473.114H450.731v-45.406h258.813v45.406h-106.25V663.82c0 31.784-15.892 47.676-47.222 47.676z m-81.73-392.76v44.952h211.59v-44.952h-211.59z"  ></path></symbol><symbol id="icon-jifen" viewBox="0 0 1024 1024"><path d="M0.904 156.551c0 55.929 74.15 107.58 194.5 135.53 120.32 28.01 268.588 28.01 388.908 0 120.35-27.95 194.47-79.601 194.47-135.53C778.782 70.114 604.672 0 389.872 0 175.045 0 0.905 70.084 0.905 156.551z m532.118 340.691C588.8 454.234 649.396 419.6 755.38 415.924c18.221-15.209 24.124-30.358 25.48-53.91V219.979c-5.421 84.33-177.092 152.486-388.94 152.486C180.104 372.465 0.965 302.29 0.965 215.913V350.84c0 87.07 174.38 157.214 388.909 157.214 56.47 0.211 96.436-1.747 143.149-10.812zM0.904 404.842v134.956c0 86.378 174.38 156.552 388.908 156.552h28.371c3.494-47.436 29.154-97.4 62.314-138.09-33.25 3.584-57.224 5.813-90.654 5.813C175.285 564.103 0.903 493.93 0.903 404.841zM389.39 756.614C173.899 756.615 0 689.242 0 600.275V735.05c0 86.287 174.592 156.37 389.42 156.37h53.64c-22.287-39.243-29.093-82.823-29.093-134.806H389.42zM945.362 565.79a268.228 268.228 0 0 0-379.422 0 268.438 268.438 0 0 0 0 379.572 268.228 268.228 0 0 0 379.452 0.03 268.499 268.499 0 0 0 0-379.602zM816.61 822.753c-27.226 27.227-48.79 55.658-62.735 81.107-13.944-25.45-35.538-53.91-62.735-81.107-27.196-27.226-55.657-48.79-81.076-62.765 25.419-13.944 53.88-35.539 81.076-62.765 27.227-27.226 48.79-55.657 62.735-81.107 13.945 25.45 35.54 53.91 62.735 81.107 27.227 27.226 55.658 48.79 81.107 62.765-25.42 13.945-53.91 35.54-81.107 62.765z" fill="#F6D349" ></path></symbol><symbol id="icon-wodedangxuan" viewBox="0 0 1024 1024"><path d="M907.264 966.656H114.688c-16.384 0-32.768-8.192-43.008-20.48-10.24-14.336-14.336-30.72-10.24-47.104 40.96-208.896 210.944-364.544 415.744-380.928 68.608 0 142.848 8.704 217.088 38.912 21.504 8.704 28.672 14.336 40.96 20.48 118.784 67.584 200.704 184.32 227.328 321.536 4.096 16.384 0 32.768-12.288 47.104-10.24 12.288-26.624 20.48-43.008 20.48z" fill="#1296db" ></path><path d="M115.712 933.376c-6.656 0-12.8-2.56-16.384-7.168-0.512-0.512-0.512-1.024-1.024-1.536-5.12-5.12-5.632-13.824-4.608-18.944 37.888-194.56 197.12-340.48 387.584-354.304h15.36c91.648 0 179.712 28.672 222.72 55.808C832 674.816 907.264 780.8 930.816 905.728c1.024 7.168-0.512 13.824-5.632 20.48-3.584 4.608-9.728 7.168-16.384 7.168H115.712z" fill="#1296db" ></path><path d="M496.64 563.712c89.088 0 174.592 27.648 216.064 53.76h0.512c109.568 65.024 182.272 167.936 204.8 289.792 0.512 2.56 0.512 6.144-3.584 10.752-0.512 1.024-3.072 2.048-6.144 2.048H115.712c-3.072 0-5.632-1.024-6.144-2.048-0.512-1.024-1.536-2.048-2.56-2.56-1.024-1.024-2.048-4.096-1.024-7.68 36.864-188.928 190.976-330.24 375.808-344.064 4.608 0.512 9.728 0 14.848 0m0-25.6c-5.12 0-10.752 0-15.872 0.512C284.16 552.96 120.32 702.464 81.408 903.168c-2.048 10.24 0 22.528 8.192 30.72 6.144 8.192 16.384 12.288 26.624 12.288H908.8c10.24 0 20.48-4.096 26.624-12.288 6.144-8.192 10.24-18.432 8.192-30.72-24.576-131.072-102.4-238.592-217.088-307.2-43.52-27.136-132.608-57.856-229.888-57.856zM512 536.576c-129.024 0-235.52-106.496-235.52-235.52S382.976 65.536 512 65.536s235.52 106.496 235.52 235.52S641.024 536.576 512 536.576z" fill="#1296db" ></path><path d="M512 503.296c-111.616 0-202.24-90.624-202.24-202.24S400.384 98.816 512 98.816s202.24 90.624 202.24 202.24-90.624 202.24-202.24 202.24z" fill="#1296db" ></path><path d="M512 111.616c104.448 0 189.44 84.992 189.44 189.44S616.448 490.496 512 490.496s-189.44-84.992-189.44-189.44 84.992-189.44 189.44-189.44m0-25.6c-118.784 0-215.04 96.256-215.04 215.04s96.256 215.04 215.04 215.04 215.04-96.256 215.04-215.04S630.784 86.016 512 86.016z" fill="#1296db" ></path></symbol><symbol id="icon-buhege" viewBox="0 0 1024 1024"><path d="M350.14656 276.74624l16.93696-13.7216 22.17984 1.6384-8.47872-19.5584 8.47872-19.5584-22.17984 1.6384-16.93696-13.74208-5.2224 20.5824-18.96448 11.07968 18.96448 11.0592 5.2224 20.5824zM485.74464 228.6592l20.97152-5.9392 19.74272 10.26048-0.1024-21.31968 15.54432-14.62272-21.05344-7.24992-10.1376-19.29216-12.9024 16.83456-21.79072 2.72384 13.04576 17.65376-3.31776 20.95104zM660.43904 331.32544a238.592 238.592 0 0 0-385.536 139.5712l14.9504 2.8672a223.37536 223.37536 0 0 1 360.93952-130.6624zM658.6368 253.41952l15.68768 15.7696 6.38976-20.33664 19.23072-9.216-17.83808-13.29152-3.80928-21.48352-17.408 12.14464-21.58592-4.07552 7.0656 20.7872-9.5232 18.98496 21.79072 0.7168zM257.37216 356.02432l14.92992 15.09376 7.61856-20.41856 19.94752-9.85088-17.22368-12.53376-2.62144-21.17632-18.28864 12.67712-21.54496-3.25632 5.91872 20.3776-10.71104 19.16928 21.97504-0.08192z" fill="#FF5400" ></path><path d="M509.21472 131.072C297.10336 131.072 124.53888 303.7184 124.53888 515.85024s172.56448 384.67584 384.67584 384.67584 384.69632-172.544 384.69632-384.67584S721.34656 131.072 509.21472 131.072z m285.75744 550.66624l-15.81056-13.96736-6.144 20.86912-19.0464 11.18208 17.94048 11.28448 4.096 20.86912 17.18272-13.88544 21.34016 1.69984a367.24736 367.24736 0 0 1-305.29536 163.328c-202.52672 0-367.28832-164.74112-367.28832-367.26784S306.70848 148.56192 509.2352 148.56192 876.544 313.344 876.544 515.85024a365.2608 365.2608 0 0 1-61.82912 203.73504l-7.22944-19.61984 9.23648-19.82464z" fill="#FF5400" ></path><path d="M672.768 772.03456l-16.7936 13.68064-22.016-1.61792 8.43776 19.49696-8.43776 19.51744 22.016-1.61792 16.7936 13.70112 5.18144-20.52096 18.78016-11.0592-18.78016-11.0592-5.18144-20.52096zM509.21472 739.18464a223.58016 223.58016 0 0 1-141.55776-50.60608L357.9904 700.416a238.57152 238.57152 0 0 0 385.55648-139.5712l-14.9504-2.84672a223.45728 223.45728 0 0 1-219.38176 181.18656z" fill="#FF5400" ></path><path d="M509.21472 57.09824c-252.96896 0-458.752 205.80352-458.752 458.752s205.78304 458.752 458.752 458.752 458.752-205.80352 458.752-458.752-205.78304-458.752-458.752-458.752z m0 887.05024C273.05984 944.128 80.91648 752.00512 80.91648 515.85024S273.05984 87.552 509.21472 87.552s428.29824 192.12288 428.29824 428.29824S745.472 944.128 509.21472 944.128z" fill="#FF5400" ></path><path d="M538.43968 809.49248l-20.80768 5.91872-19.57888-10.24 0.08192 21.27872-15.38048 14.60224 20.86912 7.20896 10.05568 19.2512 12.8-16.81408 21.62688-2.68288-12.94336-17.6128 3.2768-20.91008zM376.19712 785.42848l-15.52384-15.70816-6.38976 20.29568-19.10784 9.216 17.67424 13.23008 3.72736 21.4016 17.3056-12.12416 21.4016 4.01408-6.9632-20.72576 9.50272-18.90304-21.62688-0.69632zM377.05728 663.552l-32.23552-90.7264c24.04352 8.97024 53.39136 20.62336 68.42368 30.08512l15.7696-28.95872c-18.65728-10.24-55.02976-21.7088-78.90944-29.67552l-9.6256 16.384-6.2464-17.59232c1.55648-6.144 2.8672-12.47232 4.096-18.69824l56.97536-20.2752-9.78944-27.56608-162.46784 57.7536 9.80992 27.56608 69.75488-24.7808c-7.04512 32.93184-24.71936 69.4272-51.83488 95.744a181.61664 181.61664 0 0 1 27.25888 18.04288 224.89088 224.89088 0 0 0 39.79264-60.43648l29.71648 83.6608zM581.44768 590.00832l28.85632-10.24-27.81184-78.27456-122.88 43.68384 28.07808 79.01184L515.2768 614.4l-2.3552-6.67648 66.41664-23.61344z m-77.35296-7.10656L495.616 558.85824l66.41664-23.61344 8.56064 24.04352zM510.42304 440.60672l3.13344-10.50624-28.44672-3.85024c-9.66656 36.16768-37.49888 70.4512-66.49856 95.55968a122.75712 122.75712 0 0 1 28.672 17.94048c6.26688-6.41024 12.41088-13.16864 18.432-20.48l3.09248 8.704L561.152 495.06304l-4.34176-12.288c10.24 1.78176 19.82464 2.94912 29.47072 3.70688a88.1664 88.1664 0 0 1 9.68704-31.232 207.5648 207.5648 0 0 1-85.54496-14.6432z m-26.95168 54.3744a275.33312 275.33312 0 0 0 16.93696-29.77792 252.76416 252.76416 0 0 0 32.768 12.0832zM697.9584 467.51744a182.80448 182.80448 0 0 0 33.83296-32.6656 184.81152 184.81152 0 0 0 56.50432 1.80224 114.176 114.176 0 0 1-0.63488-28.672 164.5568 164.5568 0 0 1-40.1408 2.9696 132.7104 132.7104 0 0 0 14.86848-54.90688l-20.35712-3.7888-4.096 2.51904-39.56736 14.0288c0.34816-4.3008 0.77824-8.3968 0.75776-12.55424l-25.4976 1.55648a109.85472 109.85472 0 0 1-14.70464 54.82496l-2.74432-7.7824-14.80704 5.26336-12.04224-33.85344-25.53856 9.07264 12.04224 33.87392-20.35712 7.22944 8.8064 24.80128 17.408-6.144c3.03104 21.42208 3.42016 47.75936-1.20832 64.6144a167.54688 167.54688 0 0 1 21.64736 23.36768 155.79136 155.79136 0 0 0 1.92512-34.44736L666.2144 561.152l25.53856-9.07264-31.82592-89.55904c4.85376 4.3008 9.29792 8.56064 12.5952 11.9808l4.096-11.44832a109.89568 109.89568 0 0 1 11.59168 11.50976l1.536-0.96256 24.576 69.20192 25.35424-9.0112-3.62496-10.24 40.71424-14.45888 3.33824 9.44128 26.8288-9.54368-25.31328-71.24992z m32.31744-83.82464a90.91072 90.91072 0 0 1-10.60864 22.3232 78.49984 78.49984 0 0 1-22.528-10.5472z m-51.65056 63.488c-6.28736-3.584-18.14528-10.01472-25.16992-13.35296l11.4688-4.096-6.144-17.01888a175.57504 175.57504 0 0 1 22.38464 16.65024q2.80576-5.36576 5.36576-11.30496a140.73856 140.73856 0 0 0 16.75264 8.43776 183.97184 183.97184 0 0 1-24.65792 20.5824z m49.152 53.248l-5.38624-15.17568 40.71424-14.47936 5.38624 15.17568z" fill="#FF5400" ></path></symbol><symbol id="icon-hege" viewBox="0 0 1024 1024"><path d="M275.08736 367.26784l7.61856-20.41856 19.94752-9.8304-17.22368-12.55424-2.62144-21.15584-18.28864 12.65664-21.54496-3.25632 5.91872 20.3776-10.71104 19.16928 21.97504-0.06144 14.92992 15.07328zM352.93184 272.91648l16.93696-13.74208 22.17984 1.6384-8.47872-19.5584 8.47872-19.5584-22.17984 1.6384-16.93696-13.74208-5.2224 20.5824-18.96448 11.07968 18.96448 11.07968 5.2224 20.5824z" fill="#44B564" ></path><path d="M512 127.30368C299.88864 127.30368 127.32416 299.86816 127.32416 512S299.88864 896.69632 512 896.69632 896.69632 724.13184 896.69632 512 724.13184 127.30368 512 127.30368zM797.75744 677.888l-15.81056-13.94688-6.144 20.84864-19.0464 11.18208 17.94048 11.28448 4.096 20.86912 17.2032-13.88544 21.31968 1.69984A367.24736 367.24736 0 0 1 512 879.26784c-202.52672 0-367.28832-164.74112-367.28832-367.26784S309.49376 144.71168 512 144.71168 879.3088 309.47328 879.3088 512a365.19936 365.19936 0 0 1-61.82912 203.73504l-7.22944-19.61984 9.23648-19.82464z" fill="#44B564" ></path><path d="M488.52992 224.82944l20.97152-5.9392 19.74272 10.24-0.08192-21.31968 15.50336-14.62272-21.03296-7.24992-10.1376-19.29216-12.9024 16.85504-21.79072 2.70336 13.04576 17.65376-3.31776 20.97152zM661.42208 249.56928l15.68768 15.7696 6.38976-20.33664 19.23072-9.216-17.83808-13.29152-3.80928-21.46304-17.408 12.12416-21.58592-4.07552 7.08608 20.80768-9.54368 18.96448 21.79072 0.7168z" fill="#44B564" ></path><path d="M512 53.248C259.05152 53.248 53.248 259.05152 53.248 512s205.80352 458.752 458.752 458.752 458.752-205.80352 458.752-458.752S764.96896 53.248 512 53.248z m0 887.05024c-236.15488 0-428.29824-192.14336-428.29824-428.29824S275.84512 83.70176 512 83.70176 940.29824 275.84512 940.29824 512 748.17536 940.29824 512 940.29824z" fill="#44B564" ></path><path d="M277.68832 467.06688l14.9504 2.84672a223.37536 223.37536 0 0 1 360.93952-130.6624l9.64608-11.776a238.592 238.592 0 0 0-385.536 139.59168zM512 735.3344a223.68256 223.68256 0 0 1-141.55776-50.5856l-9.66656 11.776a238.61248 238.61248 0 0 0 385.57696-139.59168l-14.97088-2.84672A223.45728 223.45728 0 0 1 512 735.3344zM541.22496 805.64224l-20.80768 5.91872-19.57888-10.21952 0.08192 21.25824-15.38048 14.60224 20.86912 7.20896 10.07616 19.2512 12.8-16.81408 21.6064-2.68288-12.94336-17.6128 3.2768-20.91008zM675.55328 768.18432l-16.7936 13.70112-22.016-1.6384 8.43776 19.49696-8.43776 19.53792 22.016-1.6384 16.7936 13.70112 5.18144-20.52096 18.78016-11.0592-18.78016-11.03872-5.18144-20.54144zM378.9824 781.57824l-15.52384-15.70816-6.38976 20.29568-19.10784 9.216 17.67424 13.23008 3.72736 21.4016 17.3056-12.12416 21.42208 4.01408-6.98368-20.70528 9.50272-18.92352-21.62688-0.69632zM354.07872 663.6544l66.43712-23.61344 2.048 5.91872 28.8768-10.24-27.83232-78.27456-122.88 43.68384 28.09856 79.01184 27.56608-9.80992z m-17.36704-48.8448l66.43712-23.61344 8.4992 24.04352-66.41664 23.61344zM309.90336 583.90528l92.50816-32.89088-4.34176-12.288c10.24 1.78176 19.80416 2.94912 29.45024 3.70688a88.1664 88.1664 0 0 1 9.50272-31.31392 207.95392 207.95392 0 0 1-85.44256-14.6432q1.59744-5.26336 3.15392-10.50624l-28.4672-3.85024c-9.64608 36.1472-37.4784 70.43072-66.49856 95.5392a123.1872 123.1872 0 0 1 28.672 17.96096c6.26688-6.41024 12.41088-13.16864 18.432-20.48z m31.68256-62.75072a256.7168 256.7168 0 0 0 32.768 12.0832L324.64896 550.912a278.81472 278.81472 0 0 0 16.93696-29.75744zM666.25536 478.26944a183.88992 183.88992 0 0 0 33.81248-32.64512 185.48736 185.48736 0 0 0 56.50432 1.80224 114.33984 114.33984 0 0 1-0.63488-28.672 162.57024 162.57024 0 0 1-40.18176 3.03104 131.9936 131.9936 0 0 0 14.86848-54.8864l-20.31616-3.82976-4.096 2.49856-39.58784 14.09024c0.34816-4.3008 0.75776-8.41728 0.73728-12.57472l-25.51808 1.55648a109.85472 109.85472 0 0 1-14.68416 54.84544l-2.7648-7.7824-14.80704 5.26336-12.04224-33.8944-25.51808 9.09312 12.02176 33.85344-20.35712 7.22944 8.82688 24.80128 17.38752-6.144c3.03104 21.44256 3.42016 47.75936-1.20832 64.63488A166.31808 166.31808 0 0 1 610.304 543.80544a153.45664 153.45664 0 0 0 2.048-34.46784l22.2208 62.5664 25.53856-9.09312-31.82592-89.55904c4.87424 4.32128 9.29792 8.58112 12.5952 11.9808l4.096-11.44832a106.06592 106.06592 0 0 1 11.59168 11.53024l1.536-0.96256 24.576 69.20192 25.35424-9.0112-3.62496-10.24 40.71424-14.47936 3.35872 9.44128 26.8288-9.54368L749.8752 448.512z m32.31744-83.80416a92.16 92.16 0 0 1-10.62912 22.3232 78.37696 78.37696 0 0 1-22.528-10.5472z m-51.67104 63.3856c-6.28736-3.60448-18.14528-10.01472-25.16992-13.35296l11.4688-4.096-6.0416-17.01888a173.32224 173.32224 0 0 1 22.36416 16.62976c1.86368-3.584 3.64544-7.33184 5.38624-11.28448a135.8848 135.8848 0 0 0 16.73216 8.41728 183.07072 183.07072 0 0 1-24.73984 20.70528z m49.152 53.248l-5.40672-15.1552 40.71424-14.47936 5.38624 15.17568z" fill="#44B564" ></path></symbol><symbol id="icon-kuaidi-copy" viewBox="0 0 1025 1024"><path d="M1024 256l-254.680412 339.134021-641.319588-467.134021 541.030928 600.412371-220.371134 294.268041-447.340206-1024.00000001 1022.680412 257.31958801z m0 512l-256 0 128-191.340206 128 191.340206z" fill="#ffffff" ></path></symbol></svg>',a=(l=document.getElementsByTagName("script"))[l.length-1].getAttribute("data-injectcss");if(a&&!h.__iconfont__svg__cssinject__){h.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(l){console&&console.log(l)}}!function(l){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(l,0);else{var a=function(){document.removeEventListener("DOMContentLoaded",a,!1),l()};document.addEventListener("DOMContentLoaded",a,!1)}else document.attachEvent&&(c=l,e=h.document,i=!1,(o=function(){try{e.documentElement.doScroll("left")}catch(l){return void setTimeout(o,50)}t()})(),e.onreadystatechange=function(){"complete"==e.readyState&&(e.onreadystatechange=null,t())});function t(){i||(i=!0,c())}var c,e,i,o}(function(){var l,a;(l=document.createElement("div")).innerHTML=t,t=null,(a=l.getElementsByTagName("svg")[0])&&(a.setAttribute("aria-hidden","true"),a.style.position="absolute",a.style.width=0,a.style.height=0,a.style.overflow="hidden",function(l,a){a.firstChild?function(l,a){a.parentNode.insertBefore(l,a)}(l,a.firstChild):a.appendChild(l)}(a,document.body))})}(window);
\ No newline at end of file

src/assets/iconfont/iconfont.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="kuaidi" unicode="&#58947;" d="M768-128l-339.134021 254.680412 467.134021 641.319588-600.412371-541.030928-294.268041 220.371134 1024 447.340206-257.319588-1022.680412z m-512 0v256l191.340206-128-191.340206-128z"  horiz-adv-x="1025" />
+
+    
+    <glyph glyph-name="baogao" unicode="&#58944;" d="M75.463 300.897h142.976v-367.813H75.463V300.897z m244.902 136.68h142.976v-504.494H320.365V437.577zM577.79 359.33h142.976v-426.462H577.79V359.33z m227.772 190.888h142.976v-617.35H805.562v617.35z m71.49 285.227c-35.383 0-64.066-28.683-64.066-64.066 0-3.482 1.448-6.488 1.982-9.818l-127.915-123.92c-9.949 6.355-21.09 10.988-33.772 10.988-24.626 0-45.339-14.351-56.064-34.72L452.244 642.46c-7.965 26.32-31.467 45.853-60.389 45.853-31.231 0-56.026-22.789-61.703-52.362l-145.173-87.04c-10.749 8.152-23.497 13.864-38.028 13.864-35.383 0-64.066-28.688-64.066-64.07s28.684-64.066 64.066-64.066c31.236 0 56.039 22.797 61.707 52.378l145.152 87.031c10.749-8.164 23.505-13.872 38.044-13.872 17.206 0 32.677 6.975 44.187 18.016l167.312-33.045c11.749-13.598 28.546-22.65 47.929-22.65 31.79 0 56.994 23.574 62.022 53.939l144.701 134.721c6.113-1.938 12.291-3.844 19.047-3.844 35.383 0 64.066 28.683 64.066 64.065 0 35.383-28.684 64.067-64.066 64.067z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="qian" unicode="&#58884;" d="M861.457067 547.157333c75.8784-76.936533 122.436267-165.376 122.436266-263.406933 0-272.418133-211.387733-402.090667-466.2272-402.090667h-9.4208c-254.805333 0-466.2272 129.672533-466.2272 402.090667 0 98.030933 46.592 186.4704 122.4704 263.3728a617.984 617.984 0 0 0 82.1248 70.382933 160.426667 160.426667 0 0 0 13.1072 9.045334c-40.277333 20.138667-67.003733 56.32-67.003733 98.030933 0 65.8432 64.887467 116.087467 141.824 116.087467 17.783467 0 33.9968-3.003733 48.64-8.533334 7.338667-2.525867 12.561067-5.0176 16.759467-7.509333 2.082133-1.024 7.850667 0.477867 9.9328 2.9696 5.768533 8.533333 14.677333 18.602667 27.204266 29.149867 21.845333 18.295467 47.377067 30.242133 75.8784 32.699733 28.535467-2.4576 54.0672-14.404267 75.8784-32.699733 12.561067-10.5472 21.469867-20.5824 27.204267-29.149867 2.116267-2.491733 7.850667-3.9936 9.966933-3.003733a86.357333 86.357333 0 0 0 16.725334 7.509333 136.874667 136.874667 0 0 0 48.674133 8.567467c76.9024 0 141.789867-50.244267 141.789867-116.087467 0-41.745067-26.692267-77.9264-66.9696-98.030933 4.1984-2.525867 8.362667-5.5296 13.073066-9.045334 28.2624-20.138667 55.978667-43.7248 82.158934-70.382933z m-213.538134-249.514666c20.753067 0 37.546667 16.657067 37.546667 37.1712 0 20.48-16.7936 37.137067-37.546667 37.137066h-44.270933l69.973333 69.256534a36.864 36.864 0 0 1 0 52.5312 37.853867 37.853867 0 0 1-53.077333 0l-107.588267-106.3936-107.554133 106.3936a37.888 37.888 0 0 1-53.111467 0 36.864 36.864 0 0 1 0-52.565334l69.973334-69.2224h-43.9296c-20.753067 0-37.546667-16.622933-37.546667-37.137066 0-20.514133 16.7936-37.137067 37.546667-37.137067h97.0752v-37.137067h-75.093334c-20.718933 0-37.546667-16.622933-37.546666-37.137066 0-20.48 16.827733-37.137067 37.546666-37.137067h75.093334v-57.1392c0-20.514133 16.827733-37.137067 37.546666-37.137067 20.753067 0 37.546667 16.622933 37.546667 37.137067v57.1392h71.7824c20.753067 0 37.546667 16.622933 37.546667 37.137067 0 20.514133-16.7936 37.137067-37.546667 37.137066H550.570667v37.137067h97.3824z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yemian" unicode="&#58882;" d="M562.80517578 815.3025a72.135 72.135 0 0 1-96.93017578 0L73.925 443.13017578a36.1575 36.1575 0 0 1 48.42-53.7075l6.2325 5.9175V6.899999999999977a72.315 72.315 0 0 1 72.315-72.405h210.44267578v217.71035156a50.9175 50.9175 0 0 0 50.94 50.985h99.02285156a50.9175 50.9175 0 0 0 50.94-50.985v-217.71035156h215.4375a72.315 72.315 0 0 1 72.3375 72.405V390.59267578c16.065-14.535 38.8575-13.4325 52.2225 1.4625a36.1575 36.1575 0 0 1-2.61 51.075L562.80517578 815.28Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="biaozhun" unicode="&#58899;" d="M674.638 66.38c38.112 26.732 68.42 55.934 90.23 86.554 35.615 50.046 47.534 98.275 47.534 156.48v349.1c-6.67-0.228-13.508-0.341-20.858-0.341-83.15 0-152.748 16.403-208.512 42.852a323.772 323.772 0 0 0-51.224 30.01 190.59 190.59 0 0 0-21.567 17.808c-5.634-4.57-13.168-11.082-23.413-18.517a322.282 322.282 0 0 0-55.395-31.87c-59.595-27.2-134.515-42.823-224.503-39.942V309.4c0-58.205 11.905-106.434 47.534-156.48 21.795-30.62 52.103-59.822 90.23-86.555 43.83-30.762 99.353-59.24 164.965-84.426 65.611 25.186 121.148 53.664 164.979 84.426z m-84.54 745.094c9.606-6.967 21.426-14.047 35.502-20.716 42.766-20.262 97.863-33.246 165.93-33.246 6.697 0 12.77 0.114 18.73 0.312l101.453 3.463v-451.873c0-77.133-16.73-144.972-65.938-214.088-28.662-40.27-67.115-77.29-114.082-110.251-51.039-35.814-113.855-68.01-186.76-95.977l-35.274-13.536-17.808 6.839-17.453 6.697c-72.933 27.953-135.72 60.163-186.76 95.962-46.966 32.962-85.419 69.996-114.081 110.251-49.209 69.13-65.952 136.984-65.952 214.131V761.258l51.35-1.745 50.075-1.703c74.934-2.525 135.04 9.947 181.169 31.004a223.482 223.482 0 0 1 38.325 21.937c5.18 3.746 8.457 6.513 9.848 7.832L509.73 895.972l70.904-77.006c1.56-1.419 4.71-4.044 9.464-7.478zM352.654 598.606h46.768v-80.822h47.676v-45.86h-47.676v-27.243a1234.044 1234.044 0 0 0 64.022-69.471l-26.79-40.411c-14.075 22.702-26.335 41.773-37.232 57.21v-212.498h-46.768V377.026c-12.714-33.6-27.697-65.384-44.952-94.444l-20.432 51.763c29.513 40.41 51.308 86.27 64.93 137.58h-49.946v45.859h50.4v80.822zM487.055 392.01l43.136-9.535c-14.076-63.568-34.055-118.055-60.39-164.37l-41.32 26.336a486.977 486.977 0 0 1 58.574 147.569z m178.899 4.086a1518.341 1518.341 0 0 0 45.406-163.46l-43.59-19.525c-13.621 63.568-28.151 119.417-44.043 168.456l42.227 14.53z m-109.882-211.59h-45.86l-9.99 44.043c14.077-1.816 27.244-2.724 39.958-2.724 10.443 0 15.892 6.356 15.892 18.162V422.886H450.731v45.406h258.813v-45.406h-106.25V232.18c0-31.784-15.892-47.676-47.222-47.676z m-81.73 392.76v-44.952h211.59v44.952h-211.59z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jifen" unicode="&#59020;" d="M0.904 739.449c0-55.929 74.15-107.58 194.5-135.53 120.32-28.01 268.588-28.01 388.908 0 120.35 27.95 194.47 79.601 194.47 135.53C778.782 825.886 604.672 896 389.872 896 175.045 896 0.905 825.916 0.905 739.449z m532.118-340.691C588.8 441.766 649.396 476.4 755.38 480.076c18.221 15.209 24.124 30.358 25.48 53.91V676.021c-5.421-84.33-177.092-152.486-388.94-152.486C180.104 523.535 0.965 593.71 0.965 680.087V545.16c0-87.07 174.38-157.214 388.909-157.214 56.47-0.211 96.436 1.747 143.149 10.812zM0.904 491.158v-134.956c0-86.378 174.38-156.552 388.908-156.552h28.371c3.494 47.436 29.154 97.4 62.314 138.09-33.25-3.584-57.224-5.813-90.654-5.813C175.285 331.897 0.903 402.07 0.903 491.159zM389.39 139.386C173.899 139.385 0 206.758 0 295.725V160.95c0-86.287 174.592-156.37 389.42-156.37h53.64c-22.287 39.243-29.093 82.823-29.093 134.806H389.42zM945.362 330.21a268.228 268.228 0 0 1-379.422 0 268.438 268.438 0 0 1 0-379.572 268.228 268.228 0 0 1 379.452-0.03 268.499 268.499 0 0 1 0 379.602zM816.61 73.247c-27.226-27.227-48.79-55.658-62.735-81.107-13.944 25.45-35.538 53.91-62.735 81.107-27.196 27.226-55.657 48.79-81.076 62.765 25.419 13.944 53.88 35.539 81.076 62.765 27.227 27.226 48.79 55.657 62.735 81.107 13.945-25.45 35.54-53.91 62.735-81.107 27.227-27.226 55.658-48.79 81.107-62.765-25.42-13.945-53.91-35.54-81.107-62.765z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wodedangxuan" unicode="&#58883;" d="M907.264-70.65599999999995H114.688c-16.384 0-32.768 8.192-43.008 20.48-10.24 14.336-14.336 30.72-10.24 47.104 40.96 208.896 210.944 364.544 415.744 380.928 68.608 0 142.848-8.704 217.088-38.912 21.504-8.704 28.672-14.336 40.96-20.48 118.784-67.584 200.704-184.32 227.328-321.536 4.096-16.384 0-32.768-12.288-47.104-10.24-12.288-26.624-20.48-43.008-20.48zM115.712-37.375999999999976c-6.656 0-12.8 2.56-16.384 7.168-0.512 0.512-0.512 1.024-1.024 1.536-5.12 5.12-5.632 13.824-4.608 18.944 37.888 194.56 197.12 340.48 387.584 354.304h15.36c91.648 0 179.712-28.672 222.72-55.808C832 221.18399999999997 907.264 115.20000000000005 930.816-9.727999999999952c1.024-7.168-0.512-13.824-5.632-20.48-3.584-4.608-9.728-7.168-16.384-7.168H115.712zM496.64 332.288c89.088 0 174.592-27.648 216.064-53.76h0.512c109.568-65.024 182.272-167.936 204.8-289.792 0.512-2.56 0.512-6.144-3.584-10.752-0.512-1.024-3.072-2.048-6.144-2.048H115.712c-3.072 0-5.632 1.024-6.144 2.048-0.512 1.024-1.536 2.048-2.56 2.56-1.024 1.024-2.048 4.096-1.024 7.68 36.864 188.928 190.976 330.24 375.808 344.064 4.608-0.512 9.728 0 14.848 0m0 25.6c-5.12 0-10.752 0-15.872-0.512C284.16 343.03999999999996 120.32 193.53599999999994 81.408-7.168000000000006c-2.048-10.24 0-22.528 8.192-30.72 6.144-8.192 16.384-12.288 26.624-12.288H908.8c10.24 0 20.48 4.096 26.624 12.288 6.144 8.192 10.24 18.432 8.192 30.72-24.576 131.072-102.4 238.592-217.088 307.2-43.52 27.136-132.608 57.856-229.888 57.856zM512 359.424c-129.024 0-235.52 106.496-235.52 235.52S382.976 830.4639999999999 512 830.4639999999999s235.52-106.496 235.52-235.52S641.024 359.424 512 359.424zM512 392.704c-111.616 0-202.24 90.624-202.24 202.24S400.384 797.184 512 797.184s202.24-90.624 202.24-202.24-90.624-202.24-202.24-202.24zM512 784.384c104.448 0 189.44-84.992 189.44-189.44S616.448 405.504 512 405.504s-189.44 84.992-189.44 189.44 84.992 189.44 189.44 189.44m0 25.6c-118.784 0-215.04-96.256-215.04-215.04s96.256-215.04 215.04-215.04 215.04 96.256 215.04 215.04S630.784 809.984 512 809.984z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="buhege" unicode="&#58941;" d="M350.14656 619.25376l16.93696 13.7216 22.17984-1.6384-8.47872 19.5584 8.47872 19.5584-22.17984-1.6384-16.93696 13.74208-5.2224-20.5824-18.96448-11.07968 18.96448-11.0592 5.2224-20.5824zM485.74464 667.3408l20.97152 5.9392 19.74272-10.26048-0.1024 21.31968 15.54432 14.62272-21.05344 7.24992-10.1376 19.29216-12.9024-16.83456-21.79072-2.72384 13.04576-17.65376-3.31776-20.95104zM660.43904 564.67456a238.592 238.592 0 0 1-385.536-139.5712l14.9504-2.8672a223.37536 223.37536 0 0 0 360.93952 130.6624zM658.6368 642.58048l15.68768-15.7696 6.38976 20.33664 19.23072 9.216-17.83808 13.29152-3.80928 21.48352-17.408-12.14464-21.58592 4.07552 7.0656-20.7872-9.5232-18.98496 21.79072-0.7168zM257.37216 539.97568l14.92992-15.09376 7.61856 20.41856 19.94752 9.85088-17.22368 12.53376-2.62144 21.17632-18.28864-12.67712-21.54496 3.25632 5.91872-20.3776-10.71104-19.16928 21.97504 0.08192zM509.21472 764.928C297.10336 764.928 124.53888 592.2816 124.53888 380.14976s172.56448-384.67584 384.67584-384.67584 384.69632 172.544 384.69632 384.67584S721.34656 764.928 509.21472 764.928z m285.75744-550.66624l-15.81056 13.96736-6.144-20.86912-19.0464-11.18208 17.94048-11.28448 4.096-20.86912 17.18272 13.88544 21.34016-1.69984a367.24736 367.24736 0 0 0-305.29536-163.328c-202.52672 0-367.28832 164.74112-367.28832 367.26784S306.70848 747.43808 509.2352 747.43808 876.544 582.656 876.544 380.14976a365.2608 365.2608 0 0 0-61.82912-203.73504l-7.22944 19.61984 9.23648 19.82464zM672.768 123.96544l-16.7936-13.68064-22.016 1.61792 8.43776-19.49696-8.43776-19.51744 22.016 1.61792 16.7936-13.70112 5.18144 20.52096 18.78016 11.0592-18.78016 11.0592-5.18144 20.52096zM509.21472 156.81536a223.58016 223.58016 0 0 0-141.55776 50.60608L357.9904 195.584a238.57152 238.57152 0 0 1 385.55648 139.5712l-14.9504 2.84672a223.45728 223.45728 0 0 0-219.38176-181.18656zM509.21472 838.90176c-252.96896 0-458.752-205.80352-458.752-458.752s205.78304-458.752 458.752-458.752 458.752 205.80352 458.752 458.752-205.78304 458.752-458.752 458.752z m0-887.05024C273.05984-48.128 80.91648 143.99488 80.91648 380.14976S273.05984 808.448 509.21472 808.448s428.29824-192.12288 428.29824-428.29824S745.472-48.128 509.21472-48.128zM538.43968 86.50752l-20.80768-5.91872-19.57888 10.24 0.08192-21.27872-15.38048-14.60224 20.86912-7.20896 10.05568-19.2512 12.8 16.81408 21.62688 2.68288-12.94336 17.6128 3.2768 20.91008zM376.19712 110.57152l-15.52384 15.70816-6.38976-20.29568-19.10784-9.216 17.67424-13.23008 3.72736-21.4016 17.3056 12.12416 21.4016-4.01408-6.9632 20.72576 9.50272 18.90304-21.62688 0.69632zM377.05728 232.448l-32.23552 90.7264c24.04352-8.97024 53.39136-20.62336 68.42368-30.08512l15.7696 28.95872c-18.65728 10.24-55.02976 21.7088-78.90944 29.67552l-9.6256-16.384-6.2464 17.59232c1.55648 6.144 2.8672 12.47232 4.096 18.69824l56.97536 20.2752-9.78944 27.56608-162.46784-57.7536 9.80992-27.56608 69.75488 24.7808c-7.04512-32.93184-24.71936-69.4272-51.83488-95.744a181.61664 181.61664 0 0 0 27.25888-18.04288 224.89088 224.89088 0 0 1 39.79264 60.43648l29.71648-83.6608zM581.44768 305.99168l28.85632 10.24-27.81184 78.27456-122.88-43.68384 28.07808-79.01184L515.2768 281.6l-2.3552 6.67648 66.41664 23.61344z m-77.35296 7.10656L495.616 337.14176l66.41664 23.61344 8.56064-24.04352zM510.42304 455.39328l3.13344 10.50624-28.44672 3.85024c-9.66656-36.16768-37.49888-70.4512-66.49856-95.55968a122.75712 122.75712 0 0 0 28.672-17.94048c6.26688 6.41024 12.41088 13.16864 18.432 20.48l3.09248-8.704L561.152 400.93696l-4.34176 12.288c10.24-1.78176 19.82464-2.94912 29.47072-3.70688a88.1664 88.1664 0 0 0 9.68704 31.232 207.5648 207.5648 0 0 0-85.54496 14.6432z m-26.95168-54.3744a275.33312 275.33312 0 0 1 16.93696 29.77792 252.76416 252.76416 0 0 1 32.768-12.0832zM697.9584 428.48256a182.80448 182.80448 0 0 1 33.83296 32.6656 184.81152 184.81152 0 0 1 56.50432-1.80224 114.176 114.176 0 0 0-0.63488 28.672 164.5568 164.5568 0 0 0-40.1408-2.9696 132.7104 132.7104 0 0 1 14.86848 54.90688l-20.35712 3.7888-4.096-2.51904-39.56736-14.0288c0.34816 4.3008 0.77824 8.3968 0.75776 12.55424l-25.4976-1.55648a109.85472 109.85472 0 0 0-14.70464-54.82496l-2.74432 7.7824-14.80704-5.26336-12.04224 33.85344-25.53856-9.07264 12.04224-33.87392-20.35712-7.22944 8.8064-24.80128 17.408 6.144c3.03104-21.42208 3.42016-47.75936-1.20832-64.6144a167.54688 167.54688 0 0 0 21.64736-23.36768 155.79136 155.79136 0 0 1 1.92512 34.44736L666.2144 334.848l25.53856 9.07264-31.82592 89.55904c4.85376-4.3008 9.29792-8.56064 12.5952-11.9808l4.096 11.44832a109.89568 109.89568 0 0 0 11.59168-11.50976l1.536 0.96256 24.576-69.20192 25.35424 9.0112-3.62496 10.24 40.71424 14.45888 3.33824-9.44128 26.8288 9.54368-25.31328 71.24992z m32.31744 83.82464a90.91072 90.91072 0 0 0-10.60864-22.3232 78.49984 78.49984 0 0 0-22.528 10.5472z m-51.65056-63.488c-6.28736 3.584-18.14528 10.01472-25.16992 13.35296l11.4688 4.096-6.144 17.01888a175.57504 175.57504 0 0 0 22.38464-16.65024q2.80576 5.36576 5.36576 11.30496a140.73856 140.73856 0 0 1 16.75264-8.43776 183.97184 183.97184 0 0 0-24.65792-20.5824z m49.152-53.248l-5.38624 15.17568 40.71424 14.47936 5.38624-15.17568z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="hege" unicode="&#58942;" d="M275.08736 528.73216l7.61856 20.41856 19.94752 9.8304-17.22368 12.55424-2.62144 21.15584-18.28864-12.65664-21.54496 3.25632 5.91872-20.3776-10.71104-19.16928 21.97504 0.06144 14.92992-15.07328zM352.93184 623.08352l16.93696 13.74208 22.17984-1.6384-8.47872 19.5584 8.47872 19.5584-22.17984-1.6384-16.93696 13.74208-5.2224-20.5824-18.96448-11.07968 18.96448-11.07968 5.2224-20.5824zM512 768.69632C299.88864 768.69632 127.32416 596.13184 127.32416 384S299.88864-0.69632 512-0.69632 896.69632 171.86816 896.69632 384 724.13184 768.69632 512 768.69632zM797.75744 218.112l-15.81056 13.94688-6.144-20.84864-19.0464-11.18208 17.94048-11.28448 4.096-20.86912 17.2032 13.88544 21.31968-1.69984A367.24736 367.24736 0 0 0 512 16.73216c-202.52672 0-367.28832 164.74112-367.28832 367.26784S309.49376 751.28832 512 751.28832 879.3088 586.52672 879.3088 384a365.19936 365.19936 0 0 0-61.82912-203.73504l-7.22944 19.61984 9.23648 19.82464zM488.52992 671.17056l20.97152 5.9392 19.74272-10.24-0.08192 21.31968 15.50336 14.62272-21.03296 7.24992-10.1376 19.29216-12.9024-16.85504-21.79072-2.70336 13.04576-17.65376-3.31776-20.97152zM661.42208 646.43072l15.68768-15.7696 6.38976 20.33664 19.23072 9.216-17.83808 13.29152-3.80928 21.46304-17.408-12.12416-21.58592 4.07552 7.08608-20.80768-9.54368-18.96448 21.79072-0.7168zM512 842.752C259.05152 842.752 53.248 636.94848 53.248 384s205.80352-458.752 458.752-458.752 458.752 205.80352 458.752 458.752S764.96896 842.752 512 842.752z m0-887.05024c-236.15488 0-428.29824 192.14336-428.29824 428.29824S275.84512 812.29824 512 812.29824 940.29824 620.15488 940.29824 384 748.17536-44.29824 512-44.29824zM277.68832 428.93312l14.9504-2.84672a223.37536 223.37536 0 0 0 360.93952 130.6624l9.64608 11.776a238.592 238.592 0 0 1-385.536-139.59168zM512 160.6656a223.68256 223.68256 0 0 0-141.55776 50.5856l-9.66656-11.776a238.61248 238.61248 0 0 1 385.57696 139.59168l-14.97088 2.84672A223.45728 223.45728 0 0 0 512 160.6656zM541.22496 90.35776l-20.80768-5.91872-19.57888 10.21952 0.08192-21.25824-15.38048-14.60224 20.86912-7.20896 10.07616-19.2512 12.8 16.81408 21.6064 2.68288-12.94336 17.6128 3.2768 20.91008zM675.55328 127.81568l-16.7936-13.70112-22.016 1.6384 8.43776-19.49696-8.43776-19.53792 22.016 1.6384 16.7936-13.70112 5.18144 20.52096 18.78016 11.0592-18.78016 11.03872-5.18144 20.54144zM378.9824 114.42176l-15.52384 15.70816-6.38976-20.29568-19.10784-9.216 17.67424-13.23008 3.72736-21.4016 17.3056 12.12416 21.42208-4.01408-6.98368 20.70528 9.50272 18.92352-21.62688 0.69632zM354.07872 232.3456l66.43712 23.61344 2.048-5.91872 28.8768 10.24-27.83232 78.27456-122.88-43.68384 28.09856-79.01184 27.56608 9.80992z m-17.36704 48.8448l66.43712 23.61344 8.4992-24.04352-66.41664-23.61344zM309.90336 312.09472l92.50816 32.89088-4.34176 12.288c10.24-1.78176 19.80416-2.94912 29.45024-3.70688a88.1664 88.1664 0 0 0 9.50272 31.31392 207.95392 207.95392 0 0 0-85.44256 14.6432q1.59744 5.26336 3.15392 10.50624l-28.4672 3.85024c-9.64608-36.1472-37.4784-70.43072-66.49856-95.5392a123.1872 123.1872 0 0 0 28.672-17.96096c6.26688 6.41024 12.41088 13.16864 18.432 20.48z m31.68256 62.75072a256.7168 256.7168 0 0 1 32.768-12.0832L324.64896 345.088a278.81472 278.81472 0 0 1 16.93696 29.75744zM666.25536 417.73056a183.88992 183.88992 0 0 1 33.81248 32.64512 185.48736 185.48736 0 0 1 56.50432-1.80224 114.33984 114.33984 0 0 0-0.63488 28.672 162.57024 162.57024 0 0 0-40.18176-3.03104 131.9936 131.9936 0 0 1 14.86848 54.8864l-20.31616 3.82976-4.096-2.49856-39.58784-14.09024c0.34816 4.3008 0.75776 8.41728 0.73728 12.57472l-25.51808-1.55648a109.85472 109.85472 0 0 0-14.68416-54.84544l-2.7648 7.7824-14.80704-5.26336-12.04224 33.8944-25.51808-9.09312 12.02176-33.85344-20.35712-7.22944 8.82688-24.80128 17.38752 6.144c3.03104-21.44256 3.42016-47.75936-1.20832-64.63488A166.31808 166.31808 0 0 0 610.304 352.19456a153.45664 153.45664 0 0 1 2.048 34.46784l22.2208-62.5664 25.53856 9.09312-31.82592 89.55904c4.87424-4.32128 9.29792-8.58112 12.5952-11.9808l4.096 11.44832a106.06592 106.06592 0 0 0 11.59168-11.53024l1.536 0.96256 24.576-69.20192 25.35424 9.0112-3.62496 10.24 40.71424 14.47936 3.35872-9.44128 26.8288 9.54368L749.8752 447.488z m32.31744 83.80416a92.16 92.16 0 0 0-10.62912-22.3232 78.37696 78.37696 0 0 0-22.528 10.5472z m-51.67104-63.3856c-6.28736 3.60448-18.14528 10.01472-25.16992 13.35296l11.4688 4.096-6.0416 17.01888a173.32224 173.32224 0 0 0 22.36416-16.62976c1.86368 3.584 3.64544 7.33184 5.38624 11.28448a135.8848 135.8848 0 0 1 16.73216-8.41728 183.07072 183.07072 0 0 0-24.73984-20.70528z m49.152-53.248l-5.40672 15.1552 40.71424 14.47936 5.38624-15.17568z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="kuaidi-copy" unicode="&#59021;" d="M1024 640l-254.680412-339.134021-641.319588 467.134021 541.030928-600.412371-220.371134-294.268041-447.340206 1024.00000001 1022.680412-257.31958801z m0-512l-256 0 128 191.340206 128-191.340206z"  horiz-adv-x="1025" />
+
+    
+
+
+  </font>
+</defs></svg>

src/assets/ydui.flexible.js

+!function(e){var t=e.document,n=t.documentElement,i="orientationchange"in e?"orientationchange":"resize",a=function e(){var t=n.getBoundingClientRect().width;return n.style.fontSize=5*Math.max(Math.min(t/750*20,11.2),8.55)+"px",e}();n.setAttribute("data-dpr",e.navigator.appVersion.match(/iphone/gi)?e.devicePixelRatio:1),/iP(hone|od|ad)/.test(e.navigator.userAgent)&&(t.documentElement.classList.add("ios"),parseInt(e.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1],10)>=8&&t.documentElement.classList.add("hairline")),t.addEventListener&&(e.addEventListener(i,a,!1),t.addEventListener("DOMContentLoaded",a,!1))}(window);
\ No newline at end of file

src/common/filters.js

+let formatdata= function (dateText, fmt) {
+    fmt = fmt ? fmt : 'yyyy-MM-dd'
+    // var fmt = 
+    if (dateText == null) return "";
+    let date = new Date(dateText);
+    var o = {
+        "M+": date.getMonth() + 1, //月份
+        "d+": date.getDate(), //日
+        "h+": date.getHours(), //小时
+        "m+": date.getMinutes(), //分
+        "s+": date.getSeconds(), //秒
+        "q+": Math.floor((date.getMonth() + 3) / 3), //季度
+        S: date.getMilliseconds() //毫秒
+    };
+    if (/(y+)/.test(fmt))
+        fmt = fmt.replace(
+            RegExp.$1,
+            (date.getFullYear() + "").substr(4 - RegExp.$1.length)
+        );
+    for (var k in o)
+        if (new RegExp("(" + k + ")").test(fmt))
+            fmt = fmt.replace(
+                RegExp.$1,
+                RegExp.$1.length == 1 ?
+                o[k] :
+                ("00" + o[k]).substr(("" + o[k]).length)
+            );
+    return fmt;
+}
+
+  export { formatdata }
\ No newline at end of file

src/components/HelloWorld copy.vue

+<template>
+  <yd-infinitescroll :callback="loadList" ref="infinitescrollKv">
+    <yd-list theme="1" slot="list">
+      <div v-for="(item, key) in list" :key="key">
+        <img slot="img" :src="item.img" />
+        <span slot="title">{{item.title}}</span>
+        
+      </div>
+    </yd-list>
+
+    <!-- 数据全部加载完毕显示 -->
+    <span slot="doneTip">啦啦啦，啦啦啦，没有数据啦~~</span>
+
+    <!-- 加载中提示，不指定，将显示默认加载中图标 -->
+    <img slot="loadingTip" src="path/img/loading.svg" />
+  </yd-infinitescroll>
+</template>
+
+<script type="text/babel">
+export default {
+  data() {
+    return {
+      page: 0,
+      pageSize: 20,
+      list: [
+        {
+          img: "http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg",
+          title: "标题标题标题标题标题",
+          marketprice: 56.23,
+          productprice: 89.36
+        },
+        {
+          img: "http://img1.shikee.com/try/2016/06/21/10172020923917672923.jpg",
+          title: "骆驼男装2016夏装男士短袖T恤 圆领衣服 印花男装体恤 半袖打底衫",
+          marketprice: 56.23,
+          productprice: 89.36
+        },
+        {
+          img: "http://img1.shikee.com/try/2016/06/23/15395220917905380014.jpg",
+          title: "条纹短袖T恤男士韩版衣服大码潮流男装夏季圆领体恤2016新款半袖",
+          marketprice: 56.23,
+          productprice: 89.36
+        },
+        {
+          img: "http://img1.shikee.com/try/2016/06/25/14244120933639105658.jpg",
+          title: "夏季青少年衣服男生潮牌t恤 男士 夏秋学生 日系棉短袖半袖男小衫",
+          marketprice: 56.23,
+          productprice: 89.36
+        },
+        {
+          img: "http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg",
+          title: "2016夏装新款时尚潮流短袖T恤男纯棉V领日系青少年韩版夏季上衣服",
+          marketprice: 56.23,
+          productprice: 89.36
+        },
+        {
+          img: "http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg",
+          title: "男装衣服男夏t恤 男士短袖t恤圆领夏季潮牌宽松原宿风半截袖男",
+          marketprice: 56.23,
+          productprice: 89.36
+        }
+      ]
+    };
+  },
+  methods: {
+    loadList() {
+      var vm = this;
+      this.$get(
+        "http://k5.jst-gov.com/Restful/Jst.Lims.Entities.Contract/Query.json",
+
+        {
+          Skip: vm.page * 20,
+          Take: vm.pageSize
+        }
+      ).then(function(response) {
+        const _list = response.Results;
+        console.log(vm.list);
+        vm.list = [...vm.list, ..._list];
+        console.log(vm.list);
+
+        if (_list.length < vm.pageSize) {
+          /* 所有数据加载完毕 */
+          vm.$refs.infinitescrollKv.$emit("ydui.infinitescroll.loadedDone");
+          return;
+        }
+
+        /* 单次请求数据完毕 */
+        vm.$refs.infinitescrollKv.$emit("ydui.infinitescroll.finishLoad");
+
+        vm.page++;
+      });
+    }
+  }
+};
+</script>
\ No newline at end of file

src/components/HelloWorld.vue

+<template>
+  <div class="hello">
+    <div @click="to1">传值</div>  zi 2
+    {{msg}}
+  </div>
+</template>
+
+<script>
+import  bus  from "../assets/bus.js";
+
+export default {
+  name: "HelloWorld",
+
+  data() {
+    return {
+      msg: "子2"
+    };
+  },
+  mounted() {
+     var vm = this;
+      bus.$on("userDefinedEvent", function(msg) {
+        vm.msg = msg;
+        
+      });
+  },
+  methods: {
+    to1() {
+     bus.$emit("toson","来自2")
+    }
+  }
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h1,
+h2 {
+  font-weight: normal;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>

src/http.js

+import axios from 'axios';
+
+
+axios.defaults.timeout = 5000;
+axios.defaults.baseURL ='';
+
+
+//http request 拦截器
+axios.interceptors.request.use(
+  config => {
+    // const token = getCookie('名称');注意使用的时候需要引入cookie方法，推荐js-cookie
+    config.data = JSON.stringify(config.data);
+    config.headers = {
+      'Content-Type':'application/x-www-form-urlencoded'
+    }
+    // if(token){
+    //   config.params = {'token':token}
+    // }
+    return config;
+  },
+  error => {
+    return Promise.reject(err);
+  }
+);
+
+
+//http response 拦截器
+axios.interceptors.response.use(
+  response => {
+    if(response.data.errCode ==2){
+      router.push({
+        path:"/login",
+        querry:{redirect:router.currentRoute.fullPath}//从哪个页面跳转
+      })
+    }
+    return response;
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+
+
+/**
+ * 封装get方法
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+export function get(url,params={}){
+  return new Promise((resolve,reject) => {
+    axios.get(url,{
+      params:params
+    })
+    .then(response => {
+      resolve(response.data);
+    })
+    .catch(err => {
+      reject(err)
+    })
+  })
+}
+
+
+/**
+ * 封装post请求
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+ export function post(url,data = {}){
+   return new Promise((resolve,reject) => {
+     axios.post(url,data)
+          .then(response => {
+            resolve(response.data);
+          },err => {
+            reject(err)
+          })
+   })
+ }
+
+ /**
+ * 封装patch请求
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+export function patch(url,data = {}){
+  return new Promise((resolve,reject) => {
+    axios.patch(url,data)
+         .then(response => {
+           resolve(response.data);
+         },err => {
+           reject(err)
+         })
+  })
+}
+
+ /**
+ * 封装put请求
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+export function put(url,data = {}){
+  return new Promise((resolve,reject) => {
+    axios.put(url,data)
+         .then(response => {
+           resolve(response.data);
+         },err => {
+           reject(err)
+         })
+  })
+}
\ No newline at end of file

src/main.js

+// The Vue build version to load with the `import` command
+// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
+import Vue from 'vue'
+import App from './App'
+import router from './router'
+import demoui from './packages/index.js'
+import $ from 'jquery'
+import "../src/assets/iconfont/iconfont.css"
+Vue.use(demoui)
+Vue.config.productionTip = false
+import YDUI from 'vue-ydui'; /* 相当于import YDUI from 'vue-ydui/ydui.rem.js' */
+import 'vue-ydui/dist/ydui.rem.css';
+/* 使用px：import 'vue-ydui/dist/ydui.px.css'; */
+Vue.use(YDUI);
+import {
+  post,
+  get,
+  patch,
+  put
+} from './http'
+import * as custom from "./common/filters"
+Object.keys(custom).forEach(key => {
+  Vue.filter(key, custom[key])
+})
+export let bus = new Vue
+Vue.prototype.$post = post;
+Vue.prototype.$get = get;
+Vue.prototype.$patch = patch;
+Vue.prototype.$put = put;
+/* eslint-disable no-new */
+import VueAwesomeSwiper from 'vue-awesome-swiper'
+
+// require styles
+import 'swiper/dist/css/swiper.css'
+
+Vue.use(VueAwesomeSwiper, /* { default global options } */ )
+new Vue({
+  el: '#app',
+  router,
+  components: {
+    App
+  },
+  template: '<App/>'
+})

src/packages/businesslist/businesslist.vue

+<template>
+  <div>
+    <yd-search
+      v-if="uiConfig.switchsearch"
+      v-model="value1"
+      :on-submit="submitHandler"
+      :on-cancel="cnacelHandler"
+    ></yd-search>
+    <yd-infinitescroll :callback="loadList" ref="infinitescrollKv">
+      <yd-list theme="1" slot="list">
+        <a href="reportDetail.html" class="sdlist" v-for="(item,index) of list" :key="index">
+          <div class="sdlist_left reportlist_left" :style="{'background':uiConfig.bgcolor}">
+            <img :src="uiConfig.bgimg" alt />
+            <p>{{uiConfig.itemtitle}}</p>
+          </div>
+          <div class="sdlist_right">
+            <div class="sdlist_center">
+              <span></span>
+              <i></i>
+              <i></i>
+              <i></i>
+              <i></i>
+              <i></i>
+              <i></i>
+              <i></i>
+              <i></i>
+              <span></span>
+            </div>
+            <div class="sdlist_right_cont">
+              <div>{{item.title}}</div>
+              <div>
+                {{item.subTitle}}
+                <span class="right_arrow"></span>
+              </div>
+              <div>
+                <span>{{uiConfig.bottomcontent1}}: {{item.bottom1 |formatdata}}</span>
+                &nbsp; &nbsp;
+                <span>{{uiConfig.bottomcontent2}}: {{item.bottom2}}</span>
+              </div>
+            </div>
+          </div>
+        </a>
+      </yd-list>
+      <span slot="doneTip">加载完毕~~</span>
+    </yd-infinitescroll>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvBusinesslist",
+  props: {
+    dataSource: {
+      type: Object,
+      default: function() {
+        return {
+          url:
+            "http://k5.jst-gov.com/Restful/Jst.Lims.Entities.Contract/Query.json",
+          root: "",
+          fields: {
+            title: "ProductName",
+            subTitle: "ReportId",
+            bottom1: "DealDate",
+            bottom2: "ProductJudgement"
+          }
+        };
+      }
+    },
+    uiConfig: {
+      type: Object,
+      default: function() {
+        return {
+          bgcolor: "#1b81ee",
+          bgimg: "../../../static/baogao.png",
+          itemtitle: "报告",
+          href: "javascript:;",
+          switchsearch: true,
+          bottomcontent1: "日期",
+          bottomcontent2: "结论"
+        };
+      }
+    }
+  },
+  methods: {
+    submitHandler(value) {
+      this.searchValue = value;
+      this.page = 0;
+      this.loadList();
+      this.list = [];
+    },
+    cnacelHandler() {
+      this.searchValue = "";
+      this.value1=""
+      this.page = 0;
+      this.loadList();
+      this.list = [];
+    },
+    loadList() {
+      var vm = this;
+      var item = vm.dataSource.fields;
+      console.log(vm.page);
+      this.$get(vm.dataSource.url, {
+        Skip: vm.page * 20,
+        Take: vm.pageSize,
+        QueryKeys: "ReportId,ProductBrand",
+        QueryValues: vm.searchValue
+      }).then(function(res) {
+        console.log(res);
+        var lists = [];
+        for (let i = 0; i < res.Results.length; i++) {
+          var obj = {};
+          for (const key in item) {
+            obj[key] = res.Results[i][item[key]];
+          }
+          lists.push(obj);
+        }
+        console.log(lists);
+
+        const _list = lists;
+        vm.list = [...vm.list, ..._list];
+        if (_list.length < vm.pageSize) {
+          /* 所有数据加载完毕 */
+          vm.$refs.infinitescrollKv.$emit("ydui.infinitescroll.loadedDone");
+          return;
+        }
+        /* 单次请求数据完毕 */
+        vm.$refs.infinitescrollKv.$emit("ydui.infinitescroll.finishLoad");
+        vm.page++;
+      });
+    }
+  },
+  data() {
+    return {
+      value1: "",
+      page: 0,
+      pageSize: 20,
+      list: [],
+      searchValue: ""
+    };
+  },
+  created() {
+    this.loadList();
+  },
+  mounted() {}
+};
+</script>
+<style scoped>
+.right_arrow {
+  display: inline-block;
+  border-top: 2px solid;
+  border-right: 2px solid;
+  width: 14px;
+  height: 14px;
+  border-color: #7e7e7e;
+  transform: rotate(45deg);
+}
+.sdlist {
+  overflow: hidden;
+  height: 1.8rem;
+  display: block;
+  margin-bottom: 0.2rem;
+}
+
+.sdlist_left {
+  height: 1.8rem;
+  width: 20%;
+  background: #73d765;
+  color: white;
+  font-weight: bold;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.3rem;
+  border-radius: 5px;
+  float: left;
+}
+
+.reportlist_left {
+  background: #1b81ee;
+}
+
+.sdlist_left img {
+  height: 0.6rem;
+  margin-bottom: 0.1rem;
+}
+
+.sdlist_center {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+  width: 0.2rem;
+  float: left;
+}
+
+.sdlist_center i {
+  height: 6px;
+  width: 6px;
+  background: #f5f5f5;
+  border-radius: 50%;
+  display: inline-block;
+  margin-left: -3px;
+}
+
+.sdlist_center span {
+  height: 0.2rem;
+  width: 0.2rem;
+  border-radius: 50%;
+  background: #f5f5f5;
+  display: inline-block;
+}
+
+.sdlist_center span:nth-child(1) {
+  margin-top: -0.1rem;
+  margin-left: -0.1rem;
+}
+.sdlist_border_bottom {
+  height: 0.2rem;
+}
+.sdlist_center span:nth-child(10) {
+  margin-bottom: -0.1rem;
+  margin-left: -0.1rem;
+}
+
+.sdlist_right {
+  background: white;
+  width: 80%;
+  height: 1.8rem;
+  float: left;
+  border-radius: 5px;
+}
+
+.sdlist_right_cont {
+  font-size: 0.3rem;
+  padding: 0.2rem;
+}
+
+.sdlist_right_cont div:nth-child(2) {
+  font-weight: 500;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.1rem;
+}
+
+.sdlist_right_cont div:nth-child(2) em {
+  width: 80%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sdlist_right_cont div:nth-child(1) {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  margin-bottom: 0.1rem;
+}
+
+.sdlist_right_cont div:nth-child(3) {
+  font-size: 0.24rem;
+  color: #a19e9e;
+  text-align: left;
+}
+</style>
\ No newline at end of file

src/packages/businesslist/index.js

+import businesslist from "./businesslist"
+businesslist.install=function(Vue){
+    Vue.component(businesslist.name,businesslist)
+}
+export default businesslist
\ No newline at end of file

src/packages/celllist/celllist.vue

+<template>
+  <div class="weui-cells">
+   
+     <yd-cell-item arrow v-for="(item,index) of jsondata" :key="index">
+            <img slot="icon" :src="item.icon">
+            <span slot="left" style="font-size:0.3rem;">{{item.title}}</span>
+            <span slot="right"></span>
+        </yd-cell-item>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvCelllist",
+  props: {
+    jsondata: {
+      type: Array,
+      default: function() {
+        return [
+            {
+                "icon": "../../../static/fankui.png",
+                "title": "反馈记录",
+                "href": "javascript:;"
+            },
+            {
+                "icon": "../../../static/lianxi.png",
+                "title": "客服经理",
+                "href": "javascript:;"
+            }
+        ];
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  created() {},
+  mounted() {}
+};
+</script>
+<style scoped>
+
+.weui-cells {
+  background-color: #ffffff;
+  
+}
+.yd-cell-item{
+  border-bottom: 1px solid #e1e1e1;
+}
+.yd-cell-item img{
+  height: 0.4rem;
+}
+
+</style>
\ No newline at end of file

src/packages/celllist/index.js

+import celllist from "./celllist"
+celllist.install=function(Vue){
+    Vue.component(celllist.name,celllist)
+}
+export default celllist
\ No newline at end of file

src/packages/changephone/chnagephone.vue

+<template>
+  <div>
+    <yd-cell-group>
+      <yd-cell-item>
+        <span slot="left">手机号：</span>
+        <yd-input
+          slot="right"
+          v-model="input9"
+          ref="input9"
+          required
+          regex="mobile"
+          placeholder="请输入手机号码"
+        ></yd-input>
+      </yd-cell-item>
+      <p slot="bottom" style="color:#F00;padding: 0 .3rem;" v-html="result"></p>
+      <yd-cell-item>
+        <yd-icon slot="icon" name="phone3" size=".45rem"></yd-icon>
+        <input type="text" slot="right" placeholder="请输入验证码" />
+
+        <!-- ↓↓关键代码是这里↓↓ -->
+        <yd-sendcode slot="right" v-model="start1" @click.native="sendCode1" type="warning"></yd-sendcode>
+        <!-- ↑↑关键代码是这里↑↑ -->
+      </yd-cell-item>
+    </yd-cell-group>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvChangeph",
+  data() {
+    return {
+      input9: "",
+      result: "",start1: false
+    };
+  },
+  created() {},
+  methods: {
+     sendCode1() {
+                this.$dialog.loading.open('发送中...');
+                setTimeout(() => {
+
+                    this.start1 = true;
+                    this.$dialog.loading.close();
+
+                    this.$dialog.toast({
+                        mes: '已发送',
+                        icon: 'success',
+                        timeout: 1500
+                    });
+
+                }, 1000);
+            }
+  },
+  mounted() {}
+};
+</script>
+<style scoped>
+</style>
\ No newline at end of file

src/packages/changephone/index.js

+import chnagephone from "./chnagephone"
+chnagephone.install=function(Vue){
+    Vue.component(chnagephone.name,chnagephone)
+}
+export default chnagephone
\ No newline at end of file

src/packages/collection/collection.vue

+<template>
+  <div>
+    <yd-tab>
+      <yd-tab-panel label="选项一">  <ul class="col_rp">
+      <li class="col_rp_list">
+        <div class="clo_rp_list_left" style="background: #73D765;">
+          <img src="../../../static/fangfa.png" alt />
+        </div>
+        <div class="clo_rp_list_right">
+          <div>
+            <p>报告名字报告名字报告名字报字报告名字报告名字报告名字报字</p>
+            <p>GB-123456789</p>
+          </div>
+          <img src="../../../static/ljt.png" alt />
+        </div>
+      </li>
+      <li class="col_rp_list">
+        <div class="clo_rp_list_left" style="background: #73D765;">
+          <img src="../../../static/fangfa.png" alt />
+        </div>
+        <div class="clo_rp_list_right">
+          <div>
+            <p>报告名字报告名字报告名字报字报告名字报告名字报告名字报字</p>
+            <p>GB-123456789</p>
+          </div>
+          <img src="../../../static/ljt.png" alt />
+        </div>
+      </li>
+    </ul></yd-tab-panel>
+      <yd-tab-panel label="选项二">  <ul class="col_rp">
+      <li class="col_rp_list">
+        <div class="clo_rp_list_left" style="background: #73D765;">
+          <img src="../../../static/fangfa.png" alt />
+        </div>
+        <div class="clo_rp_list_right">
+          <div>
+            <p>报告名字报告名字报告名字报字报告名字报告名字报告名字报字</p>
+            <p>GB-123456789</p>
+          </div>
+          <img src="../../../static/ljt.png" alt />
+        </div>
+      </li>
+      <li class="col_rp_list">
+        <div class="clo_rp_list_left" style="background: #73D765;">
+          <img src="../../../static/fangfa.png" alt />
+        </div>
+        <div class="clo_rp_list_right">
+          <div>
+            <p>报告名字报告名字报告名字报字报告名字报告名字报告名字报字</p>
+            <p>GB-123456789</p>
+          </div>
+          <img src="../../../static/ljt.png" alt />
+        </div>
+      </li>
+    </ul></yd-tab-panel>
+    </yd-tab>
+
+  
+  </div>
+</template>
+<script>
+export default {
+  name: "KvCollection",
+  props: {
+    jsondata: {
+      type: Object,
+      default: function() {
+        return {
+          userlits: [],
+          switchtitle: true,
+          titlecontent: "服务",
+          type: 1
+        };
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  created() {},
+  mounted() {}
+};
+</script>
+<style scoped>
+.col_rp {
+  background: white;
+}
+.col_rp_list {
+  border-radius: 4px;
+  overflow: hidden;
+  margin-bottom: 0.2rem;
+}
+
+.clo_rp_list_left {
+  background: #1b81ee;
+  width: 0.8rem;
+  height: 1.2rem;
+  border-radius: 6px 0 0 6px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  float: left;
+}
+
+.clo_rp_list_left img {
+  height: 0.4rem;
+  width: 0.4rem;
+}
+
+.clo_rp_list_right {
+  padding: 0.2rem;
+
+  overflow: hidden;
+  background: #f5f5f5;
+  border-radius: 0 6px 6px 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.clo_rp_list_right img {
+  height: 0.8rem;
+  width: 0.8rem;
+}
+
+.clo_rp_list_right p {
+  font-size: 0.3rem;
+  line-height: 0.4rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 5rem;
+}
+</style>
\ No newline at end of file

src/packages/collection/index.js

+import collection from "./collection"
+collection.install=function(Vue){
+    Vue.component(collection.name,collection)
+}
+export default collection
\ No newline at end of file

src/packages/feedback/feedback.vue

+<template>
+  <div>
+    <div class="m-cell">
+      <div class="cell-item">
+        <label class="cell-right cell-arrow">
+          <select id="select" class="cell-select">
+            <option value="建议">建议</option>
+            <option value="投诉">投诉</option>
+          </select>
+        </label>
+      </div>
+    </div>
+    <yd-cell-group>
+      <yd-cell-item>
+        <yd-textarea slot="right" placeholder="请输入内容" maxlength="100"></yd-textarea>
+      </yd-cell-item>
+      <div class="addimg">
+
+      <div class="choseimg last">
+        <img src="../../../static/xiangji.png" alt />
+      </div>
+      </div>
+    </yd-cell-group>
+      <yd-button size="large" type="primary">提交</yd-button>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvFeedback",
+  data() {
+    return {
+      radio1: "建议"
+    };
+  },
+  created() {},
+  mounted() {}
+};
+</script>
+<style scoped>
+.m-cell {
+  position: relative;
+  z-index: 1;
+  margin-bottom: 0.35rem;
+  background-color: #fff;
+}
+.cell-item {
+  display: flex;
+  position: relative;
+  padding-left: 0.24rem;
+  overflow: hidden;
+}
+.cell-right {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  width: 100%;
+  min-height: 1rem;
+  color: #525252;
+  text-align: right;
+  font-size: 0.26rem;
+  padding-right: 0.24rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+}
+.cell-select {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  color: #a9a9a9;
+  margin-left: -0.08rem;
+  display: block;
+  -webkit-box-flex: 1;
+  height: 1rem;
+  border: none;
+  font-size: 0.3rem;
+}
+.cell-arrow:after {
+  margin-left: 0.05rem;
+  margin-right: -0.08rem;
+  margin-top: 0.2rem;
+  font-size: 0.34rem;
+  color: #c9c9c9;
+  content: "";
+  display: block;
+  box-sizing: border-box;
+  outline: 0;
+  width: 0;
+  height: 0;
+  border-width: 5px;
+  border-style: solid;
+  border-color: #c9c9c9 transparent transparent transparent;
+}
+
+.addimg {
+  padding: 0.2rem;
+  overflow: hidden;
+}
+
+.addimg .last img {
+  width: 1rem;
+  height: 1rem;
+}
+
+.choseimg img {
+  width: 100%;
+  height: 100%;
+}
+
+.choseimg {
+  margin-right: 0.3rem;
+  height: 2rem;
+  width: 2rem;
+  background: #e1e1e1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 0.2rem;
+  float: left;
+}
+</style>
\ No newline at end of file

src/packages/feedback/index.js

+import feedback from "./feedback"
+feedback.install=function(Vue){
+    Vue.component(feedback.name,feedback)
+}
+export default feedback
\ No newline at end of file

src/packages/feedbacklist/feedbacklist.vue

+<template>
+  <div>
+    <ul id="J_ListContent" class="fd_content">
+      <li class="fd_list">
+        <a href="javascript:;">
+          <p class="fd_list_title">
+            <span>业务营销 建议 务营销 建议务营销 建议务营销 建议</span>
+            <span>未处理</span>
+          </p>
+          <p class="fd_list_time">
+            <span>2019-02-02</span>
+            <span >建议</span>
+           
+          </p>
+        </a>
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvFeedbacklist",
+  data() {
+    return {
+    };
+  },
+  created() {
+    this.$get("http://k5t.jst-gov.com/Restful/Kivii.Customers.Entities.Feedback/Query.json").then(res=>{
+      console.log(res)
+    })
+  },
+  mounted() {},
+  filters: {
+    suggestiontype: function(e) {
+      if (!e) return "";
+      if (e == "建议") {
+        return "<span style = 'color:#05FD0F'>" + e + "</span>";
+      } else {
+        return "<span style = 'color:#FF0909'>" + e + "</span>";
+      }
+    }
+  }
+};
+</script>
+<style scoped>
+.fd_content {
+  padding: 0.2rem;
+}
+.fd_list {
+  padding: 0.2rem;
+  background: white;
+  border-radius: 4px;
+  margin-bottom: 0.2rem;
+}
+
+.fd_list a {
+  display: block;
+}
+
+.fd_list_title {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.fd_list_title span:nth-child(1) {
+  font-size: 0.28rem;
+  width: 80%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.fd_list_title span:nth-child(2) {
+  font-size: 0.24rem;
+  width: 20%;
+  text-align: center;
+}
+
+.fd_list_time {
+  margin-top: 0.2rem;
+  font-size: 0.24rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.fd_list_time span:nth-child(2) {
+  width: 20%;
+  text-align: center;
+}
+</style>
\ No newline at end of file

src/packages/feedbacklist/index.js

+import feedbacklist from "./feedbacklist"
+feedbacklist.install=function(Vue){
+    Vue.component(feedback.name,feedback)
+}
+export default feedbacklist
\ No newline at end of file

src/packages/footers/footers.vue

+<template>
+  <div>
+    <footer class="footer">
+      <a
+        v-for="(item, index) in item"
+        :href="uiConfig.href"
+        :class="[item.active?'footer_active':'']"
+        :key="index"
+      >
+        <span :class="item.img"></span>
+        <span>{{item.title}}</span>
+      </a>
+    </footer>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvFooter",
+  data() {
+    return {
+      item:[
+    {
+        "Title": "标准",
+        "Img": "icon-biaozhun iconfont",
+        "Active": false
+    }
+]
+    }
+  },
+  props: {
+
+     dataSource: {
+      type: Object,
+      default: function() {
+        return {
+          url: "/api/api/funlists.json",
+          root: "",
+          fields: {
+            title: "Title"
+          }
+        };
+      }
+    },
+    uiConfig: {
+      type: Object,
+      default: function() {
+        return {
+          href: "javascript:;"
+        };
+      }
+    }
+  },
+    mounted() {
+    var vm = this;
+    var item = vm.dataSource.fields;
+    this.$get(this.dataSource.url).then(res => {
+      var list = [];
+      for (let i = 0; i < res.length; i++) {
+        var obj = {};
+        for (const key in item) {
+          obj[key] = res[i][item[key]];
+        }
+        list.push(obj);
+      }
+
+      vm.item = list;
+    });
+  }
+};
+</script>
+<style  scoped>
+footer {
+  display: flex;
+  justify-content: space-around;
+  width: 100%;
+  align-items: center;
+  height: 1rem;
+  position: fixed;
+  bottom: 0;
+  background: white;
+}
+footer a {
+  display: flex;
+  flex-direction: column;
+  min-width: 20%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+footer a span:nth-child(1) {
+  font-size: 0.46rem;
+}
+footer a span:nth-child(2) {
+  font-size: 0.28rem;
+}
+.footer_active {
+  color: rgb(0, 140, 255);
+}
+</style>
\ No newline at end of file

src/packages/footers/index.js

+import footers from "./footers"
+footers.install=function(Vue){
+    Vue.component(footers.name,footers)
+}
+export default footers
\ No newline at end of file

src/packages/funlist/funlist.vue

+<template>
+  <div>
+    <div
+      style="padding:0 0.2rem 0.2rem 0.2rem; font-size:0.3rem; text-align:left;"
+      v-if="uiConfig.titleSwitch"
+    >{{uiConfig.titleContent}}</div>
+    <div class="funlist_content">
+      <a
+        v-for="(item,index) of item"
+        :key="index"
+        class="funlist_list"
+        :href="uiConfig.href"
+       
+      >
+        <img :src="item.img" alt />
+        <div>
+          <p>{{item.title}}</p>
+        </div>
+      </a>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvFunlist",
+  data() {
+    return {
+      item: [
+        {
+          href: "javascript:;",
+          title: "进度查询",
+          img: "../static/inquiry.png",
+          id: "btn1"
+        },
+        {
+          href: "javascript:;",
+          title: "服务指南",
+          img: "../static/fwzn.png",
+          id: "btn2"
+        },
+        {
+          href: "javascript:;",
+          title: "扫码查询",
+          img: "../static/sys.png",
+          id: "btn3"
+        },
+        {
+          href: "javascript:;",
+          title: "快递查询",
+          img: "../static/kuaidi.png",
+          id: "btn4"
+        }
+      ]
+    };
+  },
+    mounted() {
+    var vm = this;
+    var item = vm.dataSource.fields;
+    this.$get(this.dataSource.url).then(res => {
+      var list = [];
+      for (let i = 0; i < res.length; i++) {
+        var obj = {};
+        for (const key in item) {
+          obj[key] = res[i][item[key]];
+        }
+        list.push(obj);
+      }
+
+      vm.item = list;
+    });
+  },
+  props: {
+ 
+    dataSource: {
+      type: Object,
+      default: function() {
+        return {
+          url: "/api/api/funlist.json",
+          root: "",
+          fields: {
+            title: "Title",
+            img: "Img",
+            href: "Href"
+          }
+        };
+      }
+    },
+    uiConfig: {
+      type: Object,
+      default: function() {
+        return {
+          titleContent: "常用功能",
+          titleSwitch: true
+        };
+      }
+    }
+  }
+};
+</script>
+<style  scoped>
+.funlist_content {
+  overflow: hidden;
+  padding: 0 0.2rem;
+  box-shadow: #e1e1e1 0px 0px 10px;
+}
+
+.funlist_list {
+  border-bottom: 1px solid #e1e1e1;
+  border-right: 1px solid #e1e1e1;
+  padding: 0.2rem;
+  overflow: hidden;
+  width: 50%;
+  float: left;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  height: 1.2rem;
+  justify-content: center;
+}
+
+.funlist_list:nth-child(2n) {
+  border-right: none;
+}
+
+.funlist_list:nth-child(5) {
+  border-bottom: none;
+}
+
+.funlist_list:nth-child(6) {
+  border-bottom: none;
+}
+
+.funlist_list img {
+  margin-right: 0.2rem;
+  height: 0.5rem;
+  width: 0.5rem;
+  float: left;
+}
+
+.funlist_list p {
+  font-size: 0.28rem;
+}
+
+.funlist_list span {
+  font-size: 0.24rem;
+  color: rgb(120, 121, 120);
+  margin-top: 0.2rem;
+}
+</style>
\ No newline at end of file

src/packages/funlist/index.js

+import funlist from "./funlist"
+funlist.install=function(Vue){
+    Vue.component(funlist.name,funlist)
+}
+export default funlist
\ No newline at end of file

src/packages/funlists/funlists.vue

+<template>
+  <div class="funlists_bottom">
+    <a v-for="(item,index) of item" :key="index" class="funlists_bottom_left" :href="uiConfig.href">
+      <img :src="item.img" alt />
+      <div>{{item.title}}</div>
+    </a>
+    <!-- <a class="funlists_bottom_right" href="html/feedBack.html">
+      <img src="../../assets/xinfeng.png" alt />
+      <div>意见反馈</div>
+    </a>-->
+  </div>
+</template>
+<script>
+export default {
+  name: "KvFunlists",
+  props: {
+    dataSource: {
+      type: Object,
+      default: function() {
+        return {
+          url: "/api/api/footer.json",
+          root: "",
+          fields: {
+            title: "Title",
+            img: "Img",
+            active: "Active"
+          }
+        };
+      }
+    },
+    uiConfig: {
+      type: Object,
+      default: function() {
+        return {
+          href: "javascript:;"
+        };
+      }
+    }
+  },
+  data() {
+    return {
+      item: [
+        {
+          title: "意见反馈",
+          img: "../static/xinfeng.png"
+        },
+        {
+          title: "网上受理",
+          img: "../static/xing.png"
+        }
+      ]
+    };
+  },
+  mounted() {
+    var vm = this;
+    var item = vm.dataSource.fields;
+    this.$get(this.dataSource.url).then(res => {
+      var list = [];
+      for (let i = 0; i < res.length; i++) {
+        var obj = {};
+        for (const key in item) {
+          obj[key] = res[i][item[key]];
+        }
+        list.push(obj);
+      }
+
+      vm.item = list;
+    });
+  }
+};
+</script>
+<style  scoped>
+.funlists_bottom {
+  display: flex;
+  width: 100%;
+  padding: 0.2rem;
+  font-size: 0.28rem;
+  margin-bottom: 105px;
+}
+
+.funlists_bottom_left {
+  width: 48%;
+  margin-right: 4%;
+  border: 1px solid #e1e1e1;
+  height: 1.2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+}
+
+.funlists_bottom_left img {
+  height: 0.5rem;
+  margin-right: 0.2rem;
+}
+
+.funlists_bottom_right img {
+  height: 0.5rem;
+  margin-right: 0.2rem;
+}
+
+.funlists_bottom_right {
+  width: 48%;
+  border: 1px solid #e1e1e1;
+  height: 1.2rem;
+  display: flex;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+}
+</style>
\ No newline at end of file

src/packages/funlists/index.js

+import funlists from "./funlists"
+funlists.install=function(Vue){
+    Vue.component(funlists.name,funlists)
+}
+export default funlists
\ No newline at end of file

src/packages/index.js

+import KvFooter from "./footers/index"
+import KvSwiper from "./swipers/index"
+import KvRollnotice from "./rollnotice/index"
+import KvFunlist from "./funlist/index"
+import KvFunlists from "./funlists/index"
+import KvUserlist from "./userlist/index"
+import KvThreelist from "./threelist/index"
+import KvCelllist from "./celllist/index"
+import KvUserinfo from "./userinfo/index"
+import KvBusinesslist from "./businesslist/index"
+import KvTab from "./tab/index"
+import KvSearch from "./search/index"
+import KvFeedback from "./feedback/index"
+import KvFeedbacklist from "./feedbacklist/index"
+import KvInvoice from "./invoice/index"
+import KvOverage from "./overage/index"
+import KvCollection from "./collection/index"
+import KvPassword from "./password/index"
+import KvChangeph from "./changephone/index"
+import KvNews from "./news/index"
+import KvLogin from "./login/index"
+import KvRegister from "./register/index"
+const components = [
+  KvFooter, KvSwiper, KvRollnotice, KvFunlist, KvFunlists, KvUserlist, KvThreelist, KvCelllist, KvUserinfo, KvBusinesslist, KvTab, KvSearch, KvFeedback, KvFeedbacklist, KvInvoice, KvOverage, KvCollection, KvPassword,KvChangeph,KvNews,KvLogin,KvRegister
+]
+const install = function (Vue) {
+  if (install.installed) return
+  components.forEach(component => {
+    Vue.component(component.name, component)
+  });
+}
+if (typeof window !== "undefind" && window.Vue) {
+  install(window.Vue)
+}
+export default {
+  install,
+  KvFooter,
+  KvSwiper,
+  KvRollnotice,
+  KvFunlist,
+  KvFunlists,
+  KvUserlist,
+  KvThreelist,
+  KvCelllist,
+  KvUserinfo,
+  KvBusinesslist,
+  KvTab,
+  KvSearch,
+  KvFeedback,
+  KvFeedbacklist,
+  KvInvoice,
+  KvOverage,
+  KvCollection,
+  KvPassword,KvChangeph,KvNews,KvLogin,KvRegister
+}

src/packages/invoice/index.js

+import invoice from "./invoice"
+invoice.install=function(Vue){
+    Vue.component(invoice.name,invoice)
+}
+export default invoice
\ No newline at end of file

src/packages/invoice/invoice.vue

+<template>
+  <div>
+   <div class="billing" id="J_ListContent">
+              <a class="list" href="billingdetail.html" style="display: block;">
+            <p>江苏纺检</p>
+            <p class="billingnum">￥1000.00</p>
+            <p class="inviconum">
+                <span class="invleft">
+                    <span style="margin-right:0.1rem;">发票编号</span>
+                </span>
+                <span>2019.1.1</span>
+            </p>
+        </a>
+        </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: "KvInvoice",
+
+
+  data() {
+    return {
+    
+    };
+  },
+  created() {
+ 
+  },
+  mounted() {}
+};
+</script>
+<style scoped>
+.list {
+    background: white;
+    border-radius: 5px;
+    padding: 0.2rem;
+}
+
+.billingnum {
+    color: #FC9605;
+    font-size: 0.36rem;
+}
+
+.inviconum {
+    display: flex;
+    justify-content: space-between;
+    border-top: 1px dotted #e1e1e1;
+    padding: 0 0.1rem;
+    padding-top: 0.2rem;
+}
+
+.inviconum .invleft {
+    font-size: 0.24rem;
+}
+
+</style>
\ No newline at end of file

src/packages/login/forgetpassword.vue

+<template>
+  <div class="login" v-touch:right="onSwipeRight" style="min-height:10rem;">
+    <yd-navbar title="重置密码">
+      <a href="javascript:window.history.go(-1);" slot="left">
+        <yd-navbar-back-icon></yd-navbar-back-icon>
+      </a>
+    </yd-navbar>
+
+    <div class="page-container">
+      <yd-cell-group>
+        <yd-cell-item style=" border-bottom:1px solid #DEDBDB; border-top:1px solid #DEDBDB;">
+          <yd-input
+            :debug="true"
+            v-model="phone"
+            placeholder="请输入手机号码"
+            required
+            regex="mobile"
+            slot="right"
+          ></yd-input>
+        </yd-cell-item>
+        <yd-cell-item style="width:100%; border-bottom:1px solid #DEDBDB;">
+          <input
+            type="tel"
+            slot="right"
+            placeholder="请输入验证码"
+            v-model="regcode"
+            maxlength="6"
+            @input="formatDigit($event)"
+          >
+          <yd-sendcode
+            style="height:0.9rem; border:none;width:30%"
+            slot="right"
+            v-model="startSend"
+            @click.native="sendCode"
+            :type="rightMobile?'warning':'disabled'"
+          ></yd-sendcode>
+        </yd-cell-item>
+      </yd-cell-group>
+      <div>
+        <yd-button
+          size="large"
+          type="warning"
+          :disabled="!validRegister"
+          @click.native="register"
+        >下一步</yd-button>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { CheckIcon } from "vux";
+import { setStore,getStore } from "../../components/common/mixin";
+
+export default {
+  name: "Login",
+  created() {
+    // this.$dialog.loading.open("发送中...");
+    this.phone=JSON.parse(getStore('userinfo')).phone
+    
+  },
+  data() {
+    return {
+      regcode: "",
+      phone: "",
+      state: "注册",
+      correctCode: "",
+      startSend: false,
+      checkProtocol: true
+    };
+  },
+  components: { CheckIcon },
+  computed: {
+    rightMobile() {
+      return /^1[3,4,5,7,8,9]\d{9}$/.test(this.phone);
+    },
+
+    rightCode() {
+      return /^\d{6}$/gi.test(this.regcode) && this.startSend;
+    },
+
+    validRegister() {
+      return this.rightMobile && this.rightCode && this.checkProtocol;
+    }
+  },
+  
+  methods: {
+    onSwipeRight(event, start, end) {
+      if (start.X >= 80) return;
+      // if(end.X<=250)return;
+      this.$router.go(-1);
+    },
+    formatDigit(event) {
+      this.code = event.target.value.replace(/\D/g, "");
+    },
+    sendCode() {
+      let vm = this;
+      vm.startSend=true;
+     
+    },
+    register() {
+      let vm = this;
+      vm.$router.push({path:'inputpassword'})
+    }
+  }
+};
+</script>
+<style lang='less' scoped>
+@import "../../style/mixin.less";
+
+.page-container {
+  padding: 0.2rem;
+  .forget-pwd {
+    display: block;
+    width: 2rem;
+    padding: 0.1rem 0;
+    .text-center;
+    margin: 0.8rem auto;
+    color: @blue;
+    border: 1px solid currentColor;
+    border-radius: 5px;
+    &:active {
+      background-color: @blue;
+      color: @white;
+    }
+  }
+  // margin-top: 2rem;
+}
+.tips {
+  margin: 1rem auto 0;
+  font-size: 0.32rem;
+}
+.login {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  opacity: 0.8;
+  left: 0;
+  overflow: hidden;
+}
+
+.login h1 {
+  text-align: center;
+  font-size: 40px;
+  transition-duration: 1s;
+  transition-timing-function: ease-in-put;
+  font-weight: 200;
+}
+</style>
\ No newline at end of file

src/packages/login/index.js

+import login from "./login"
+login.install=function(Vue){
+    Vue.component(login.name,login)
+}
+export default login
\ No newline at end of file

src/packages/login/index.vue

+  <template>
+  <div class="login" style="min-height:10rem;">
+    <yd-navbar :title="title">
+      <a @click="goback" slot="left">
+        <yd-navbar-back-icon></yd-navbar-back-icon>
+      </a>
+      <a
+        style="color:red;"
+        @click="login_register"
+       
+        slot="right"
+      >{{loginregister}}</a>
+    </yd-navbar>
+    <login v-if="loginorregister"></login>
+    <register v-if="!loginorregister"></register>
+  </div>
+</template>
+<script>
+import login from "./login";
+import register from "./register";
+export default {
+  data() {
+    return {
+      loginregister: "注册",
+      title: "登陆",
+      loginorregister: true, //控制登陆或注册显示
+      // routefrom: ""
+    };
+  },
+  components: {
+    login,
+    register
+  },
+  methods: {
+    login_register() {
+      var vm = this;
+      if (vm.loginregister == "注册") {
+        vm.loginregister = "登陆";
+        vm.title = "注册";
+        vm.loginorregister=false
+        // vm.$router.replace('/register')
+      } else {
+        vm.loginregister = "注册";
+        vm.title = "登陆";
+        // vm.$router.replace('/login')
+        vm.loginorregister=true
+
+      }
+    },
+    goback() {
+      this.$router.go(-1)
+    },
+    setData(path) {
+      this.routefrom = path;
+    },
+    setTitle() {
+      this.title = "重置密码";
+    }
+  },
+
+  // beforeRouteEnter(to, from, next) {
+  //   if (from.path == "/forgetpassword") {
+  //     next();
+  //   } else {
+  //     next(vm => vm.setData(from.path));
+  //   }
+  // },
+  // beforeRouteLeave(to, from, next) {
+  //   if (to.path == "/forgetpassword") {
+  //     next(vm => vm.setTitle());
+  //   }
+  // }
+};
+</script>

src/packages/login/inputpassword.vue

+<template>
+  <div class="login" v-touch:right="onSwipeRight" style="min-height:10rem;">
+    <yd-navbar title="重置密码">
+      <a href="javascript:window.history.go(-1);" slot="left">
+        <yd-navbar-back-icon></yd-navbar-back-icon>
+      </a>
+    </yd-navbar>
+
+    <div class="page-container">
+      <yd-cell-group>
+        <yd-cell-item style=" border-bottom:1px solid #DEDBDB; border-top:1px solid #DEDBDB;">
+          <yd-input
+            slot="right"
+            type="password"
+            placeholder="请输入密码(不得少于6位)"
+            :min="6"
+            v-model="newpassword"
+          ></yd-input>
+        </yd-cell-item>
+        <yd-cell-item style=" border-bottom:1px solid #DEDBDB; ">
+          <yd-input
+            slot="right"
+            type="password"
+            placeholder="请输入密码(不得少于6位)"
+            :min="6"
+            v-model="againpassword"
+          ></yd-input>
+        </yd-cell-item>
+      </yd-cell-group>
+      <div>
+        <yd-button size="large" type="warning" :disabled="!validRegister" @click.native="reset">重置</yd-button>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { CheckIcon } from "vux";
+import { setStore } from "../../components/common/mixin";
+
+export default {
+  name: "Login",
+  created() {
+    // this.$dialog.loading.open("发送中...");
+  },
+  data() {
+    return {
+      newpassword: "",
+      againpassword: "",
+      state: "注册",
+      correctCode: "",
+      startSend: false,
+      checkProtocol: true
+    };
+  },
+  components: { CheckIcon },
+  computed: {
+    rightnewPwd() {
+      return /[0-9a-zA-Z].{5,16}/.test(this.newpassword);
+    },
+    rightagainPwd() {
+      return /[0-9a-zA-Z].{5,16}/.test(this.againpassword);
+    },
+
+    validRegister() {
+      return this.rightnewPwd && this.rightagainPwd && this.newpassword==this.againpassword;
+    }
+  },
+ 
+  methods: {
+    onSwipeRight(event, start, end) {
+      if (start.X >= 80) return;
+      // if(end.X<=250)return;
+      this.$router.go(-1);
+    },
+
+    reset() {
+      let vm = this;
+      vm.$dialog.loading.open("注册中...");
+      var url = "/Customer/Register/Personal";
+      var _data = {};
+    
+      vm.$ajax
+        .post(url, _data)
+        .then(function(resp) {
+          vm.$dialog.loading.close();
+          vm.$dialog.toast({
+            mes: "",
+            timeout: 1000,
+            icon: "success",
+            callback: () => {
+             
+            }
+          });
+        })
+        .catch(function(resp) {
+          vm.$dialog.loading.close();
+          vm.$dialog.toast({
+            mes: resp.response.data.ResponseStatus.Message,
+            icon: "error",
+            timeout: 2000
+          });
+        });
+    }
+  }
+};
+</script>
+<style lang='less' scoped>
+@import "../../style/mixin.less";
+
+.page-container {
+  padding: 0.2rem;
+  .forget-pwd {
+    display: block;
+    width: 2rem;
+    padding: 0.1rem 0;
+    .text-center;
+    margin: 0.8rem auto;
+    color: @blue;
+    border: 1px solid currentColor;
+    border-radius: 5px;
+    &:active {
+      background-color: @blue;
+      color: @white;
+    }
+  }
+  // margin-top: 2rem;
+}
+.tips {
+  margin: 1rem auto 0;
+  font-size: 0.32rem;
+}
+.login {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  opacity: 0.8;
+  left: 0;
+  overflow: hidden;
+}
+
+.login h1 {
+  text-align: center;
+  font-size: 40px;
+  transition-duration: 1s;
+  transition-timing-function: ease-in-put;
+  font-weight: 200;
+}
+</style>
\ No newline at end of file

src/packages/login/login.vue

+  <template>
+  <div class="login" style="min-height:10rem;">
+    <div class="page-container">
+      <yd-cell-group>
+        <yd-cell-item
+          v-show="!logincode"
+          style="border-top:1px solid #DEDBDB; border-bottom:1px solid #DEDBDB;"
+        >
+          <span slot="left">账户 &nbsp;&nbsp;&nbsp;</span>
+          <yd-input v-model="username" placeholder="请输入手机号" required slot="right"></yd-input>
+        </yd-cell-item>
+        <yd-cell-item v-show="!logincode" style="border-bottom:1px solid #DEDBDB;">
+          <span slot="left">密码&nbsp;&nbsp;&nbsp;</span>
+          <yd-input
+            slot="right"
+            type="password"
+            placeholder="请输入密码(不得少于6位)"
+            :min="6"
+            v-model="password"
+          ></yd-input>
+        </yd-cell-item>
+        <yd-cell-item
+          v-show="logincode"
+          style="border-top:1px solid #DEDBDB; border-bottom:1px solid #DEDBDB;"
+        >
+          <span slot="left">账户 &nbsp;&nbsp;&nbsp;</span>
+          <yd-input v-model="phone" placeholder="请输入手机号" regex="mobile" required slot="right"></yd-input>
+        </yd-cell-item>
+
+        <yd-cell-item v-show="logincode" style="border-bottom:1px solid #DEDBDB;">
+          <span slot="left">验证码&nbsp;&nbsp;&nbsp;</span>
+          <input v-model="inputcode" maxlength="6" type="text" slot="right" placeholder="请输入验证码" />
+
+          <!-- ↓↓关键代码是这里↓↓ -->
+          <yd-sendcode
+            style="height:0.9rem; border:none;width:30%"
+            slot="right"
+            v-model="codevalue"
+            @click.native="sendloginCode"
+            :type="rightphone?'warning':'disabled'"
+          ></yd-sendcode>
+          <!-- ↑↑关键代码是这里↑↑ -->
+        </yd-cell-item>
+      </yd-cell-group>
+      <!-- <div v-show="!logincode" class="forgetpassword">
+        <a href="javascript:;" >忘记密码?</a>
+      </div> -->
+      <div class="flex just-between">
+        <yd-button type="primary" size="large" :disabled="!validLogin" @click.native="login">登 录</yd-button>
+        <div v-show="!logincode" class="logincode" @click="switchcode">验证码登陆</div>
+        <div v-show="logincode" class="logincode" @click="switchcode">密码登陆</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvLogin",
+  data() {
+    return {
+      //judge login or register,default way is login
+      header: "",
+      username: "",
+      password: "",
+      phone: "",
+      //获取验证码的类型，验证码登陆同样需要
+      state: "登陆",
+      //获取验证码接口所需传值，登陆则不需要
+      verifier: "VCODE",
+      codevalue: false,
+      logincode: false,
+      getcodebtn: false,
+      userid: "",
+      inputcode: ""
+    };
+  },
+
+  computed: {
+    rightusername() {
+      return /\S/.test(this.username);
+    },
+    rightphone() {
+      return /^1[3,4,5,7,8,9]\d{9}$/.test(this.phone);
+    },
+    rightPwd() {
+      return /[0-9a-zA-Z].{5,}/.test(this.password);
+    },
+    rightcode() {
+      return /^\d{6}$/gi.test(this.inputcode) && this.getcodebtn;
+    },
+
+    validLogin() {
+      return (
+        (this.rightusername && this.rightPwd) ||
+        (this.rightphone && this.rightcode)
+      );
+    }
+  },
+  activated() {
+    this.password = "";
+  },
+
+  created() {},
+  methods: {
+    sendloginCode() {},
+    switchcode() {
+      this.logincode = !this.logincode;
+    },
+    login() {},
+
+    forget() {}
+  }
+};
+</script>
+<style  scoped>
+.page-container {
+  padding: 0.2rem;
+}
+.forget-pwd {
+  display: block;
+  width: 2rem;
+  padding: 0.1rem 0;
+}
+.text-center {
+  margin: 0.1rem auto;
+  color: blue;
+  border: 1px solid currentColor;
+  border-radius: 5px;
+}
+.active {
+  background-color: blue;
+  color: white;
+}
+.tips {
+  margin: 1rem auto 0;
+  font-size: 0.32rem;
+}
+.logincode {
+  text-align: center;
+  width: 100%;
+  font-size: 13px;
+  height: 0.8rem;
+  line-height: 0.8rem;
+  color: red;
+}
+.login {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  opacity: 0.8;
+  left: 0;
+  overflow: hidden;
+}
+.forgetpassword {
+  overflow: hidden;
+}
+.forgetpassword a {
+  float: right;
+  font-size: 12px;
+  color: red;
+}
+.login-registerr {
+  position: absolute;
+  right: 0.2rem;
+}
+</style>
\ No newline at end of file

src/packages/login/registerprotocol.vue

+<template>
+    <div style="background:white; padding:0 0.2rem;">
+         <yd-navbar >
+      <a href="javascript:window.history.go(-1);" slot="left">
+        <yd-navbar-back-icon></yd-navbar-back-icon>
+      </a>
+    
+    </yd-navbar>
+
+    </div>
+</template>

src/packages/news/index.js

+import news from "./news"
+news.install=function(Vue){
+    Vue.component(news.name,news)
+}
+export default news
\ No newline at end of file

src/packages/news/news.vue

+<template>
+  <div style="background:white; padding:0.2rem;">
+    <h4
+      id="title"
+      style="width: 100%; text-align: center; padding-top:1rem; font-size:0.3rem;"
+    >{{item.title}}</h4>
+    <p
+      id="time"
+      style="text-align: center; font-size: 14px; color: #898383; margin: 0.2rem 0;"
+    >{{item.time | formatdata}}</p>
+    <div id="content" v-html="item.content" style="font-size:0.24rem;"></div>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvNews",
+  props: {
+    dataSource: {
+      type: Object,
+      default: function() {
+        return {
+          url: "",
+          root: "",
+          fields: {
+            title: "Title",
+            time: "UpdateTime",
+            content: "DisplayContent"
+          }
+        };
+      }
+    },
+    uiConfig: {
+      type: Object,
+      default: function() {
+        return {
+          href: "javascript:;"
+        };
+      }
+    }
+  },
+  mounted() {
+    var vm = this;
+    var item = vm.dataSource.fields;
+    var querys = {};
+    vm.dataSource.queryName.forEach(element => {
+      querys[element] = vm.getQueryVariable(element);
+      console.log(querys);
+    });
+
+    this.$get(this.dataSource.url, querys).then(res => {
+      console.log(res);
+      var list = [];
+      for (let i = 0; i < res.Results.length; i++) {
+        var obj = {};
+        for (const key in item) {
+          obj[key] = res.Results[i][item[key]];
+        }
+      }
+
+      vm.item = obj;
+      // console.log(item)
+    });
+  },
+  data() {
+    return {
+      item: {
+        title: "111",
+        time: "2015",
+        content: "222"
+      }
+    };
+  },
+  //965EB729-3DE3-4725-BFF2-6995545693AA
+  created() {},
+  methods: {
+    getQueryVariable(variable) {
+      var query = window.location.search.substring(1);
+      var vars = query.split("&");
+      for (var i = 0; i < vars.length; i++) {
+        var pair = vars[i].split("=");
+        if (pair[0] == variable) {
+          return decodeURI(pair[1]);
+        }
+      }
+      return false;
+    }
+  }
+};
+</script>
+<style scoped>
+#content img {
+  width: 100% !important;
+}
+body,
+html {
+  background: white;
+}
+</style>
\ No newline at end of file

src/packages/overage/index.js

+import overage from "./overage"
+overage.install=function(Vue){
+    Vue.component(overage.name,overage)
+}
+export default overage
\ No newline at end of file

src/packages/overage/overage.vue

+<template>
+  <div >
+   <div class="heade" style="margin-top: 10px;">
+        <p><i class="iconfont">&#xe604;</i>当前余额(元)</p>
+        <p>2.00</p>
+    </div>
+    <div class="comDetail">
+        <p class="comTitle">
+            <span>交易明细</span>
+            <a href="moreConsumerDetails.html">更多</a>
+        </p>
+        <ul class="comContent">
+            
+            <li>
+              <a href="javascript:;">
+
+                <div>
+                    <p>消费</p>
+                    <p>2017-05-01 15:00</p>
+                </div>
+                <div class="comright">20</div>
+              </a>
+            </li>
+        </ul>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvOverage",
+  props: {
+    jsondata: {
+      type: Object,
+      default: function() {
+        return {
+          userlits: [
+            
+          ],
+          switchtitle: true,
+          titlecontent: "服务",
+          type:1
+        };
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  created() {},
+  mounted() {}
+};
+</script>
+<style scoped>
+.heade {
+    width: 100%;
+    height: 2rem;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+  	justify-content: center;
+  	background: white;
+
+}
+.heade  p:nth-child(1){
+	font-size: 0.27rem;
+	color: #BCB8B8;
+}
+.heade  p:nth-child(1) i{
+	color: #FAA207;
+}
+.heade  p:nth-child(2){
+	font-size:0.5rem;
+	
+}
+.comDetail{
+	background: white;
+	margin-top: 0.2rem;
+}
+.comTitle{
+	padding:0.2rem;
+	display: flex;
+	justify-content: space-between;
+	border-bottom: 1px solid #f1f1f1;
+}
+.comTitle a{
+	color: #747272;
+	font-size: 14px;
+}
+
+.comContent li a{
+	display: flex;
+	justify-content: space-between;
+	padding: 0.2rem;
+	font-size: 0.27rem;
+	border-bottom: 1px solid #f1f1f1;
+	width: 100%;
+
+}
+.comright{
+	color: #0DC9FB;
+	display: flex;
+	align-items: center;
+}
+</style>
\ No newline at end of file

src/packages/password/index.js

+import password from "./password"
+password.install=function(Vue){
+    Vue.component(password.name,password)
+}
+export default password
\ No newline at end of file

src/packages/password/password.vue

+<template>
+  <div>
+        <yd-cell-group>
+    <yd-cell-item>
+      <span slot="left">旧密码：</span>
+      <yd-input
+        slot="right"
+        v-model="input8"
+        required
+        :show-success-icon="false"
+        :show-error-icon="false"
+        regex="mobile"
+        placeholder="请输入旧密码"
+      ></yd-input>
+    </yd-cell-item>
+    <yd-cell-item>
+      <span slot="left">新密码：</span>
+      <yd-input
+        slot="right"
+        v-model="input8"
+        required
+        :show-success-icon="false"
+        :show-error-icon="false"
+        regex="mobile"
+        placeholder="请输入新密码"
+      ></yd-input>
+    </yd-cell-item>
+    <yd-cell-item>
+      <span slot="left">确认密码：</span>
+      <yd-input
+        slot="right"
+        v-model="input8"
+        required
+        :show-success-icon="false"
+        :show-error-icon="false"
+        regex="mobile"
+        placeholder="请再次输入新密码"
+      ></yd-input>
+    </yd-cell-item>
+     </yd-cell-group>
+         <yd-button size="large" type="primary">修改密码</yd-button>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvPassword",
+  data() {
+    return {
+      input8: ""
+    };
+  },
+  created() {},
+  methods: {},
+  mounted() {}
+};
+</script>
+<style scoped>
+</style>
\ No newline at end of file

src/packages/register/index.js

+import register from "./register"
+register.install=function(Vue){
+    Vue.component(register.name,register)
+}
+export default register
\ No newline at end of file

src/packages/register/register.vue

+<template>
+  <div class="login" style="min-height:10rem;">
+    <div class="page-container">
+      <yd-cell-group>
+        <yd-cell-item style=" border-bottom:1px solid #DEDBDB; border-top:1px solid #DEDBDB;">
+          <yd-input
+            :debug="true"
+            v-model="phone"
+            placeholder="请输入手机号码"
+            required
+            regex="mobile"
+            slot="right"
+          ></yd-input>
+        </yd-cell-item>
+        <yd-cell-item style="width:100%; border-bottom:1px solid #DEDBDB;">
+          <input
+            type="tel"
+            slot="right"
+            placeholder="请输入验证码"
+            v-model="regcode"
+            maxlength="6"
+            @input="formatDigit($event)"
+          />
+          <yd-sendcode
+            style="height:0.9rem; border:none;width:30%"
+            slot="right"
+            v-model="startSend"
+            @click.native="sendCode"
+            :type="rightMobile?'warning':'disabled'"
+          ></yd-sendcode>
+        </yd-cell-item>
+      </yd-cell-group>
+      <div>
+        <yd-checklist v-model="checklist1" :callback="checklist">
+          <yd-checklist-item val="1">
+            <div style="height: 50px;line-height: 50px;">《用户注册协议》</div>
+          </yd-checklist-item>
+        </yd-checklist>
+        <!-- <check-icon :value.sync="checkProtocol" type="plain">{{checkProtocol?'同意':'不同意'}}</check-icon> -->
+        <!-- <router-link to="/registerprotocol" class="protocol">《用户注册协议》</router-link> -->
+        <yd-button
+          size="large"
+          type="warning"
+          :disabled="!validRegister"
+          @click.native="register"
+        >注册</yd-button>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvRegister",
+  created() {
+    // this.$dialog.loading.open("发送中...");
+    this.routefrom = this.$route.query.redirect;
+  },
+  data() {
+    return {
+      regcode: "",
+      phone: "",
+      regstate: "注册",
+      correctCode: "",
+      startSend: false,
+      checkProtocol: true,
+      checklist1: [1]
+    };
+  },
+
+  computed: {
+    rightMobile() {
+      return /^1[3,4,5,7,8,9]\d{9}$/.test(this.phone);
+    },
+
+    rightCode() {
+      return /^\d{6}$/gi.test(this.regcode) && this.startSend;
+    },
+
+    validRegister() {
+      return this.rightMobile && this.rightCode && this.checkProtocol;
+    }
+  },
+  activated() {
+    this.password = "";
+  },
+  methods: {
+    checklist(e){
+      console.log(e)
+    },
+    onSwipeRight(event, start, end) {
+      if (start.X >= 80) return;
+      // if(end.X<=250)return;
+      this.$router.go(-1);
+    },
+    formatDigit(event) {
+      this.code = event.target.value.replace(/\D/g, "");
+    },
+    sendCode() {},
+    register() {}
+  }
+};
+</script>
+<style  scoped>
+.page-container {
+  padding: 0.2rem;
+}
+.forget-pwd {
+  display: block;
+  width: 2rem;
+  padding: 0.1rem 0;
+}
+.text-center {
+  margin: 0.8rem auto;
+  color: blue;
+  border: 1px solid currentColor;
+  border-radius: 5px;
+}
+.active {
+  background-color: blue;
+  color: white;
+}
+.tips {
+  margin: 1rem auto 0;
+  font-size: 0.32rem;
+}
+.login {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  opacity: 0.8;
+  left: 0;
+  overflow: hidden;
+}
+
+.login h1 {
+  text-align: center;
+  font-size: 40px;
+  transition-duration: 1s;
+  transition-timing-function: ease-in-put;
+  font-weight: 200;
+}
+</style>
\ No newline at end of file

src/packages/rollnotice/index.js

+import rollnotice from "./rollnotice"
+rollnotice.install=function(Vue){
+    Vue.component(rollnotice.name,rollnotice)
+}
+export default rollnotice
\ No newline at end of file

src/packages/rollnotice/rollnotice.vue

+<template>
+  <yd-rollnotice :autoplay="uiConfig.autotime">
+    <yd-rollnotice-item v-for="(item,index) of item" :key="index">
+      <a :href="uiConfig.href+item.Kvid">
+        <img src="../../assets/laba.png" alt />
+        <span>{{item.title}}</span>
+      </a>
+    </yd-rollnotice-item>
+  </yd-rollnotice>
+</template>
+
+<script type="text/babel">
+export default {
+  name: "KvRollnotice",
+  data() {
+    return {
+      item: []
+    };
+  },
+  props: {
+    dataSource: {
+      type: Object,
+      default: function() {
+        return {
+          url: "http://e.debug.jst-gov.com/contents/apps/Announcement.json",
+          root: "",
+          fields: {
+            title: "Title"
+          }
+        };
+      }
+    },
+    uiConfig: {
+      type: Object,
+      default: function() {
+        return {
+          autotime: 5000
+        };
+      }
+    }
+  },
+  mounted() {
+    var vm = this;
+    var item = vm.dataSource.fields;
+    this.$get(this.dataSource.url).then(res => {
+      var list = [];
+      for (let i = 0; i < res.length; i++) {
+        var obj = {};
+        for (const key in item) {
+          obj[key] = res[i][item[key]];
+        }
+        list.push(obj);
+      }
+      console.log(list)
+      vm.item = list;
+    });
+  }
+};
+</script>
+<style lang="">
+.yd-rollnotice-item {
+  width: 100%;
+}
+.yd-rollnotice {
+  margin-bottom: 0.2rem;
+}
+.yd-rollnotice-item a {
+  width: 100%;
+  height: 30px;
+  display: block;
+}
+.yd-rollnotice-item a img {
+  height: 20px;
+
+  float: left;
+  width: 20px;
+  margin-top: 5px;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+.yd-rollnotice-item a span {
+  height: 30px;
+  line-height: 30px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  display: block;
+  width: calc(100% - 50px);
+  text-align: left;
+}
+</style>
\ No newline at end of file

src/packages/search/index.js

+import search from "./search"
+search.install=function(Vue){
+    Vue.component(search.name,search)
+}
+export default search
\ No newline at end of file

src/packages/search/search.vue

+<template>
+<div>
+     <yd-search v-model="value1" :on-submit="submitHandler" ></yd-search>
+</div>
+</template>
+<script>
+import {bus} from "../../main"
+export default {
+name:'KvSearch',
+data() {
+return {
+value1: ''
+}
+},
+created() {
+
+},
+methods: {
+    submitHandler(value) {
+                this.$dialog.toast({mes: `搜索：${value}`});
+                   bus.$emit("tobusiness",value)
+            }
+},
+mounted() {
+
+}
+}
+</script>
+<style scoped>
+</style>
\ No newline at end of file

src/packages/swipers/index.js

+import swipers from "./swipers"
+swipers.install=function(Vue){
+    Vue.component(swipers.name,swipers)
+}
+export default swipers
\ No newline at end of file

src/packages/swipers/swipers.vue

+<template>
+  <yd-slider
+    style="height:4rem; width:100%; margin-bottom:0.2rem;"
+    :autoplay="uiConfig.autotime"
+    speed="600"
+    :show-pagination="false"
+  >
+    <yd-slider-item v-for="(item,index) of item" :key="index">
+      <a :href="item.href">
+        <img :src="'http://k5t.jst-gov.com/'+
+        item.img" />
+        <span>{{item.title}}</span>
+      </a>
+    </yd-slider-item>
+  </yd-slider>
+</template>
+<script>
+export default {
+  name: "KvSwiper",
+  props: {
+    dataSource: {
+      type: Object,
+      default: function() {
+        return {
+          url: "http://k5t.jst-gov.com/contents/apps/TitleImage.json",
+          root: "",
+          fields: {
+            title: "Title",
+            img: "TitleImageUrl"
+          }
+        };
+      }
+    },
+    uiConfig: {
+      type: Object,
+      default: function() {
+        return {
+          autotime: 5000
+        };
+      }
+    }
+  },
+  mounted() {
+    var vm = this;
+    var item = vm.dataSource.fields;
+    this.$get(this.dataSource.url).then(res => {
+      var list = [];
+      for (let i = 0; i < res.length; i++) {
+        var obj = {};
+        for (const key in item) {
+          obj[key] = res[i][item[key]];
+        }
+        list.push(obj);
+      }
+
+      vm.item = list;
+    });
+  },
+  data() {
+    return {
+      item: [
+        // {
+        //   img:
+        //     "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1499844476,2082399552&fm=26&gp=0.jpg",
+        //   title:
+        //     "标题1标题1标题1标题1标题1标题1题1标题1题1标题1题1标题1题1标题1题1标题1题1标题1题1标题1标题1",
+        //   href: "javascript:;"
+        // },
+        // {
+        //   img:
+        //     "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3125448337,4108128754&fm=26&gp=0.jpg",
+        //   title: "标题2标题2标题2标题2标题2标题2标题2",
+        //   href: "javascript:;"
+        // },
+        // {
+        //   img:
+        //     "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3820928597,3773863502&fm=26&gp=0.jpg",
+        //   title: "标题3标题3标题3标题3标题3标题3标题3标题3标题3",
+        //   href: "javascript:;"
+        // }
+      ]
+    };
+  }
+};
+</script>
+<style  scoped>
+.yd-slider-item {
+  height: 4rem;
+  width: 100%;
+}
+.yd-slider-item img {
+  height: 4rem;
+  width: 100%;
+}
+.yd-slider-item a {
+  display: block;
+  height: 4rem;
+  position: relative;
+  width: 100%;
+}
+.yd-slider-item a span {
+  position: absolute;
+  bottom: 0;
+  font-size: 0.3rem;
+  height: 0.4rem;
+  line-height: 0.4rem;
+  width: 100%;
+  padding: 0 0.2rem;
+  box-sizing: border-box;
+  overflow: hidden;
+  background: rgba(0, 0, 0, 0.3);
+  color: white;
+  left: 0;
+  right: 0;
+}
+</style>
\ No newline at end of file

src/packages/tab/index.js

+import tab from "./tab"
+tab.install=function(Vue){
+    Vue.component(tab.name,tab)
+}
+export default tab
\ No newline at end of file

src/packages/tab/tab.vue

+<template>
+  <yd-tab>
+    <yd-tab-panel v-for="(item,index) of jsondata" :key="index" :label="item.labtitle">
+      <demo-businesslist :jsondata="item.itemlist"></demo-businesslist>
+    </yd-tab-panel>
+  </yd-tab>
+</template>
+<script>
+export default {
+  name: "KvTab",
+  props: {
+    jsondata: {
+      type: Array,
+      default: function() {
+        return [
+          {
+            labtitle: "选项一",
+            itemlist: {
+              bgcolor: "#1b81ee",
+              bgimg: "../../../static/baogao.png",
+              itemtitle: "报告",
+              href: "javascript:;",
+              itemdata: [
+                {
+                  title: "委托单位名称委托单位",
+                  subtitle: "JST-123456",
+                  times: "2001-02-04",
+                  results: "合格"
+                },
+                {
+                  title: "委托单位名称委托单位1",
+                  subtitle: "JST-123456",
+                  times: "2001-02-02",
+                  results: "合格"
+                }
+              ]
+            }
+          },
+          {
+            labtitle: "选项二",
+            itemlist: {
+              bgcolor: "#1b81ee",
+              bgimg: "../../../static/baogao.png",
+              itemtitle: "报告",
+              href: "javascript:;",
+              itemdata: [
+                {
+                  title: "委托单位名称委托单位",
+                  subtitle: "JST-123456",
+                  times: "2001-02-03",
+                  results: "合格"
+                },
+                {
+                  title: "委托单位名称委托单位1",
+                  subtitle: "JST-123456",
+                  times: "2001-02-02",
+                  results: "合格"
+                }
+              ]
+            }
+          }
+        ];
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+
+  created() {},
+  mounted() {}
+};
+</script>
+<style scoped>
+</style>
\ No newline at end of file

src/packages/threelist/index.js

+import threelist from "./threelist"
+threelist.install=function(Vue){
+    Vue.component(threelist.name,threelist)
+}
+export default threelist
\ No newline at end of file

src/packages/threelist/threelist.vue

+<template>
+  <div class="weui-grids" style="margin-top: 0">
+    <a :href="item.href" class="weui-grid js_grid" v-for="(item,index) of jsondata" :key="index">
+      <div class="weui-grid__icon">
+        <img :src="item.img" alt />
+      </div>
+      <p class="weui-grid__label">{{item.title}}</p>
+    </a>
+  
+  </div>
+</template>
+<script>
+export default {
+  name: "KvThreelist",
+  props:{
+      jsondata:{
+          type:Array,
+          default:function(){
+              return [
+                 
+              ]
+          }
+      }
+  },
+  data() {
+    return {};
+  },
+  created() {},
+  mounted() {}
+};
+</script>
+<style scoped>
+.weui-grids {
+  background: white;
+  display: flex;
+  justify-content: space-around;
+  margin-bottom: 0.2rem;
+}
+.weui-grid {
+  position: relative;
+  float: left;
+  padding: 20px 10px;
+  width: 33.33333333%;
+  box-sizing: border-box;
+}
+.js_grid {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.4rem 0;
+}
+.weui-grid__icon {
+  width: 0.56rem;
+  height: 0.56rem;
+  margin: 0 auto;
+  margin-bottom: 0.2rem;
+}
+.weui-grid__icon img {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.weui-grid:before {
+  content: " ";
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 1px;
+  bottom: 0;
+  border-right: 1px solid #d9d9d9;
+  color: #d9d9d9;
+  -webkit-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+}
+.weui-grid:after {
+  content: " ";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  height: 1px;
+  border-bottom: 1px solid #d9d9d9;
+  color: #d9d9d9;
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+.weui-grid__label {
+  display: block;
+  text-align: center;
+  color: #000000;
+  font-size: 14px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+</style>
\ No newline at end of file

src/packages/userinfo/index.js

+import userinfo from "./userinfo"
+userinfo.install=function(Vue){
+    Vue.component(userinfo.name,userinfo)
+}
+export default userinfo
\ No newline at end of file

src/packages/userinfo/userinfo.vue

+<template>
+  <div style="margin-bottom:0.2rem;">
+    <a class="head" href="javascript:;" style="display: flex; align-items: center;">
+      <img id="userhead" :src="jsondata.img" alt />
+      <div class="info">
+        <div class="name">
+          <span id="name">{{jsondata.name}}</span>
+        </div>
+        <div class="phone" id="billing">
+          <span>{{jsondata.company}}</span>
+          <span style="color: #05A3FA">,立即绑定</span>
+        </div>
+        <div class="phone">
+          <span id="org"></span>
+        </div>
+      </div>
+      <div style="margin-left: 0.4rem;">
+        <span class="right_arrow"></span>
+      </div>
+    </a>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvUserinfo",
+  props:{
+      jsondata:{
+          type:Object,
+          default:function(){
+              return{
+                 
+              }
+          }
+      }
+  },
+  data() {
+    return {};
+  },
+  created() {},
+  mounted() {}
+};
+</script>
+<style scoped>
+.head img {
+  height: 1.5rem;
+  width: 1.5rem;
+  border-radius: 50%;
+  float: left;
+  margin-right: 0.2rem;
+  margin-left: 0.4rem;
+}
+
+.info {
+  float: left;
+  padding: 0.2rem 0;
+  width: 50%;
+}
+
+.head {
+  padding: 0.2rem;
+  display: block;
+  color: #333;
+  width: 100%;
+  overflow: hidden;
+}
+
+.name {
+  font-size: 0.36rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+
+.name span:nth-child(2) {
+  font-size: 12px;
+  color: #b2b1b1;
+}
+
+.phone {
+  text-align: left;
+  font-size: 0.28rem;
+  margin-top: 0.1rem;
+}
+.right_arrow {
+  display: inline-block;
+  border-top: 2px solid;
+  border-right: 2px solid;
+  width: 14px;
+  height: 14px;
+  border-color: #7e7e7e;
+  transform: rotate(45deg);
+}
+</style>
\ No newline at end of file

src/packages/userlist/index.js

+import userlist from "./userlist"
+userlist.install=function(Vue){
+    Vue.component(userlist.name,userlist)
+}
+export default userlist
\ No newline at end of file

src/packages/userlist/userlist.vue

+<template>
+  <div class="user-server">
+    <p class="title" v-if="jsondata.switchtitle">{{jsondata.titlecontent}}</p>
+    <ul class="content"> 
+      <li v-for="(item,index) in jsondata.userlits" :key="index" :data-id="item.id" class="demo-chose">
+        <a :href="item.href" class="purview">
+          <img :src="item.img" v-if="jsondata.type==1"/>
+          <span v-else-if="jsondata.type==2">{{item.img}}</span>
+          <span>{{item.name}}</span>
+        </a>
+      </li>
+     
+    </ul>
+  </div>
+</template>
+<script>
+export default {
+  name: "KvUserlist",
+  props: {
+    jsondata: {
+      type: Object,
+      default: function() {
+        return {
+          userlits: [
+            {
+              href: "javascript:;",
+              name: "企业信息",
+              img: "../../../static/company.png",
+              id:"btn4"
+            },
+            {
+              href: "javascript:;",
+              name: "开票管理",
+              img: "../../../static/invioce.png",
+              id:"btn5"
+            },
+            {
+              href: "javascript:;",
+              name: "权限管理",
+              img: "../../../static/quanxian.png",
+              id:"btn6"
+            }
+          ],
+          switchtitle: true,
+          titlecontent: "服务",
+          type:1
+        };
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  created() {},
+  mounted() {}
+};
+</script>
+<style scoped>
+.user-server {
+  background: white;
+  margin-bottom: 0.2rem;
+  padding: 0.2rem;
+}
+
+.user-server .title {
+  border-bottom: 1px solid #f2f2f2;
+  font-size: 0.3rem;
+  padding-bottom: 0.2rem;
+  text-align: left;
+}
+.user-server .content li span:nth-child(1) {
+    font-size: 0.36rem;
+    color: #FF9102
+}
+.user-server .content {
+  display: flex;
+  justify-content: space-around;
+  margin-top: 0.2rem;
+}
+
+.content li a {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.content li img {
+  width: 0.5rem;
+  margin-bottom: 0.2rem;
+}
+
+.content li span:nth-child(2) {
+  font-size: 0.3rem;
+  color: #bab4ad;
+}
+.content li span:nth-child(1) {
+  font-size: 0.36rem;
+  margin-bottom: 0.2rem;
+  color: #bab4ad;
+}
+</style>
\ No newline at end of file

src/router/index.js

+import Vue from 'vue'
+import Router from 'vue-router'
+import HelloWorld from '@/components/HelloWorld'
+
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'HelloWorld',
+      component: HelloWorld
+    }
+  ]
+})