新样式

.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"]
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.gitignore

@@ -0,0 +1,14 @@
+.DS_Store
+node_modules/
+/dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

.postcssrc.js

@@ -0,0 +1,10 @@
+// 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

@@ -0,0 +1,21 @@
+# mingshijiyuan
+
+> 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
+```
+
+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

@@ -0,0 +1,41 @@
+'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

@@ -0,0 +1,54 @@
+'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

@@ -0,0 +1,101 @@
+'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

@@ -0,0 +1,22 @@
+'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

@@ -0,0 +1,83 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+require("babel-polyfill")
+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
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+      'styles': resolve('src/assets/styles'),
+    }
+  },
+  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

@@ -0,0 +1,95 @@
+'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

@@ -0,0 +1,145 @@
+'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 = 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: 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

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

config/index.js

@@ -0,0 +1,69 @@
+'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: {},
+
+    // Various Dev Server settings
+    host: '192.168.0.106', // 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

@@ -0,0 +1,4 @@
+'use strict'
+module.exports = {
+  NODE_ENV: '"production"'
+}

index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>北京明世纪元招标有限公司</title>
+    <script src="static/laydate/laydate.js"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

package.json

@@ -0,0 +1,68 @@
+{
+  "name": "mingshijiyuan",
+  "version": "1.0.0",
+  "description": "A Vue.js project",
+  "author": "dong_bo0602 <358256383@qq.com>",
+  "private": true,
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "start": "npm run dev",
+    "build": "node build/build.js"
+  },
+  "dependencies": {
+    "axios": "^0.21.1",
+    "babel-polyfill": "^6.26.0",
+    "stylus": "^0.54.8",
+    "stylus-loader": "^3.0.2",
+    "vue": "^2.5.2",
+    "vue-awesome-swiper": "^2.6.7",
+    "vue-baidu-map": "^0.21.22",
+    "vue-router": "^3.0.1"
+  },
+  "devDependencies": {
+    "autoprefixer": "^7.1.2",
+    "babel-core": "^6.22.1",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-loader": "^7.1.1",
+    "babel-plugin-syntax-jsx": "^6.18.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",
+    "chalk": "^2.0.1",
+    "copy-webpack-plugin": "^4.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",
+    "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",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.6",
+    "uglifyjs-webpack-plugin": "^1.1.1",
+    "url-loader": "^0.5.8",
+    "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"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}

src/App.vue

@@ -0,0 +1,15 @@
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+
+</style>

src/assets/components/Footer.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="footer">
+    <p>Copyright © 2021-2032 北京明世继元招标有限公司 版权所有</p>
+    <p>京ICP备05008466号-1</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "",
+  components: {},
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+.footer
+  background #2c367e
+  padding 35px 0
+  text-align center
+  min-width 1200px
+  p
+    font-size 12px
+    color #999
+    line-height 25px
+</style>

src/assets/components/Header.vue

@@ -0,0 +1,155 @@
+<template>
+  <div class="header">
+    <div class="header-container">
+      <div class="header-contact">
+        <span class="phone">010-63518887</span>
+        <span class="email">bjmsjy@163.com</span>
+      </div>
+      <div class="nav">
+        <router-link to="/" class="logo" tag="div">
+          <img src="@/assets/images/logo.png" alt="">
+        </router-link>
+        <ul class="nav-box">
+          <router-link to="/" tag="li">网站首页</router-link>
+          <router-link to="/info" tag="li" :class="{active: this.$route.path == '/info'}">信息公告</router-link>
+          <router-link to="/company" tag="li" :class="{active: this.$route.path == '/company' || this.$route.path == '/honor'}">
+            关于我们
+            <div class="child">
+              <router-link to="/company">公司简介</router-link>
+              <router-link to="/honor">公司荣誉</router-link>
+            </div>
+          </router-link>
+          <router-link to="/policy" tag="li" :class="{active: this.$route.path == '/policy'}">政策法规</router-link>
+          <router-link to="/contact" tag="li" :class="{active: this.$route.path == '/contact'}">联系我们</router-link>
+          <router-link to="/recruit" tag="li" :class="{active: this.$route.path == '/recruit'}">职位招聘</router-link>
+        </ul>
+      </div>
+    </div>
+    <div class="banner">
+      <swiper ref="mySwiper" :options="swiperOptions">
+        <swiper-slide>
+          <img :src="requestUrl + '/news/route/file/downloadfile/true/' + coverPhoto" alt="">
+        </swiper-slide>
+<!--        <div class="swiper-pagination" slot="pagination"></div>-->
+      </swiper>
+    </div>
+  </div>
+</template>
+
+<script>
+import url from '@/assets/public/url'
+export default {
+  name: "",
+  components: {},
+  props: {
+    coverPhoto: String
+  },
+  data() {
+    return {
+      requestUrl: url.url,
+      swiperOptions: {
+        // pagination: '.swiper-pagination',
+        paginationClickable: true,
+        autoplay: 3000
+      }
+    }
+  },
+  methods: {},
+  mounted() {
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.header
+  //background $main-blue
+  height 530px
+  position relative
+  .header-container
+    width 1200px
+    margin 0 auto
+    .header-contact
+      padding 10px 0
+      span
+        font-size 12px
+        display inline-block
+        color #fff
+        font-style oblique
+        padding 0 15px 0 20px
+        &.phone
+          background url("~@/assets/images/phone.png") no-repeat left center
+          border-right 1px solid #fff
+          margin-right 10px
+        &.email
+          background url("~@/assets/images/email.png") no-repeat left center
+    .nav
+      padding 10px 20px
+      background #fff
+      border-radius 10px
+      &:after
+        content ''
+        display block
+        clear both
+      .logo
+        float left
+        cursor pointer
+        img
+          width 60px
+          //height 60px
+      .nav-box
+        float right
+        margin-top 10px
+        &:after
+          content ''
+          display block
+          clear both
+        li
+          float left
+          line-height 48px
+          font-size 16px
+          color #333
+          margin-right 80px
+          cursor pointer
+          position relative
+          border-bottom 3px solid transparent
+          &:last-child
+            margin-right 0
+          &.active, &:hover
+            font-weight bold
+            color $main-blue
+            border-bottom 3px solid $main-red
+          &:hover
+            a
+              font-weight normal
+            .child
+              display block
+          .child
+            position absolute
+            top 100%
+            left -13px
+            padding 0 10px
+            width 110%
+            box-shadow 0 0 10px #EEE
+            display none
+            background #fff
+            a
+              display block
+              line-height 40px
+              font-size 16px
+              color #333
+              text-align center
+              &:hover
+                font-weight bold
+                color $main-blue
+  .banner
+    position absolute
+    top 0
+    left 0
+    right 0
+    bottom 0
+    z-index -1
+    img
+      width 100%
+      height 530px
+</style>

src/assets/public/url.js

@@ -0,0 +1,4 @@
+const url = 'http://39.102.204.93'
+export default {
+  url
+}

src/assets/styles/public.styl

@@ -0,0 +1,2 @@
+$main-red = #b71e23
+$main-blue = #2c367e

src/assets/styles/reset.css

@@ -0,0 +1,2 @@
+@charset "utf-8";a,body,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,option,p,select,span,strong,table,td,textarea,th,ul,var{margin:0;padding:0}body,html{font:400 100% "微软雅黑",Arail,Tabhoma;text-align:left;color:#535353;-webkit-font-smoothing:antialiased;line-height:normal}ol,ul{list-style:none}img{border:0;vertical-align:top}input,select,textarea{outline:0}textarea{resize:none}table{border-collapse:collapse;border-spacing:0}em,strong,th,var{font-weight:400;font-style:normal}a{text-decoration:none;color:#555}a,input{-webkit-tap-highlight-color:transparent}[v-cloak]{display: none}
+.BMap_cpyCtrl, .anchorBL{display: none !important}

src/main.js

@@ -0,0 +1,23 @@
+// 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 '@/assets/styles/reset.css'
+import VueAwesomeSwiper from 'vue-awesome-swiper'
+import 'babel-polyfill'
+import BaiduMap from 'vue-baidu-map'
+Vue.use(BaiduMap, {
+  ak: 'OMpRxEIx1s7uMebZM9R09V4bv5zapeIm'
+})
+import 'swiper/dist/css/swiper.css'
+Vue.use(VueAwesomeSwiper)
+Vue.config.productionTip = false
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#app',
+  router,
+  components: { App },
+  template: '<App/>'
+})

src/pages/CompanyIntro/CompanyIntro.vue

@@ -0,0 +1,183 @@
+<template>
+  <div>
+    <Header :coverPhoto="coverPhoto"></Header>
+    <div class="info">
+      <div class="title">
+        <h3>公司简介 / Company Profile</h3>
+        <p>公司简介</p>
+      </div>
+      <div class="intro-content" v-html="introContent"></div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from '@/assets/components/Header'
+import Footer from '@/assets/components/Footer'
+import url from '@/assets/public/url'
+import axios from 'axios'
+export default {
+  name: "CompanyIntro",
+  components: {
+    Header,
+    Footer
+  },
+  data() {
+    return {
+      requestUrl: url.url,
+      introContent: '',
+      coverPhoto: ''
+    }
+  },
+  methods: {
+    getIntro: function () {
+      var self = this
+      var info = {
+        page: 1,
+        rows: 10,
+        newsDirectoriesId: 'a2c3ed88-5ea4-4a60-8af6-f25733e6886f',
+      }
+      self.isLoading = true
+      axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
+        params: info
+      }).then(function (res) {
+        self.getIntroDetail(res.data.rows[0].newsContentId)
+      })
+    },
+    getIntroDetail: function (id) {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newscontent/getnewscontentbyidrelease/' + id).then(function (res) {
+        self.introContent = res.data.newsContentContent
+        self.isLoading = false
+      })
+    },
+    // 获取版块介绍
+    getBoxIntro: function () {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/a2c3ed88-5ea4-4a60-8af6-f25733e6886f').then(function (res) {
+        self.coverPhoto = res.data.directoriesPhoto
+      })
+    },
+  },
+  mounted() {
+    this.getIntro()
+    this.getBoxIntro()
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.banner, .banner img
+  width 100%
+  height 400px
+.info
+  width 1200px
+  margin 35px auto
+  .title
+    text-align center
+    padding 25px 0
+    border-bottom 1px solid $main-blue
+    margin-bottom 50px
+    h3
+      font-size 28px
+      color #666
+      font-weight normal
+      margin-bottom 15px
+    p
+      font-size 14px
+      color #999
+
+  .info-search
+    overflow hidden
+    em
+      float left
+      height 40px
+      line-height 40px
+      font-size 16px
+      font-weight bold
+      color $main-blue
+    .search-box
+      float left
+      margin-right 20px
+      font-size 0
+      .search-title
+        display inline-block
+        width 100px
+        height 40px
+        line-height 40px
+        background $main-blue
+        color #fff
+        font-size 14px
+        vertical-align top
+        text-align center
+      select, input
+        width 160px
+        height 40px
+        border 1px solid  #ddd
+        padding 0 10px
+        box-sizing border-box
+        vertical-align top
+    button
+      display block
+      float left
+      border none
+      width 80px
+      height 40px
+      color #ffffff
+      background $main-blue
+      cursor pointer
+  .info-list
+    margin-top 50px
+    ul
+      min-height 500px
+      li
+        box-shadow 0 0 10px #EEE
+        border-radius 5px
+        overflow hidden
+        margin-bottom 15px
+        cursor pointer
+        &:hover
+          background #eee
+        .info-title
+          padding 0 20px
+          height 40px
+          line-height 40px
+          margin-bottom 15px
+          span
+            display inline-block
+            width 90px
+            font-size 16px
+            color #fff
+            font-weight bold
+            border-bottom-right-radius 20px
+            text-align center
+            &.type1
+              background #006cbd
+            &.type2
+              background #b71e23
+            &.type3
+              background #2c367e
+            &.type4
+              background #a0a0a0
+        .info-intro
+          padding 0 20px 20px
+          p
+            font-size 14px
+            color #333
+            line-height 25px
+          .address-time
+            overflow hidden
+            margin-top 20px
+            font-size 14px
+            color $main-blue
+            .address
+              float left
+            .time
+              float right
+.intro-content
+  padding 20px
+  //border 1px solid #eee
+  min-height 500px
+</style>

src/pages/Contact/Contact.vue

@@ -0,0 +1,133 @@
+<template>
+  <div>
+    <Header :coverPhoto="coverPhoto"></Header>
+<!--    <div class="banner">-->
+<!--      <img src="@/assets/images/banner5.png" alt="">-->
+<!--    </div>-->
+    <div class="contact">
+      <div class="title">
+        <h3>联系我们 / Contact us</h3>
+        <p>有任何需求请与我们联系</p>
+      </div>
+      <baidu-map class="map" :center="center" :zoom="zoom" :scroll-wheel-zoom="true">
+        <bm-marker :position="{lng: 116.332377, lat: 39.888685}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE"></bm-marker>
+      </baidu-map>
+      <div class="contact-detail">
+        <h3>北京明世继元招标有限公司</h3>
+        <div class="contact-info">
+          <div class="contact-info-text">
+            <img src="@/assets/images/contact-address.png" alt="">
+            <h4>地址</h4>
+            <p>北京市西城区马连道路11号一商大厦1503</p>
+          </div>
+          <div class="contact-info-text">
+            <img src="@/assets/images/contact-phone.png" alt="">
+            <h4>电话</h4>
+            <p>010-63518887</p>
+          </div>
+          <div class="contact-info-text">
+            <img src="@/assets/images/contact-net.png" alt="">
+            <h4>网址</h4>
+<!--            <p>www.baidu.com</p>-->
+          </div>
+          <div class="contact-info-text">
+            <img src="@/assets/images/contact-email.png" alt="">
+            <h4>邮箱</h4>
+            <p>bjmsjy@163.com</p>
+          </div>
+          <div class="contact-info-text">
+            <img src="@/assets/images/contact-cz.png" alt="">
+            <h4>传真</h4>
+            <p> 010-63518887 -86</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from '@/assets/components/Header'
+import Footer from '@/assets/components/Footer'
+import axios from "axios";
+import url from '@/assets/public/url'
+export default {
+  name: "Contact",
+  components: {
+    Header,
+    Footer
+  },
+  data() {
+    return {
+      center: {lng: 116.332377, lat: 39.888685},
+      zoom: 16,
+      marker: {lng: 116.332377, lat: 39.888685},
+      coverPhoto: '',
+      requestUrl: url.url,
+    }
+  },
+  methods: {
+    // 获取版块介绍
+    getBoxIntro: function () {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/69c93d1e-44a4-4664-ad7d-e6ba3bc8e720').then(function (res) {
+        self.coverPhoto = res.data.directoriesPhoto
+      })
+    },
+  },
+  mounted() {
+    this.getBoxIntro()
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.banner, .banner img
+  width 100%
+  height 400px
+.contact
+  width 1200px
+  margin 35px auto
+  .title
+    text-align center
+    padding 25px 0
+    border-bottom 1px solid $main-blue
+    margin-bottom 50px
+    h3
+      font-size 28px
+      color #666
+      font-weight normal
+      margin-bottom 15px
+    p
+      font-size 14px
+      color #999
+
+  .map
+    width 100%
+    height 600px
+  .contact-detail
+    margin-top 60px
+    h3
+      text-align center
+      font-size 18px
+      color #333
+      margin-bottom 60px
+    .contact-info
+      overflow hidden
+      .contact-info-text
+        float left
+        width 20%
+        text-align center
+        padding 0 15px
+        box-sizing border-box
+        h4
+          font-size 20px
+          color #666
+          margin 50px 0 20px
+        p
+          font-size 16px
+          color #666
+          line-height 25px
+</style>

src/pages/Honor/Honor.vue

@@ -0,0 +1,216 @@
+<template>
+  <div>
+    <Header :coverPhoto="coverPhoto"></Header>
+<!--    <div class="banner">-->
+<!--      <img src="@/assets/images/banner4.png" alt="">-->
+<!--    </div>-->
+    <div class="honor">
+      <div class="title">
+        <h3>公司荣誉 / Company honor</h3>
+        <p>凝结了我们多年的努力</p>
+      </div>
+      <div class="honor-container">
+        <ul>
+          <li v-for="(honor, idx) in honorList" :key="idx" :title="honor.newsContentTitle" @click="goDetail(honor.newsContentLink, honor.templateRecordUrl, honor.newsContentType, honor.newsContentContent)">
+            <div class="honor-name">{{ honor.newsContentTitle }}</div>
+            <img :src="requestUrl + '/news/route/file/downloadfile/true/' + honor.newsContentCoverList" alt="">
+            <p>{{ honor.newsContentSummary }}</p>
+            <span>REAM MORE</span>
+          </li>
+        </ul>
+      </div>
+      <div class="pager" v-if="page.totalPage > 1">
+        <span @click="paging(1)">首页</span>
+        <span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
+        <ul v-if="page.totalPage > 0 && page.totalPage <= 5">
+          <li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
+            {{cpage}}
+          </li>
+        </ul>
+        <ul v-if="page.totalPage > 5">
+          <li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
+            {{cpage}}
+          </li>
+          <li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(page.totalPage - 5 + cpage)">
+            {{page.totalPage - 5 + cpage}}
+          </li>
+          <li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(page.page - (3 - cpage))">
+            {{page.page - (3 - cpage)}}
+          </li>
+        </ul>
+        <span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
+        <span @click="paging(page.totalPage)">尾页</span>
+      </div>
+    </div>
+    <div class="loading" v-if="isLoading">
+      <img src="@/assets/images/loading.gif" alt="">
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from '@/assets/components/Header'
+import Footer from '@/assets/components/Footer'
+import url from '@/assets/public/url'
+import axios from 'axios'
+export default {
+  name: "Honor",
+  components: {
+    Header,
+    Footer
+  },
+  data() {
+    return {
+      requestUrl: url.url,
+      honorList: [],
+      isLoading: false,
+      page: {
+        page: 1,
+        rows: 1,
+        totalPage: 10,
+        newsDirectoriesId: 'a6674c61-ff68-4364-a9c4-61af3e4a3b58',
+      },
+      coverPhoto: ''
+    }
+  },
+  methods: {
+    getHonor: function () {
+      var self = this
+      self.isLoading = true
+      axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
+        params: self.page
+      }).then(function (res) {
+        for (var i = 0; i < res.data.rows.length; i++) {
+          res.data.rows[i].newsContentCoverList = res.data.rows[i].newsContentCoverList[0].contentCoverId
+        }
+        self.honorList = res.data.rows
+        self.page.page = res.data.page
+        self.page.totalPage = Math.ceil(res.data.total / self.page.rows)
+        self.isLoading = false
+      })
+    },
+    paging: function (page) {
+      this.page.page = page
+      // this.isLoading = true
+      this.getHonor()
+    },
+    goDetail: function (link, url, type, outlink) {
+      if (type === '6') {
+        window.open(outlink)
+      } else {
+        window.location.href = this.requestUrl + '/' +url
+      }
+    },
+    // 获取版块介绍
+    getBoxIntro: function () {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/a2c3ed88-5ea4-4a60-8af6-f25733e6886f').then(function (res) {
+        self.coverPhoto = res.data.directoriesPhoto
+      })
+    },
+  },
+  mounted() {
+    this.getHonor()
+    this.getBoxIntro()
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.loading
+  position fixed
+  top 50%
+  left 50%
+  transform translate(-50%, -50%)
+  background rgba(255,255,255,0.6)
+  padding 30px
+  border-radius 10px
+  box-shadow 0 0 17px #DEDEDE
+.banner, .banner img
+  width 100%
+  height 400px
+.honor
+  width 1200px
+  margin 35px auto
+  .title
+    text-align center
+    padding 25px 0
+    border-bottom 1px solid $main-blue
+    margin-bottom 50px
+    h3
+      font-size 28px
+      color #666
+      font-weight normal
+      margin-bottom 15px
+    p
+      font-size 14px
+      color #999
+  .honor-container
+    ul
+      &:after
+        content ''
+        display block
+        clear both
+      li
+        float left
+        width 370px
+        margin-right 45px
+        margin-bottom 40px
+        border-radius 5px
+        border-bottom 1px solid #eee
+        padding-bottom 10px
+        cursor pointer
+        &:nth-child(3n)
+          margin-right 0
+        .honor-name
+          font-size 18px
+          color #4c4c4c
+          font-weight bold
+          margin-bottom 15px
+        img
+          width 100%
+          height 220px
+        p
+          font-size 14px
+          line-height 25px
+          color #4c4c4c
+        span
+          font-size 14px
+          color $main-blue
+.pager
+  text-align center
+  font-size 0
+  margin-bottom 20px
+  span
+    display inline-block
+    padding 0 15px
+    line-height 30px
+    color #333
+    font-size 14px
+    margin 0 5px
+    vertical-align middle
+    cursor pointer
+    border 1px solid #CCCCCC
+  ul
+    display inline-block
+    overflow hidden
+    vertical-align middle
+    li
+      width 30px
+      line-height 30px
+      float left
+      margin-right 10px
+      cursor pointer
+      text-align center
+      font-size 14px
+      color #333
+      border 1px solid #CCCCCC
+      &.active
+        color: $main-blue
+        border 1px solid $main-blue
+        box-sizing border-box
+      &:last-child
+        margin 0
+</style>

src/pages/Index/Index.vue

@@ -0,0 +1,345 @@
+<template>
+  <div>
+    <div class="header">
+      <div class="header-contact">
+        <span class="phone">010-63518887</span>
+        <span class="email">bjmsjy@163.com</span>
+      </div>
+      <div class="logo">
+        <router-link to="/">
+          <img src="@/assets/images/logo.png" alt="">
+        </router-link>
+        <ul class="nav-box">
+          <router-link to="/" tag="li" class="active">网站首页</router-link>
+          <router-link to="/info" tag="li">信息公告</router-link>
+          <router-link to="/company" tag="li">
+            关于我们
+            <div class="child">
+              <router-link to="/company">公司简介</router-link>
+              <router-link to="/honor">公司荣誉</router-link>
+            </div>
+          </router-link>
+          <router-link to="/policy" tag="li">政策法规</router-link>
+          <router-link to="/contact" tag="li">联系我们</router-link>
+          <router-link to="/recruit" tag="li">职位招聘</router-link>
+        </ul>
+      </div>
+      <div class="banner">
+        <swiper ref="mySwiper" :options="swiperOptions">
+          <swiper-slide v-for="(banner,idx) in bannerList" :key="idx">
+            <img :src="requestUrl + '/news/route/file/downloadfile/true/' + banner.newsContentCoverList" alt="">
+          </swiper-slide>
+          <div class="swiper-pagination" slot="pagination"></div>
+        </swiper>
+      </div>
+    </div>
+<!--    <banner :bannerList="bannerList"></banner>-->
+    <div class="nav">
+      <div class="nav-container">
+        <ul>
+          <li class="active">网站首页</li>
+          <router-link to="/info" tag="li">信息公告</router-link>
+          <router-link to="/company" tag="li">
+            关于我们
+            <div class="child">
+              <router-link to="/company">公司简介</router-link>
+              <router-link to="/honor">公司荣誉</router-link>
+            </div>
+          </router-link>
+          <router-link to="/policy" tag="li">政策法规</router-link>
+          <router-link to="/contact" tag="li">联系我们</router-link>
+          <router-link to="/recruit" tag="li">职位招聘</router-link>
+        </ul>
+      </div>
+    </div>
+    <Intro :introContent="introContent"></Intro>
+    <Bidding :biddingList="biddingList" :winBidList="winBidList"></Bidding>
+    <CompanyInfo :honorIntro="honorIntro" :policyIntro="policyIntro" :recruitIntro="recruitIntro"></CompanyInfo>
+    <Contact></Contact>
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from '@/assets/components/Header'
+import Footer from '@/assets/components/Footer'
+import Banner from './components/Banner'
+import Intro from './components/Intro'
+import Bidding from './components/Bidding'
+import CompanyInfo from './components/CompanyInfo'
+import Contact from './components/Contact'
+import url from '@/assets/public/url'
+import axios from 'axios'
+export default {
+  name: "Index",
+  components: {
+    Header,
+    Banner,
+    Intro,
+    Bidding,
+    CompanyInfo,
+    Contact,
+    Footer
+  },
+  data() {
+    return {
+      requestUrl: url.url,
+      biddingList: [],
+      winBidList: [],
+      bannerList: [],
+      honorIntro: '',
+      policyIntro: '',
+      recruitIntro: '',
+      introContent: '',
+      swiperOptions: {
+        pagination: '.swiper-pagination',
+        paginationClickable: true,
+        autoplay: 3000
+      }
+    }
+  },
+  methods: {
+    // 获取招标公告
+    getBidding: function () {
+      var self = this
+      var info = {
+        page: 1,
+        rows: 8,
+        newsDirectoriesId: '50af3433-9e9d-4921-aa8d-b994f62a9fa0'
+      }
+      axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
+        params: info
+      }).then(function (res) {
+        self.biddingList = res.data.rows
+      })
+    },
+    // 获取中标公告
+    getwinBid: function () {
+      var self = this
+      var info = {
+        page: 1,
+        rows: 8,
+        newsDirectoriesId: 'b17cc9c5-81e9-4218-9814-656b92adcd33'
+      }
+      axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
+        params: info
+      }).then(function (res) {
+        self.winBidList = res.data.rows
+      })
+    },
+    // 获取轮播
+    getBanner: function () {
+      var self = this
+      var info = {
+        page: 1,
+        rows: 5,
+        newsDirectoriesId: '3814f671-3de5-4493-9d66-30ce6941cc54'
+      }
+      axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
+        params: info
+      }).then(function (res) {
+        for (let i = 0 ; i < res.data.rows.length; i++) {
+          res.data.rows[i].newsContentCoverList = res.data.rows[i].newsContentCoverList[0].contentCoverId
+        }
+        self.bannerList = res.data.rows
+      })
+    },
+    // 获取版块介绍
+    getHonorIntro: function () {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/a6674c61-ff68-4364-a9c4-61af3e4a3b58').then(function (res) {
+        self.honorIntro = res.data.directoriesDescription
+      })
+    },
+    // 获取版块介绍
+    getPolicyIntro: function () {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/0d9f6316-5aec-471c-bc25-5c661f5aa363').then(function (res) {
+        self.policyIntro = res.data.directoriesDescription
+      })
+    },
+    // 获取版块介绍
+    getRecruitIntro: function () {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/dffd3376-9f78-44bb-afa5-4b41b1b8a4c5').then(function (res) {
+        self.recruitIntro = res.data.directoriesDescription
+      })
+    },
+    // 获取公司介绍
+    getIntro: function () {
+      var self = this
+      var info = {
+        page: 1,
+        rows: 10,
+        newsDirectoriesId: 'a2c3ed88-5ea4-4a60-8af6-f25733e6886f',
+      }
+      self.isLoading = true
+      axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
+        params: info
+      }).then(function (res) {
+        self.getIntroDetail(res.data.rows[0].newsContentId)
+      })
+    },
+    getIntroDetail: function (id) {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newscontent/getnewscontentbyidrelease/' + id).then(function (res) {
+        self.introContent = res.data.newsContentContent
+        self.isLoading = false
+      })
+    },
+  },
+  mounted() {
+    this.getBidding()
+    this.getwinBid()
+    this.getBanner()
+    this.getHonorIntro()
+    this.getPolicyIntro()
+    this.getRecruitIntro()
+    this.getIntro()
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.header
+  //padding 10px 0
+  height 520px
+  position relative
+  .header-contact
+    width 1200px
+    margin 0 auto
+    box-sizing border-box
+    padding 10px 0
+    span
+      font-size 12px
+      display inline-block
+      color #fff
+      font-style oblique
+      padding 0 15px 0 20px
+      &.phone
+        background url("~@/assets/images/phone.png") no-repeat left center
+        border-right 1px solid #fff
+        margin-right 10px
+      &.email
+        background url("~@/assets/images/email.png") no-repeat left center
+  .logo
+    width 1200px
+    margin 0 auto
+    background #fff
+    padding 10px 20px
+    box-sizing border-box
+    border-radius 10px
+    &:after
+      content ''
+      display block
+      clear both
+    a
+      display block
+      float left
+      img
+        width 60px
+    .nav-box
+      float right
+      margin-top 10px
+      &:after
+        content ''
+        display block
+        clear both
+    li
+      float left
+      line-height 48px
+      font-size 16px
+      color #333
+      margin-right 80px
+      cursor pointer
+      position relative
+      border-bottom 3px solid transparent
+      &:last-child
+        margin-right 0
+      &.active, &:hover
+        font-weight bold
+        color $main-blue
+        border-bottom 3px solid $main-red
+      &:hover
+        a
+          font-weight normal
+        .child
+          display block
+      .child
+        position absolute
+        top 100%
+        left -13px
+        padding 0 10px
+        width 110%
+        box-shadow 0 0 10px #EEE
+        display none
+        background #fff
+        a
+          display block
+          line-height 40px
+          font-size 16px
+          color #333
+          text-align center
+          &:hover
+            font-weight bold
+            color $main-blue
+  .banner
+    position absolute
+    height 520px
+    top 0
+    left 0
+    right 0
+    bottom 0
+    z-index -1
+    img
+      width 100%
+      height 520px
+.nav
+  background #f9cd1b
+  .nav-container
+    width 1200px
+    margin 0 auto
+    ul
+      &:after
+        display block
+        content ''
+        clear both
+      li
+        width 65px
+        float left
+        height 40px
+        line-height 40px
+        cursor pointer
+        font-size 16px
+        color #2c367e
+        margin-right 160px
+        position relative
+        border-bottom 2px solid transparent
+        &:last-child
+          margin-right 0
+        &.active, &:hover
+          font-weight bold
+          border-bottom 2px solid $main-red
+        &:hover
+          a
+            font-weight normal
+          .child
+            display block
+        .child
+          position absolute
+          top 100%
+          left -10px
+          box-shadow 0 0 10px #EEE
+          padding 0 10px
+          width 110%
+          display none
+          a
+            display block
+            position relative
+            font-size 16px
+            color #2c367e
+            line-height 40px
+            &:hover
+              font-weight bold
+</style>

src/pages/Index/components/Banner.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="banner">
+    <swiper ref="mySwiper" :options="swiperOptions">
+      <swiper-slide v-for="(banner,idx) in bannerList" :key="idx">
+        <img :src="requestUrl + '/news/route/file/downloadfile/true/' + banner.newsContentCoverList" alt="">
+      </swiper-slide>
+      <div class="swiper-pagination" slot="pagination"></div>
+    </swiper>
+  </div>
+</template>
+
+<script>
+import url from '@/assets/public/url'
+export default {
+  name: "Banner",
+  components: {},
+  props: {
+    bannerList: Array
+  },
+  data() {
+    return {
+      requestUrl: url.url,
+      swiperOptions: {
+        pagination: '.swiper-pagination',
+        paginationClickable: true,
+        autoplay: 3000
+      }
+    }
+  },
+  methods: {},
+  mounted() {
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+.banner, .banner img
+  width 100%
+  height 500px
+
+</style>

src/pages/Index/components/Bidding.vue

@@ -0,0 +1,135 @@
+<template>
+  <div class="bidding">
+    <div class="bidding-box">
+      <div class="title">
+        <div class="title-icon">
+          <img src="@/assets/images/icon1.png" alt="">
+        </div>
+        <div class="title-text">招标公示</div>
+      </div>
+      <div class="bidding-news">
+        <ul>
+          <li v-for="(news, idx) in biddingList" :key="idx" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
+            <a href="javascript: void(0);" :title="news.newsContentTitle">{{news.newsContentTitle}}</a>
+            <span>{{news.newsContentPublishTime}}</span>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="bidding-box">
+      <div class="title">
+        <div class="title-icon">
+          <img src="@/assets/images/icon2.png" alt="">
+        </div>
+        <div class="title-text">中标公告</div>
+      </div>
+      <div class="bidding-news">
+        <ul>
+          <li v-for="(news, idx) in winBidList" :key="idx" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
+            <a href="javascript: void(0);" :title="news.newsContentTitle">{{news.newsContentTitle}}</a>
+            <span>{{news.newsContentPublishTime}}</span>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import url from '@/assets/public/url'
+export default {
+  name: "Bidding",
+  components: {},
+  props: {
+    biddingList: Array,
+    winBidList: Array
+  },
+  data() {
+    return {
+      url: url.url
+    }
+  },
+  methods: {
+    goDetail: function (link, url, type, outlink) {
+      if (type === '6') {
+        window.open(outlink)
+      } else {
+        window.open(this.url + '/' +url)
+      }
+    }
+  },
+  mounted() {
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.bidding
+  width 1200px
+  margin 0 auto 40px
+  overflow hidden
+  .bidding-box
+    width 580px
+    &:first-child
+      float left
+    &:last-child
+      float right
+    .title
+      overflow hidden
+      .title-icon
+        float left
+        width 45px
+        height 35px
+        background $main-red
+        position relative
+        img
+          position absolute
+          top 50%
+          left 50%
+          transform translate(-50%, -50%)
+      .title-text
+        float right
+        width 525px
+        height 35px
+        background $main-red
+        padding-left 15px
+        color #fff
+        line-height 35px
+        box-sizing border-box
+        font-size 18px
+    .bidding-news
+      ul
+        height 210px
+        li
+          height 35px
+          line-height 35px
+          padding-left 20px
+          a
+            display inline-block
+            max-width 70%
+            white-space nowrap
+            overflow hidden
+            text-overflow ellipsis
+            font-size 16px
+            color #666
+            padding-left 30px
+            position relative
+            &:after
+              content ''
+              display block
+              width 8px
+              height 8px
+              background #cacaca
+              border-radius 50%
+              position absolute
+              top 50%
+              left 0
+              margin-top -4px
+            &:hover
+              color $main-blue
+          span
+            float right
+            color #000
+            font-size 16px
+</style>

src/pages/Index/components/CompanyInfo.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class="info">
+    <div class="title">
+      <img src="@/assets/images/info-title.png" alt="">
+    </div>
+    <div class="info-container">
+      <router-link tag="div" to="/honor" class="info-box">
+        <img src="@/assets/images/info-img1.png" alt="">
+        <div class="info-text">
+          <h3>公司荣誉</h3>
+          <p>{{honorIntro}}</p>
+        </div>
+      </router-link>
+      <router-link tag="div" to="/policy" class="info-box">
+        <img src="@/assets/images/info-img2.png" alt="">
+        <div class="info-text">
+          <h3>政策法规</h3>
+          <p>{{policyIntro}}</p>
+        </div>
+      </router-link>
+      <router-link tag="div" to="/recruit" class="info-box">
+        <img src="@/assets/images/info-img3.png" alt="">
+        <div class="info-text">
+          <h3>公司招聘</h3>
+          <p>{{recruitIntro}}</p>
+        </div>
+      </router-link>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "CompanyInfo",
+  components: {},
+  props: {
+    honorIntro: String,
+    policyIntro: String,
+    recruitIntro: String,
+  },
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+.info
+  width 1200px
+  margin 0 auto 60px
+  .title
+    text-align center
+    margin-bottom 45px
+  .info-container
+    overflow hidden
+    .info-box
+      width 370px
+      float left
+      margin-right 45px
+      cursor pointer
+      &:last-child
+        margin-right 0
+      img
+        width 100%
+        height 200px
+      .info-text
+        padding 20px
+        background #f6f6f6
+        h3
+          font-size 20px
+          color #000
+          margin-bottom 5px
+          font-weight normal
+        p
+          font-size 14px
+          color #000
+          line-height 25px
+          height 50px
+          overflow hidden
+          display -webkit-box
+          -webkit-line-clamp 2
+          -webkit-box-orient vertical
+</style>

src/pages/Index/components/Contact.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="contact">
+    <div class="contact-icon">
+      <img src="@/assets/images/contact-icon.png" alt="">
+    </div>
+    <div class="contact-info">
+      <p>北京明世继元招标有限公司</p>
+      <p>地址：北京市西城区马连道路11号一商大厦1503室</p>
+      <p>电话：010-88683260</p>
+      <p>传真：010-88683260</p>
+      <p>邮箱：15963324200@163.com</p>
+      <p>邮编：100071</p>
+    </div>
+    <div class="contact-img">
+      <img src="@/assets/images/contact-img.png" alt="">
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Contact",
+  components: {},
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+.contact
+  width 1200px
+  margin 0 auto 70px
+  overflow hidden
+  .contact-icon
+    float left
+  .contact-info
+    float left
+    margin-left 60px
+    width 720px
+    border-right 2px solid #d2d2d2
+    box-sizing border-box
+    p
+      font-size 14px
+      color #333
+      line-height 25px
+  .contact-img
+    float left
+    text-align center
+    width 385px
+</style>

src/pages/Index/components/Intro.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="intro">
+    <div class="left">
+      <img src="@/assets/images/intro.png" alt="">
+      <div class="content" v-html="introContent"></div>
+      <router-link to="/company" tag="button">查看更多</router-link>
+    </div>
+    <div class="right">
+      <img src="@/assets/images/intro-right.png" alt="">
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Intro",
+  components: {},
+  props: {
+    introContent: String
+  },
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.intro
+  margin 50px auto 0
+  width 1200px
+  overflow hidden
+  .left
+    float left
+    width 600px
+    img
+      margin-bottom 35px
+    .content >>>
+      p
+        line-height 25px
+        font-size 14px
+        color #333
+        height 100px
+        overflow hidden
+        display -webkit-box
+        -webkit-line-clamp 4
+        -webkit-box-orient vertical
+    button
+      outline none
+      width 120px
+      height 30px
+      border 2px solid $main-red
+      color $main-red
+      box-sizing border-box
+      margin-top 50px
+      background none
+      cursor pointer
+  .right
+    float right
+</style>

src/pages/InfoPublic/InfoPublic.vue

@@ -0,0 +1,326 @@
+<template>
+  <div>
+    <Header :coverPhoto="coverPhoto"></Header>
+    <div class="info">
+      <div class="title">
+        <h3>信息公告 / Information Bulletin</h3>
+        <p>各类招标信息全面展示</p>
+      </div>
+      <div class="info-container">
+        <div class="info-search">
+<!--          <em>项目筛选：</em>-->
+          <div class="search-box">
+            <span class="search-title">公告类型</span>
+            <select v-model="page.newsDirectoriesId" @change="changeType">
+              <option value="50af3433-9e9d-4921-aa8d-b994f62a9fa0">招标公告</option>
+              <option value="b17cc9c5-81e9-4218-9814-656b92adcd33">中标公告</option>
+              <option value="0257b4f0-caac-481e-b528-5b096710301b">更正公告</option>
+              <option value="adfbde77-a1ca-4a4f-85c9-50de200824de">废标公告</option>
+            </select>
+          </div>
+          <div class="search-box">
+            <span class="search-title">关键字搜索</span>
+            <input type="text" placeholder="请输入关键字" v-model="page.keywords">
+          </div>
+          <div class="search-box">
+            <span class="search-title">起始时间</span>
+            <input type="text" placeholder="请选择起始时间" id="startTime" autocomplete="off" v-model="page.startTime">
+          </div>
+          <div class="search-box">
+            <span class="search-title">结束时间</span>
+            <input type="text" placeholder="请选择结束时间" id="endTime" autocomplete="off" v-model="page.endTime">
+          </div>
+          <button @click="changeType">搜索</button>
+        </div>
+        <div class="info-list">
+          <ul>
+            <li :title="news.newsContentTitle" v-for="(news, idx) in noticeList" :key="idx" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
+              <div class="info-title">
+                <span class="type1" v-if="page.newsDirectoriesId == '50af3433-9e9d-4921-aa8d-b994f62a9fa0'">招标公告</span>
+                <span class="type2" v-if="page.newsDirectoriesId == 'b17cc9c5-81e9-4218-9814-656b92adcd33'">中标公告</span>
+                <span class="type3" v-if="page.newsDirectoriesId == '0257b4f0-caac-481e-b528-5b096710301b'">更正公告</span>
+                <span class="type4" v-if="page.newsDirectoriesId == 'adfbde77-a1ca-4a4f-85c9-50de200824de'">废标公告</span>
+                {{ news.newsContentTitle }}
+              </div>
+              <div class="info-intro">
+                <p>{{ news.newsContentSummary }}</p>
+                <div class="address-time">
+                  <div class="address">发布时间：{{ news.newsContentPublishTime }}</div>
+<!--                  <div class="time">  |  招标时间：2021-03-05</div>-->
+                </div>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="pager" v-if="page.totalPage > 1">
+        <span @click="paging(1)">首页</span>
+        <span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
+        <ul v-if="page.totalPage > 0 && page.totalPage <= 5">
+          <li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
+            {{cpage}}
+          </li>
+        </ul>
+        <ul v-if="page.totalPage > 5">
+          <li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
+            {{cpage}}
+          </li>
+          <li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(page.totalPage - 5 + cpage)">
+            {{page.totalPage - 5 + cpage}}
+          </li>
+          <li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(page.page - (3 - cpage))">
+            {{page.page - (3 - cpage)}}
+          </li>
+        </ul>
+        <span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
+        <span @click="paging(page.totalPage)">尾页</span>
+      </div>
+    </div>
+    <div class="loading" v-if="isLoading">
+      <img src="@/assets/images/loading.gif" alt="">
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from '@/assets/components/Header'
+import Footer from '@/assets/components/Footer'
+import url from '@/assets/public/url'
+import axios from 'axios'
+export default {
+  name: "InfoPublic",
+  components: {
+    Header,
+    Footer
+  },
+  data() {
+    return {
+      requestUrl: url.url,
+      page: {
+        page: 1,
+        rows: 10,
+        totalPage: 10,
+        keywords: '',
+        startTime: '',
+        endTime: '',
+        newsDirectoriesId: '50af3433-9e9d-4921-aa8d-b994f62a9fa0'
+      },
+      noticeList: [],
+      isLoading: false,
+      coverPhoto: '',
+      swiperOptions: {
+        pagination: '.swiper-pagination',
+        paginationClickable: true,
+        autoplay: 3000
+      }
+    }
+  },
+  methods: {
+    changeType: function () {
+      this.page.page = 1
+      this.getList()
+    },
+    getList: function () {
+      var self = this
+      self.isLoading = true
+      axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
+        params: self.page
+      }).then(function (res) {
+        self.noticeList = res.data.rows
+        self.page.page = res.data.page
+        self.page.totalPage = Math.ceil(res.data.total / self.page.rows)
+        self.isLoading = false
+      })
+    },
+    goDetail: function (link, url, type, outlink) {
+      if (type === '6') {
+        window.open(outlink)
+      } else {
+        window.location.href = this.requestUrl + '/' +url
+      }
+    },
+    paging: function (page) {
+      this.page.page = page
+      this.getList()
+    },
+    // 获取版块介绍
+    getBoxIntro: function () {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/d10c691f-f3f8-4587-9303-d00ed0625107').then(function (res) {
+        self.coverPhoto = res.data.directoriesPhoto
+      })
+    },
+  },
+  mounted() {
+    var self = this
+    this.getList()
+    this.getBoxIntro()
+    laydate.render({
+      elem: "#startTime",
+      done: function (value, date) {
+        self.page.startTime = value
+      }
+    });
+    laydate.render({
+      elem: "#endTime",
+      done: function (value, date) {
+        self.page.endTime = value
+      }
+    });
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.loading
+  position fixed
+  top 50%
+  left 50%
+  transform translate(-50%, -50%)
+  background rgba(255,255,255,0.6)
+  padding 30px
+  border-radius 10px
+  box-shadow 0 0 17px #DEDEDE
+.banner, .banner img
+  width 100%
+  height 400px
+.info
+  width 1200px
+  margin 35px auto
+  .title
+    text-align center
+    padding 25px 0
+    border-bottom 1px solid $main-blue
+    margin-bottom 50px
+    h3
+      font-size 28px
+      color #666
+      font-weight normal
+      margin-bottom 15px
+    p
+      font-size 14px
+      color #999
+
+  .info-search
+    overflow hidden
+    em
+      float left
+      height 40px
+      line-height 40px
+      font-size 16px
+      font-weight bold
+      color $main-blue
+    .search-box
+      float left
+      margin-right 20px
+      font-size 0
+      .search-title
+        display inline-block
+        width 100px
+        height 40px
+        line-height 40px
+        background $main-blue
+        color #fff
+        font-size 14px
+        vertical-align top
+        text-align center
+      select, input
+        width 160px
+        height 40px
+        border 1px solid  #ddd
+        padding 0 10px
+        box-sizing border-box
+        vertical-align top
+    button
+      display block
+      float left
+      border none
+      width 80px
+      height 40px
+      color #ffffff
+      background #006cbd
+      cursor pointer
+  .info-list
+    margin-top 50px
+    ul
+      min-height 500px
+      li
+        box-shadow 0 0 10px #EEE
+        border-radius 5px
+        overflow hidden
+        margin-bottom 15px
+        cursor pointer
+        &:hover
+          background #eee
+        .info-title
+          height 40px
+          line-height 40px
+          margin-bottom 15px
+          span
+            display inline-block
+            width 90px
+            font-size 16px
+            color #fff
+            font-weight bold
+            border-bottom-right-radius 20px
+            text-align center
+            &.type1
+              background #006cbd
+            &.type2
+              background #b71e23
+            &.type3
+              background #2c367e
+            &.type4
+              background #a0a0a0
+        .info-intro
+          padding 0 20px 20px
+          p
+            font-size 14px
+            color #333
+            line-height 25px
+          .address-time
+            overflow hidden
+            margin-top 20px
+            font-size 14px
+            color $main-blue
+            .address
+              float left
+            .time
+              float right
+.pager
+  text-align center
+  font-size 0
+  margin-bottom 20px
+  span
+    display inline-block
+    padding 0 15px
+    line-height 30px
+    color #333
+    font-size 14px
+    margin 0 5px
+    vertical-align middle
+    cursor pointer
+    border 1px solid #CCCCCC
+  ul
+    display inline-block
+    overflow hidden
+    vertical-align middle
+    li
+      width 30px
+      line-height 30px
+      float left
+      margin-right 10px
+      cursor pointer
+      text-align center
+      font-size 14px
+      color #333
+      border 1px solid #CCCCCC
+      &.active
+        color: $main-blue
+        border 1px solid $main-blue
+        box-sizing border-box
+      &:last-child
+        margin 0
+</style>

src/pages/NewsDetail/NewsDetail.vue

@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <Header></Header>
+    <div class="banner">
+      <img src="@/assets/images/banner2.png" alt="">
+    </div>
+    <div class="content">
+      <div class="title">
+        <h3>招标公告  |  象山影视城文化产业集团有限公司关于音响系统 1批的在线询价公告</h3>
+        <p>发布时间：2020-12-26  |  招标时间：2021-03-05</p>
+      </div>
+      <div class="detail">
+        <p>招标代理；信息咨询（不含中介服务）；会议服务；组织文化艺术交流活动；投资管理；投资咨询；企业策划；销售机械设备、电子产品、针纺织品、日用品、五金交电、化工产品（不含一类易制毒化学品及危险品）、金属材料、建筑材料、工艺品、矿产品、计算机、软件及辅助设备、通讯设备、办公用品、文化用品、体育用品；货物进出口、技术进出口。招标代理；信息咨询（不含中介服务）；会议服务；组织文化艺术交流活动；投资管理；投资咨询；企业策划；销售机械设备、电子产品、针纺织品、日用品、五金交电、化工产品（不含一类易制毒化学品及危险品）、金属材料、建筑材料、工艺品、矿产品、计算机、软件及辅助设备、通讯设备、办公用品、文化用品、体育用品；货物进出口、技术进出口。招标代理；信息咨询（不含中介服务）；会议服务；组织文化艺术交流活动；投资管理；投资咨询；企业策划；销售机械设备、电子产品、针纺织品、日用品、五金交电、化工产品（不含一类易制毒化学品及危险品）、金属材料、建筑材料、工艺品、矿产品、计算机、软件及辅助设备、通讯设备、办公用品、文化用品、体育用品；货物进出口、技术进出口。招标代理；信息咨询（不含中介服务）；会议服务；组织文化艺术交流活动；投资管理；投资咨询；企业策划；销售机械设备、电子产品、针纺织品、日用品、五金交电、化工产品（不含一类易制毒化学品及危险品）、金属材料、建筑材料、工艺品、矿产品、计算机、软件及辅助设备、通讯设备、办公用品、文化用品、体育用品；货物进出口、技术进出口。招标代理；信息咨询（不含中介服务）；会议服务；组织文化艺术交流活动；投资管理；投资咨询；企业策划；销售机械设备、电子产品、针纺织品、日用品、五金交电、化工产品（不含一类易制毒化学品及危险品）、金属材料、建筑材料、工艺品、矿产品、计算机、软件及辅助设备、通讯设备、办公用品、文化用品、体育用品；货物进出口、技术进出口。招标代理；信息咨询（不含中介服务）；会议服务；组织文化艺术交流活动；投资管理；投资咨询；企业策划；销售机械设备、电子产品、针纺织品、日用品、五金交电、化工产品（不含一类易制毒化学品及危险品）、金属材料、建筑材料、工艺品、矿产品、计算机、软件及辅助设备、通讯设备、办公用品、文化用品、体育用品；货物进出口、技术进出口。招标代理；信息咨询（不含中介服务）；会议服务；组织文化艺术交流活动；投资管理；投资咨询；企业策划；销售机械设备、电子产品、针纺织品、日用品、五金交电、化工产品（不含一类易制毒化学品及危险品）、金属材料、建筑材料、工艺品、矿产品、计算机、软件及辅助设备、通讯设备、办公用品、文化用品、体育用品；货物进出口、技术进出口。招标代理；信息咨询（不含中介服务）；会议服务；组织文化艺术交流活动；投资管理；投资咨询；企业策划；销售机械设备、电子产品、针纺织品、日用品、五金交电、</p>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from '@/assets/components/Header'
+import Footer from '@/assets/components/Footer'
+export default {
+  name: "NewsDetail",
+  components: {
+    Header,
+    Footer
+  },
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.banner, .banner img
+  width 100%
+  height 400px
+.content
+  width 1200px
+  margin 35px auto
+  .title
+    padding 35px 0
+    text-align center
+    border-bottom 1px solid #e5e5e5
+    h3
+      font-size 20px
+      color #333
+      margin-bottom 25px
+    p
+      font-size 14px
+      color $main-blue
+  .detail
+    margin-top 40px
+    min-height 500px
+    p
+      font-size 14px
+      color #333
+      line-height 35px
+      text-indent 28px
+</style>

src/pages/Policy/Policy.vue

@@ -0,0 +1,309 @@
+<template>
+  <div>
+    <Header :coverPhoto="coverPhoto"></Header>
+<!--    <div class="banner">-->
+<!--      <img src="@/assets/images/banner2.png" alt="">-->
+<!--    </div>-->
+    <div class="info">
+      <div class="title">
+        <h3>政策法规 / Policies And Regulations</h3>
+        <p>政策法规公示</p>
+      </div>
+      <div class="info-container">
+        <div class="info-search">
+          <em>项目筛选：</em>
+          <div class="search-box">
+            <span class="search-title">关键字搜索</span>
+            <input type="text" placeholder="请输入关键字" v-model="page.keywords">
+          </div>
+          <div class="search-box">
+            <span class="search-title">起始时间</span>
+            <input type="text" placeholder="请选择起始时间" id="startTime" autocomplete="off" v-model="page.startTime">
+          </div>
+          <div class="search-box">
+            <span class="search-title">结束时间</span>
+            <input type="text" placeholder="请选择结束时间" id="endTime"  autocomplete="off" v-model="page.endTime">
+          </div>
+          <button @click="dosearch">搜索</button>
+        </div>
+        <div class="info-list">
+          <ul>
+            <li :title="news.newsContentTitle"  v-for="(news, idx) in lawList" :key="idx" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
+              <div class="info-title">
+                {{ news.newsContentTitle }}
+              </div>
+              <div class="info-intro">
+                <p>{{ news.newsContentSummary }}</p>
+                <div class="address-time">
+                  <div class="address">发布时间：{{ news.newsContentPublishTime }}</div>
+                  <!--                  <div class="time">  |  招标时间：2021-03-05</div>-->
+                </div>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="pager" v-if="page.totalPage > 1">
+        <span @click="paging(1)">首页</span>
+        <span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
+        <ul v-if="page.totalPage > 0 && page.totalPage <= 5">
+          <li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
+            {{cpage}}
+          </li>
+        </ul>
+        <ul v-if="page.totalPage > 5">
+          <li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
+            {{cpage}}
+          </li>
+          <li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(page.totalPage - 5 + cpage)">
+            {{page.totalPage - 5 + cpage}}
+          </li>
+          <li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(page.page - (3 - cpage))">
+            {{page.page - (3 - cpage)}}
+          </li>
+        </ul>
+        <span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
+        <span @click="paging(page.totalPage)">尾页</span>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from '@/assets/components/Header'
+import Footer from '@/assets/components/Footer'
+import url from '@/assets/public/url'
+import axios from 'axios'
+export default {
+  name: "Policy",
+  components: {
+    Header,
+    Footer
+  },
+  data() {
+    return {
+      requestUrl: url.url,
+      page: {
+        page: 1,
+        rows: 9,
+        totalPage: 10,
+        keywords: '',
+        startTime: '',
+        endTime: '',
+        newsDirectoriesId: '0d9f6316-5aec-471c-bc25-5c661f5aa363'
+      },
+      lawList: [],
+      isLoading: false,
+      coverPhoto: ''
+    }
+  },
+  methods: {
+    dosearch: function () {
+      this.page.page = 1
+      this.getList()
+    },
+    goDetail: function (link, url, type, outlink) {
+      if (type === '6') {
+        window.open(outlink)
+      } else {
+        window.location.href = this.requestUrl + '/' +url
+      }
+    },
+    getLawList: function () {
+      var self = this
+      self.isLoading = true
+      axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
+        params: self.page
+      }).then(function (res) {
+        self.lawList = res.data.rows
+        self.page.page = res.data.page
+        self.page.totalPage = Math.ceil(res.data.total / self.page.rows)
+        self.isLoading = false
+      })
+    },
+    paging: function (page) {
+      this.page.page = page
+      // this.isLoading = true
+      this.getLawList()
+    },
+    // 获取版块介绍
+    getBoxIntro: function () {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/0d9f6316-5aec-471c-bc25-5c661f5aa363').then(function (res) {
+        self.coverPhoto = res.data.directoriesPhoto
+      })
+    },
+  },
+  mounted() {
+    this.getLawList()
+    this.getBoxIntro()
+    laydate.render({
+      elem: "#startTime",
+      done: function (value, date) {
+        self.page.startTime = value
+      }
+    });
+    laydate.render({
+      elem: "#endTime",
+      done: function (value, date) {
+        self.page.endTime = value
+      }
+    });
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.loading
+  position fixed
+  top 50%
+  left 50%
+  transform translate(-50%, -50%)
+  background rgba(255,255,255,0.6)
+  padding 30px
+  border-radius 10px
+  box-shadow 0 0 17px #DEDEDE
+.banner, .banner img
+  width 100%
+  height 400px
+.info
+  width 1200px
+  margin 35px auto
+  .title
+    text-align center
+    padding 25px 0
+    border-bottom 1px solid $main-blue
+    margin-bottom 50px
+    h3
+      font-size 28px
+      color #666
+      font-weight normal
+      margin-bottom 15px
+    p
+      font-size 14px
+      color #999
+
+  .info-search
+    overflow hidden
+    em
+      float left
+      height 40px
+      line-height 40px
+      font-size 16px
+      font-weight bold
+      color $main-blue
+    .search-box
+      float left
+      margin-right 20px
+      font-size 0
+      .search-title
+        display inline-block
+        width 100px
+        height 40px
+        line-height 40px
+        background $main-blue
+        color #fff
+        font-size 14px
+        vertical-align top
+        text-align center
+      select, input
+        width 160px
+        height 40px
+        border 1px solid  #ddd
+        padding 0 10px
+        box-sizing border-box
+        vertical-align top
+    button
+      display block
+      float left
+      border none
+      width 80px
+      height 40px
+      color #ffffff
+      background $main-blue
+      cursor pointer
+  .info-list
+    margin-top 50px
+    ul
+      min-height 500px
+      li
+        box-shadow 0 0 10px #EEE
+        border-radius 5px
+        overflow hidden
+        margin-bottom 15px
+        cursor pointer
+        &:hover
+          background #eee
+        .info-title
+          padding 0 20px
+          height 40px
+          line-height 40px
+          margin-bottom 15px
+          span
+            display inline-block
+            width 90px
+            font-size 16px
+            color #fff
+            font-weight bold
+            border-bottom-right-radius 20px
+            text-align center
+            &.type1
+              background #006cbd
+            &.type2
+              background #b71e23
+            &.type3
+              background #2c367e
+            &.type4
+              background #a0a0a0
+        .info-intro
+          padding 0 20px 20px
+          p
+            font-size 14px
+            color #333
+            line-height 25px
+          .address-time
+            overflow hidden
+            margin-top 20px
+            font-size 14px
+            color $main-blue
+            .address
+              float left
+            .time
+              float right
+.pager
+  text-align center
+  font-size 0
+  margin-bottom 20px
+  span
+    display inline-block
+    padding 0 15px
+    line-height 30px
+    color #333
+    font-size 14px
+    margin 0 5px
+    vertical-align middle
+    cursor pointer
+    border 1px solid #CCCCCC
+  ul
+    display inline-block
+    overflow hidden
+    vertical-align middle
+    li
+      width 30px
+      line-height 30px
+      float left
+      margin-right 10px
+      cursor pointer
+      text-align center
+      font-size 14px
+      color #333
+      border 1px solid #CCCCCC
+      &.active
+        color: $main-blue
+        border 1px solid $main-blue
+        box-sizing border-box
+      &:last-child
+        margin 0
+</style>

src/pages/Recruit/Recruit.vue

@@ -0,0 +1,219 @@
+<template>
+  <div>
+    <Header :coverPhoto="coverPhoto"></Header>
+<!--    <div class="banner">-->
+<!--      <img src="@/assets/images/banner3.png" alt="">-->
+<!--    </div>-->
+    <div class="recruit">
+      <div class="title">
+        <h3>职位招聘 / Job recruitment</h3>
+        <p>如您感兴趣请与我们联系</p>
+      </div>
+      <div class="recruit-container">
+        <ul>
+          <li :title="news.newsContentTitle" v-for="(news, idx) in recruitList" :key="idx" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
+            <div class="position-name">
+              <span>{{ news.newsContentTitle }}</span>
+            </div>
+            <div class="position-intro">
+              <h4>职位介绍</h4>
+              <div class="position-intro-text">
+                <p>{{news.newsContentSummary}}</p>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div class="pager" v-if="page.totalPage > 1">
+        <span @click="paging(1)">首页</span>
+        <span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
+        <ul v-if="page.totalPage > 0 && page.totalPage <= 5">
+          <li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
+            {{cpage}}
+          </li>
+        </ul>
+        <ul v-if="page.totalPage > 5">
+          <li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
+            {{cpage}}
+          </li>
+          <li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(page.totalPage - 5 + cpage)">
+            {{page.totalPage - 5 + cpage}}
+          </li>
+          <li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(page.page - (3 - cpage))">
+            {{page.page - (3 - cpage)}}
+          </li>
+        </ul>
+        <span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
+        <span @click="paging(page.totalPage)">尾页</span>
+      </div>
+    </div>
+    <div class="loading" v-if="isLoading">
+      <img src="@/assets/images/loading.gif" alt="">
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from '@/assets/components/Header'
+import Footer from '@/assets/components/Footer'
+import url from '@/assets/public/url'
+import axios from 'axios'
+export default {
+  name: "Recruit",
+  components: {
+    Header,
+    Footer
+  },
+  data() {
+    return {
+      page: {
+        page: 1,
+        rows: 9,
+        totalPage: 1,
+        newsDirectoriesId: 'dffd3376-9f78-44bb-afa5-4b41b1b8a4c5'
+      },
+      requestUrl: url.url,
+      recruitList: [],
+      isLoading: false,
+      coverPhoto: ''
+    }
+  },
+  methods: {
+    goDetail: function (link, url, type, outlink) {
+      if (type === '6') {
+        window.open(outlink)
+      } else {
+        window.location.href = this.requestUrl + '/' +url
+      }
+    },
+    getRecruitList: function () {
+      var self = this
+      self.isLoading = true
+      axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
+        params: self.page
+      }).then(function (res) {
+        self.recruitList = res.data.rows
+        self.page.page = res.data.page
+        self.page.totalPage = Math.ceil(res.data.total / self.page.rows)
+        self.isLoading = false
+      })
+    },
+    paging: function (page) {
+      this.page.page = page
+      this.getRecruitList()
+    },
+    // 获取版块介绍
+    getBoxIntro: function () {
+      var self = this
+      axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/dffd3376-9f78-44bb-afa5-4b41b1b8a4c5').then(function (res) {
+        self.coverPhoto = res.data.directoriesPhoto
+      })
+    },
+  },
+  mounted() {
+    this.getRecruitList()
+    this.getBoxIntro()
+  }
+}
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" scoped>
+@import "~styles/public.styl"
+.banner, .banner img
+  width 100%
+  height 400px
+.recruit
+  width 1200px
+  margin 35px auto
+  .title
+    text-align center
+    padding 25px 0
+    border-bottom 1px solid $main-blue
+    margin-bottom 50px
+    h3
+      font-size 28px
+      color #666
+      font-weight normal
+      margin-bottom 15px
+    p
+      font-size 14px
+      color #999
+  .recruit-container
+    ul
+      min-height 500px
+      &:after
+        content ''
+        display block
+        clear both
+      li
+        float left
+        width 330px
+        margin-right 45px
+        margin-bottom 40px
+        border-radius 5px
+        box-shadow 0 0 10px #aaa
+        padding 0 20px 20px
+        cursor pointer
+        &:nth-child(3n)
+          margin-right 0
+        .position-name
+          padding 20px 0
+          text-align center
+          border-bottom 1px dashed #eee
+          margin-bottom 25px
+          span
+            font-weight bold
+            font-size 20px
+            color #333
+            display inline-block
+            padding-left 30px
+            background url("~@/assets/images/recruit-icon.png") no-repeat left center
+        .position-intro
+          padding 0 10px
+          h4
+            font-size 16px
+            color $main-blue
+            margin-bottom 20px
+          .position-intro-text
+            height 240px
+            overflow hidden
+            p
+              font-size 14px
+              color #333
+              line-height 30px
+.pager
+  text-align center
+  font-size 0
+  margin-bottom 20px
+  span
+    display inline-block
+    padding 0 15px
+    line-height 30px
+    color #333
+    font-size 14px
+    margin 0 5px
+    vertical-align middle
+    cursor pointer
+    border 1px solid #CCCCCC
+  ul
+    display inline-block
+    overflow hidden
+    vertical-align middle
+    li
+      width 30px
+      line-height 30px
+      float left
+      margin-right 10px
+      cursor pointer
+      text-align center
+      font-size 14px
+      color #333
+      border 1px solid #CCCCCC
+      &.active
+        color: $main-blue
+        border 1px solid $main-blue
+        box-sizing border-box
+      &:last-child
+        margin 0
+</style>

src/router/index.js

@@ -0,0 +1,57 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import Index from '@/pages/Index/Index'
+import NewsDetail from '@/pages/NewsDetail/NewsDetail'
+import Recruit from '@/pages/Recruit/Recruit'
+import Honor from '@/pages/Honor/Honor'
+import InfoPublic from '@/pages/InfoPublic/InfoPublic'
+import Contact from '@/pages/Contact/Contact'
+import Policy from '@/pages/Policy/Policy'
+import CompanyIntro from '@/pages/CompanyIntro/CompanyIntro'
+
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'Index',
+      component: Index
+    },
+    {
+      path: '/detail',
+      name: 'NewsDetail',
+      component: NewsDetail
+    },
+    {
+      path: '/recruit',
+      name: 'Recruit',
+      component: Recruit
+    },
+    {
+      path: '/info',
+      name: 'InfoPublic',
+      component: InfoPublic
+    },
+    {
+      path: '/honor',
+      name: 'Honor',
+      component: Honor
+    },
+    {
+      path: '/contact',
+      name: 'Contact',
+      component: Contact
+    },
+    {
+      path: '/policy',
+      name: 'Policy',
+      component: Policy
+    },
+    {
+      path: '/company',
+      name: 'CompanyIntro',
+      component: CompanyIntro
+    }
+  ]
+})

static/laydate/theme/default/font/iconfont.svg

@@ -0,0 +1,45 @@
+<?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="laydate-icon" horiz-adv-x="1024" >
+  <font-face
+    font-family="laydate-icon"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
+d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
+t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
+t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
+    
+
+    
+    <glyph glyph-name="youyou" unicode="&#58882;" d="M283.648 721.918976 340.873216 780.926976 740.352 383.997952 340.876288-12.925952 283.648 46.077952 619.52 383.997952Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zuozuo" unicode="&#58883;" d="M740.352 721.918976 683.126784 780.926976 283.648 383.997952 683.123712-12.925952 740.352 46.077952 404.48 383.997952Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xiayiye" unicode="&#58970;" d="M62.573 384.103l423.401 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.751-18.976-68.727 0l-39.753 39.753 0.269 0.246-385.655 385.661zM451.365 384.103l423.407 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.757-18.977-68.727 0l-39.762 39.754 0.273 0.249-385.662 385.661zM451.365 384.103z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xiayiye1" unicode="&#58971;" d="M948.066926 382.958838l-411.990051-412.24426c-18.47333-18.47333-48.417689-18.47333-66.875207 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L814.691135 383.088983 467.512212 730.269123c-18.466032 18.458735-18.466032 48.405526 0 66.873991 18.468465 18.464816 48.410391 18.464816 66.872774 0l38.682336-38.682336-0.261507-0.239614 375.259894-375.265975v0.003649m-378.312834 0L157.756743-29.285422c-18.47333-18.47333-48.415256-18.47333-66.872775 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L436.369787 383.088983 89.19208 730.269123c-18.4636 18.458735-18.4636 48.405526 0 66.873991 18.470898 18.464816 48.415256 18.464816 66.872774 0l38.692067-38.682336-0.266372-0.239614 375.267191-375.265975-0.004865 0.003649m0 0z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>