[
  {
    "path": ".babelrc",
    "content": "{\n  \"presets\": [\n    [\"env\", {\n      \"modules\": false,\n      \"targets\": {\n        \"browsers\": [\"> 1%\", \"last 2 versions\", \"not ie <= 8\"]\n      }\n    }],\n    \"stage-2\"\n  ],\n  \"plugins\": [\"transform-runtime\"],\n  \"env\": {\n    \"test\": {\n      \"presets\": [\"env\", \"stage-2\"],\n      \"plugins\": [\"istanbul\"]\n    }\n  }\n}\n"
  },
  {
    "path": ".editorconfig",
    "content": "root = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\nend_of_line = lf\ninsert_final_newline = true\ntrim_trailing_whitespace = true\n"
  },
  {
    "path": ".eslintignore",
    "content": "build/*.js\nconfig/*.js\n"
  },
  {
    "path": ".eslintrc.js",
    "content": "// http://eslint.org/docs/user-guide/configuring\n\nmodule.exports = {\n  root: true,\n  parser: 'babel-eslint',\n  parserOptions: {\n    sourceType: 'module'\n  },\n  env: {\n    browser: false,\n    node: true,\n    es6: true\n  },\n  // https://github.com/standard/standard/blob/master/docs/RULES-en.md\n  extends: 'standard',\n  // required to lint *.vue files\n  plugins: [\n    'html'\n  ],\n  // add your custom rules here\n  'rules': {\n    // allow paren-less arrow functions\n    'arrow-parens': 0,\n    // allow async-await\n    'generator-star-spacing': 0,\n    // allow debugger during development\n    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0\n  },\n  globals: {\n    App: true,\n    Page: true,\n    wx: true,\n    getApp: true,\n    getPage: true,\n    requirePlugin: true\n  }\n}\n"
  },
  {
    "path": ".gitignore",
    "content": ".DS_Store\nnode_modules/\ndist/\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# Editor directories and files\n.idea\n*.suo\n*.ntvs*\n*.njsproj\n*.sln\n"
  },
  {
    "path": ".postcssrc.js",
    "content": "// https://github.com/michael-ciniawsky/postcss-load-config\n\nmodule.exports = {\n  \"plugins\": {\n    \"postcss-mpvue-wxss\": {}\n  }\n}\n"
  },
  {
    "path": "LICENSE",
    "content": "MIT License\n\nCopyright (c) 2018 _xiaotian\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "# mpvue-signin\n\n> A Mpvue project (以前随意写的一个小东西, 现在肯定年久失修 仅供参考!!! 具体大家还是可以多看看文档哦\n\nmpvue 写的小程序 [文章地址](https://github.com/xiaotiandada/blog/issues/14) \n\n欢迎start 和 pr\n\n![mpvue](doc/mpvue1.png)\n![mpvue](doc/mpvue2.png)\n![mpvue](doc/mpvue3.png)\n![mpvue](doc/mpvue4.png)\n![mpvue](doc/mpvue5.png)\n\n##技术栈\n\n[mpvue](http://mpvue.com/) 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js......(可以看官网介绍~).\n\n[iview weapp ](https://weapp.iviewui.com/) 一套高质量的\n微信小程序 UI 组件库.\n\n## Build Setup\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n# build for production and view the bundle analyzer report\nnpm run build --report\n```\n\nFor detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).\n"
  },
  {
    "path": "build/build.js",
    "content": "require('./check-versions')()\n\nprocess.env.NODE_ENV = 'production'\n\nvar ora = require('ora')\nvar rm = require('rimraf')\nvar path = require('path')\nvar chalk = require('chalk')\nvar webpack = require('webpack')\nvar config = require('../config')\nvar webpackConfig = require('./webpack.prod.conf')\n\nvar spinner = ora('building for production...')\nspinner.start()\n\nrm(path.join(config.build.assetsRoot, '*'), err => {\n  if (err) throw err\n  webpack(webpackConfig, function (err, stats) {\n    spinner.stop()\n    if (err) throw err\n    process.stdout.write(stats.toString({\n      colors: true,\n      modules: false,\n      children: false,\n      chunks: false,\n      chunkModules: false\n    }) + '\\n\\n')\n\n    if (stats.hasErrors()) {\n      console.log(chalk.red('  Build failed with errors.\\n'))\n      process.exit(1)\n    }\n\n    console.log(chalk.cyan('  Build complete.\\n'))\n    console.log(chalk.yellow(\n      '  Tip: built files are meant to be served over an HTTP server.\\n' +\n      '  Opening index.html over file:// won\\'t work.\\n'\n    ))\n  })\n})\n"
  },
  {
    "path": "build/check-versions.js",
    "content": "var chalk = require('chalk')\nvar semver = require('semver')\nvar packageConfig = require('../package.json')\nvar shell = require('shelljs')\nfunction exec (cmd) {\n  return require('child_process').execSync(cmd).toString().trim()\n}\n\nvar versionRequirements = [\n  {\n    name: 'node',\n    currentVersion: semver.clean(process.version),\n    versionRequirement: packageConfig.engines.node\n  }\n]\n\nif (shell.which('npm')) {\n  versionRequirements.push({\n    name: 'npm',\n    currentVersion: exec('npm --version'),\n    versionRequirement: packageConfig.engines.npm\n  })\n}\n\nmodule.exports = function () {\n  var warnings = []\n  for (var i = 0; i < versionRequirements.length; i++) {\n    var mod = versionRequirements[i]\n    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {\n      warnings.push(mod.name + ': ' +\n        chalk.red(mod.currentVersion) + ' should be ' +\n        chalk.green(mod.versionRequirement)\n      )\n    }\n  }\n\n  if (warnings.length) {\n    console.log('')\n    console.log(chalk.yellow('To use this template, you must update following to modules:'))\n    console.log()\n    for (var i = 0; i < warnings.length; i++) {\n      var warning = warnings[i]\n      console.log('  ' + warning)\n    }\n    console.log()\n    process.exit(1)\n  }\n}\n"
  },
  {
    "path": "build/dev-client.js",
    "content": "/* eslint-disable */\nrequire('eventsource-polyfill')\nvar hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')\n\nhotClient.subscribe(function (event) {\n  if (event.action === 'reload') {\n    window.location.reload()\n  }\n})\n"
  },
  {
    "path": "build/dev-server.js",
    "content": "require('./check-versions')()\n\nvar config = require('../config')\nif (!process.env.NODE_ENV) {\n  process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)\n}\n\n// var opn = require('opn')\nvar path = require('path')\nvar express = require('express')\nvar webpack = require('webpack')\nvar proxyMiddleware = require('http-proxy-middleware')\nvar portfinder = require('portfinder')\nvar webpackConfig = require('./webpack.dev.conf')\n\n// default port where dev server listens for incoming traffic\nvar port = process.env.PORT || config.dev.port\n// automatically open browser, if not set will be false\nvar autoOpenBrowser = !!config.dev.autoOpenBrowser\n// Define HTTP proxies to your custom API backend\n// https://github.com/chimurai/http-proxy-middleware\nvar proxyTable = config.dev.proxyTable\n\nvar app = express()\nvar compiler = webpack(webpackConfig)\n\n// var devMiddleware = require('webpack-dev-middleware')(compiler, {\n//   publicPath: webpackConfig.output.publicPath,\n//   quiet: true\n// })\n\n// var hotMiddleware = require('webpack-hot-middleware')(compiler, {\n//   log: false,\n//   heartbeat: 2000\n// })\n// force page reload when html-webpack-plugin template changes\n// compiler.plugin('compilation', function (compilation) {\n//   compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {\n//     hotMiddleware.publish({ action: 'reload' })\n//     cb()\n//   })\n// })\n\n// proxy api requests\nObject.keys(proxyTable).forEach(function (context) {\n  var options = proxyTable[context]\n  if (typeof options === 'string') {\n    options = { target: options }\n  }\n  app.use(proxyMiddleware(options.filter || context, options))\n})\n\n// handle fallback for HTML5 history API\napp.use(require('connect-history-api-fallback')())\n\n// serve webpack bundle output\n// app.use(devMiddleware)\n\n// enable hot-reload and state-preserving\n// compilation error display\n// app.use(hotMiddleware)\n\n// serve pure static assets\nvar staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)\napp.use(staticPath, express.static('./static'))\n\n// var uri = 'http://localhost:' + port\n\nvar _resolve\nvar readyPromise = new Promise(resolve => {\n  _resolve = resolve\n})\n\n// console.log('> Starting dev server...')\n// devMiddleware.waitUntilValid(() => {\n//   console.log('> Listening at ' + uri + '\\n')\n//   // when env is testing, don't need open it\n//   if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {\n//     opn(uri)\n//   }\n//   _resolve()\n// })\n\nmodule.exports = new Promise((resolve, reject) => {\n  portfinder.basePort = port\n  portfinder.getPortPromise()\n  .then(newPort => {\n      if (port !== newPort) {\n        console.log(`${port}端口被占用，开启新端口${newPort}`)\n      }\n      var server = app.listen(newPort, 'localhost')\n      // for 小程序的文件保存机制\n      require('webpack-dev-middleware-hard-disk')(compiler, {\n        publicPath: webpackConfig.output.publicPath,\n        quiet: true\n      })\n      resolve({\n        ready: readyPromise,\n        close: () => {\n          server.close()\n        }\n      })\n  }).catch(error => {\n    console.log('没有找到空闲端口，请打开任务管理器杀死进程端口再试', error)\n  })\n})\n"
  },
  {
    "path": "build/utils.js",
    "content": "var path = require('path')\nvar config = require('../config')\nvar ExtractTextPlugin = require('extract-text-webpack-plugin')\n\nexports.assetsPath = function (_path) {\n  var assetsSubDirectory = process.env.NODE_ENV === 'production'\n    ? config.build.assetsSubDirectory\n    : config.dev.assetsSubDirectory\n  return path.posix.join(assetsSubDirectory, _path)\n}\n\nexports.cssLoaders = function (options) {\n  options = options || {}\n\n  var cssLoader = {\n    loader: 'css-loader',\n    options: {\n      minimize: process.env.NODE_ENV === 'production',\n      sourceMap: options.sourceMap\n    }\n  }\n\n  var postcssLoader = {\n    loader: 'postcss-loader',\n    options: {\n      sourceMap: true\n    }\n  }\n\n  var px2rpxLoader = {\n    loader: 'px2rpx-loader',\n    options: {\n      baseDpr: 1,\n      rpxUnit: 0.5\n    }\n  }\n\n  // generate loader string to be used with extract text plugin\n  function generateLoaders (loader, loaderOptions) {\n    var loaders = [cssLoader, px2rpxLoader, postcssLoader]\n    if (loader) {\n      loaders.push({\n        loader: loader + '-loader',\n        options: Object.assign({}, loaderOptions, {\n          sourceMap: options.sourceMap\n        })\n      })\n    }\n\n    // Extract CSS when that option is specified\n    // (which is the case during production build)\n    if (options.extract) {\n      return ExtractTextPlugin.extract({\n        use: loaders,\n        fallback: 'vue-style-loader'\n      })\n    } else {\n      return ['vue-style-loader'].concat(loaders)\n    }\n  }\n\n  // https://vue-loader.vuejs.org/en/configurations/extract-css.html\n  return {\n    css: generateLoaders(),\n    wxss: generateLoaders(),\n    postcss: generateLoaders(),\n    less: generateLoaders('less'),\n    sass: generateLoaders('sass', { indentedSyntax: true }),\n    scss: generateLoaders('sass'),\n    stylus: generateLoaders('stylus'),\n    styl: generateLoaders('stylus')\n  }\n}\n\n// Generate loaders for standalone style files (outside of .vue)\nexports.styleLoaders = function (options) {\n  var output = []\n  var loaders = exports.cssLoaders(options)\n  for (var extension in loaders) {\n    var loader = loaders[extension]\n    output.push({\n      test: new RegExp('\\\\.' + extension + '$'),\n      use: loader\n    })\n  }\n  return output\n}\n"
  },
  {
    "path": "build/vue-loader.conf.js",
    "content": "var utils = require('./utils')\nvar config = require('../config')\n// var isProduction = process.env.NODE_ENV === 'production'\n// for mp\nvar isProduction = true\n\nmodule.exports = {\n  loaders: utils.cssLoaders({\n    sourceMap: isProduction\n      ? config.build.productionSourceMap\n      : config.dev.cssSourceMap,\n    extract: isProduction\n  }),\n  transformToRequire: {\n    video: 'src',\n    source: 'src',\n    img: 'src',\n    image: 'xlink:href'\n  }\n}\n"
  },
  {
    "path": "build/webpack.base.conf.js",
    "content": "var path = require('path')\nvar fs = require('fs')\nvar utils = require('./utils')\nvar config = require('../config')\nvar vueLoaderConfig = require('./vue-loader.conf')\nvar MpvuePlugin = require('webpack-mpvue-asset-plugin')\nvar glob = require('glob')\n\nfunction resolve (dir) {\n  return path.join(__dirname, '..', dir)\n}\n\nfunction getEntry (rootSrc, pattern) {\n  var files = glob.sync(path.resolve(rootSrc, pattern))\n  return files.reduce((res, file) => {\n    var info = path.parse(file)\n    var key = info.dir.slice(rootSrc.length + 1) + '/' + info.name\n    res[key] = path.resolve(file)\n    return res\n  }, {})\n}\n\nconst appEntry = { app: resolve('./src/main.js') }\nconst pagesEntry = getEntry(resolve('./src'), 'pages/**/main.js')\nconst entry = Object.assign({}, appEntry, pagesEntry)\n\nmodule.exports = {\n  // 如果要自定义生成的 dist 目录里面的文件路径，\n  // 可以将 entry 写成 {'toPath': 'fromPath'} 的形式，\n  // toPath 为相对于 dist 的路径, 例：index/demo，则生成的文件地址为 dist/index/demo.js\n  entry,\n  target: require('mpvue-webpack-target'),\n  output: {\n    path: config.build.assetsRoot,\n    filename: '[name].js',\n    publicPath: process.env.NODE_ENV === 'production'\n      ? config.build.assetsPublicPath\n      : config.dev.assetsPublicPath\n  },\n  resolve: {\n    extensions: ['.js', '.vue', '.json'],\n    alias: {\n      'vue': 'mpvue',\n      '@': resolve('src'),\n      'socket.io-client': 'weapp.socket.io'\n    },\n    symlinks: false,\n    aliasFields: ['mpvue', 'weapp', 'browser'],\n    mainFields: ['browser', 'module', 'main']\n  },\n  module: {\n    rules: [\n      {\n        test: /\\.(js|vue)$/,\n        loader: 'eslint-loader',\n        enforce: 'pre',\n        include: [resolve('src'), resolve('test')],\n        options: {\n          formatter: require('eslint-friendly-formatter')\n        }\n      },\n      {\n        test: /\\.vue$/,\n        loader: 'mpvue-loader',\n        options: vueLoaderConfig\n      },\n      {\n        test: /\\.js$/,\n        include: [resolve('src'), resolve('test')],\n        use: [\n          'babel-loader',\n          {\n            loader: 'mpvue-loader',\n            options: {\n              checkMPEntry: true\n            }\n          },\n        ]\n      },\n      {\n        test: /\\.(png|jpe?g|gif|svg)(\\?.*)?$/,\n        loader: 'url-loader',\n        options: {\n          limit: 10000,\n          name: utils.assetsPath('img/[name].[ext]')\n        }\n      },\n      {\n        test: /\\.(mp4|webm|ogg|mp3|wav|flac|aac)(\\?.*)?$/,\n        loader: 'url-loader',\n        options: {\n          limit: 10000,\n          name: utils.assetsPath('media/[name].[ext]')\n        }\n      },\n      {\n        test: /\\.(woff2?|eot|ttf|otf)(\\?.*)?$/,\n        loader: 'url-loader',\n        options: {\n          limit: 10000,\n          name: utils.assetsPath('fonts/[name].[ext]')\n        }\n      }\n    ]\n  },\n  plugins: [\n    new MpvuePlugin()\n  ]\n}\n"
  },
  {
    "path": "build/webpack.dev.conf.js",
    "content": "var utils = require('./utils')\nvar webpack = require('webpack')\nvar config = require('../config')\nvar merge = require('webpack-merge')\nvar baseWebpackConfig = require('./webpack.base.conf')\n// var HtmlWebpackPlugin = require('html-webpack-plugin')\nvar FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')\n\n// copy from ./webpack.prod.conf.js\nvar path = require('path')\nvar ExtractTextPlugin = require('extract-text-webpack-plugin')\nvar CopyWebpackPlugin = require('copy-webpack-plugin')\nvar OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')\n\n// add hot-reload related code to entry chunks\n// Object.keys(baseWebpackConfig.entry).forEach(function (name) {\n//   baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])\n// })\n\nmodule.exports = merge(baseWebpackConfig, {\n  module: {\n    rules: utils.styleLoaders({\n      sourceMap: config.dev.cssSourceMap,\n      extract: true\n    })\n  },\n  // cheap-module-eval-source-map is faster for development\n  // devtool: '#cheap-module-eval-source-map',\n  devtool: '#source-map',\n  output: {\n    path: config.build.assetsRoot,\n    // filename: utils.assetsPath('js/[name].[chunkhash].js'),\n    // chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')\n    filename: utils.assetsPath('js/[name].js'),\n    chunkFilename: utils.assetsPath('js/[id].js')\n  },\n  plugins: [\n    new webpack.DefinePlugin({\n      'process.env': config.dev.env\n    }),\n\n    // copy from ./webpack.prod.conf.js\n    // extract css into its own file\n    new ExtractTextPlugin({\n      // filename: utils.assetsPath('css/[name].[contenthash].css')\n      filename: utils.assetsPath('css/[name].wxss')\n    }),\n    // Compress extracted CSS. We are using this plugin so that possible\n    // duplicated CSS from different components can be deduped.\n    new OptimizeCSSPlugin({\n      cssProcessorOptions: {\n        safe: true\n      }\n    }),\n    new webpack.optimize.CommonsChunkPlugin({\n      name: 'vendor',\n      minChunks: function (module, count) {\n        // any required modules inside node_modules are extracted to vendor\n        return (\n          module.resource &&\n          /\\.js$/.test(module.resource) &&\n          module.resource.indexOf('node_modules') >= 0\n        ) || count > 1\n      }\n    }),\n    new webpack.optimize.CommonsChunkPlugin({\n      name: 'manifest',\n      chunks: ['vendor']\n    }),\n    // copy custom static assets\n    new CopyWebpackPlugin([\n      {\n        from: path.resolve(__dirname, '../static'),\n        to: config.build.assetsSubDirectory,\n        ignore: ['.*']\n      }\n    ]),\n\n    // https://github.com/glenjamin/webpack-hot-middleware#installation--usage\n    // new webpack.HotModuleReplacementPlugin(),\n    new webpack.NoEmitOnErrorsPlugin(),\n    // https://github.com/ampedandwired/html-webpack-plugin\n    // new HtmlWebpackPlugin({\n    //   filename: 'index.html',\n    //   template: 'index.html',\n    //   inject: true\n    // }),\n    new FriendlyErrorsPlugin()\n  ]\n})\n"
  },
  {
    "path": "build/webpack.prod.conf.js",
    "content": "var path = require('path')\nvar utils = require('./utils')\nvar webpack = require('webpack')\nvar config = require('../config')\nvar merge = require('webpack-merge')\nvar baseWebpackConfig = require('./webpack.base.conf')\nvar UglifyJsPlugin = require('uglifyjs-webpack-plugin')\nvar CopyWebpackPlugin = require('copy-webpack-plugin')\n// var HtmlWebpackPlugin = require('html-webpack-plugin')\nvar ExtractTextPlugin = require('extract-text-webpack-plugin')\nvar OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')\n\nvar env = config.build.env\n\nvar webpackConfig = merge(baseWebpackConfig, {\n  module: {\n    rules: utils.styleLoaders({\n      sourceMap: config.build.productionSourceMap,\n      extract: true\n    })\n  },\n  devtool: config.build.productionSourceMap ? '#source-map' : false,\n  output: {\n    path: config.build.assetsRoot,\n    // filename: utils.assetsPath('js/[name].[chunkhash].js'),\n    // chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')\n    filename: utils.assetsPath('js/[name].js'),\n    chunkFilename: utils.assetsPath('js/[id].js')\n  },\n  plugins: [\n    // http://vuejs.github.io/vue-loader/en/workflow/production.html\n    new webpack.DefinePlugin({\n      'process.env': env\n    }),\n    new UglifyJsPlugin({\n      sourceMap: true\n    }),\n    // extract css into its own file\n    new ExtractTextPlugin({\n      // filename: utils.assetsPath('css/[name].[contenthash].css')\n      filename: utils.assetsPath('css/[name].wxss')\n    }),\n    // Compress extracted CSS. We are using this plugin so that possible\n    // duplicated CSS from different components can be deduped.\n    new OptimizeCSSPlugin({\n      cssProcessorOptions: {\n        safe: true\n      }\n    }),\n    // generate dist index.html with correct asset hash for caching.\n    // you can customize output by editing /index.html\n    // see https://github.com/ampedandwired/html-webpack-plugin\n    // new HtmlWebpackPlugin({\n    //   filename: config.build.index,\n    //   template: 'index.html',\n    //   inject: true,\n    //   minify: {\n    //     removeComments: true,\n    //     collapseWhitespace: true,\n    //     removeAttributeQuotes: true\n    //     // more options:\n    //     // https://github.com/kangax/html-minifier#options-quick-reference\n    //   },\n    //   // necessary to consistently work with multiple chunks via CommonsChunkPlugin\n    //   chunksSortMode: 'dependency'\n    // }),\n    // keep module.id stable when vender modules does not change\n    new webpack.HashedModuleIdsPlugin(),\n    // split vendor js into its own file\n    new webpack.optimize.CommonsChunkPlugin({\n      name: 'vendor',\n      minChunks: function (module, count) {\n        // any required modules inside node_modules are extracted to vendor\n        return (\n          module.resource &&\n          /\\.js$/.test(module.resource) &&\n          module.resource.indexOf('node_modules') >= 0\n        ) || count > 1\n      }\n    }),\n    // extract webpack runtime and module manifest to its own file in order to\n    // prevent vendor hash from being updated whenever app bundle is updated\n    new webpack.optimize.CommonsChunkPlugin({\n      name: 'manifest',\n      chunks: ['vendor']\n    }),\n    // copy custom static assets\n    new CopyWebpackPlugin([\n      {\n        from: path.resolve(__dirname, '../static'),\n        to: config.build.assetsSubDirectory,\n        ignore: ['.*']\n      }\n    ])\n  ]\n})\n\n// if (config.build.productionGzip) {\n//   var CompressionWebpackPlugin = require('compression-webpack-plugin')\n\n//   webpackConfig.plugins.push(\n//     new CompressionWebpackPlugin({\n//       asset: '[path].gz[query]',\n//       algorithm: 'gzip',\n//       test: new RegExp(\n//         '\\\\.(' +\n//         config.build.productionGzipExtensions.join('|') +\n//         ')$'\n//       ),\n//       threshold: 10240,\n//       minRatio: 0.8\n//     })\n//   )\n// }\n\nif (config.build.bundleAnalyzerReport) {\n  var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin\n  webpackConfig.plugins.push(new BundleAnalyzerPlugin())\n}\n\nmodule.exports = webpackConfig\n"
  },
  {
    "path": "config/dev.env.js",
    "content": "var merge = require('webpack-merge')\nvar prodEnv = require('./prod.env')\n\nmodule.exports = merge(prodEnv, {\n  NODE_ENV: '\"development\"'\n})\n"
  },
  {
    "path": "config/index.js",
    "content": "// see http://vuejs-templates.github.io/webpack for documentation.\nvar path = require('path')\n\nmodule.exports = {\n  build: {\n    env: require('./prod.env'),\n    index: path.resolve(__dirname, '../dist/index.html'),\n    assetsRoot: path.resolve(__dirname, '../dist'),\n    assetsSubDirectory: 'static',\n    assetsPublicPath: '/',\n    productionSourceMap: false,\n    // Gzip off by default as many popular static hosts such as\n    // Surge or Netlify already gzip all static assets for you.\n    // Before setting to `true`, make sure to:\n    // npm install --save-dev compression-webpack-plugin\n    productionGzip: false,\n    productionGzipExtensions: ['js', 'css'],\n    // Run the build command with an extra argument to\n    // View the bundle analyzer report after build finishes:\n    // `npm run build --report`\n    // Set to `true` or `false` to always turn it on or off\n    bundleAnalyzerReport: process.env.npm_config_report\n  },\n  dev: {\n    env: require('./dev.env'),\n    port: 8080,\n    // 在小程序开发者工具中不需要自动打开浏览器\n    autoOpenBrowser: false,\n    assetsSubDirectory: 'static',\n    assetsPublicPath: '/',\n    proxyTable: {},\n    // CSS Sourcemaps off by default because relative paths are \"buggy\"\n    // with this option, according to the CSS-Loader README\n    // (https://github.com/webpack/css-loader#sourcemaps)\n    // In our experience, they generally work as expected,\n    // just be aware of this issue when enabling this option.\n    cssSourceMap: false\n  }\n}\n"
  },
  {
    "path": "config/prod.env.js",
    "content": "module.exports = {\n  NODE_ENV: '\"production\"'\n}\n"
  },
  {
    "path": "index.html",
    "content": "<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset=\"utf-8\">\n    <title>mpvue-signin</title>\n  </head>\n  <body>\n    <div id=\"app\"></div>\n    <!-- built files will be auto injected -->\n  </body>\n</html>\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"mpvue-signin\",\n  \"version\": \"1.0.0\",\n  \"description\": \"A Mpvue project\",\n  \"author\": \"xiaotiandada <95282399@qq.com>\",\n  \"private\": true,\n  \"scripts\": {\n    \"dev\": \"node build/dev-server.js\",\n    \"start\": \"node build/dev-server.js\",\n    \"build\": \"node build/build.js\",\n    \"lint\": \"eslint --ext .js,.vue src\"\n  },\n  \"dependencies\": {\n    \"axios\": \"^0.18.0\",\n    \"flyio\": \"^0.6.0\",\n    \"less\": \"^3.8.0\",\n    \"less-loader\": \"^4.1.0\",\n    \"lodash\": \"^4.17.10\",\n    \"mockjs\": \"^1.0.1-beta3\",\n    \"mpvue\": \"^1.0.11\",\n    \"vuex\": \"^3.0.1\",\n    \"vuex-persistedstate\": \"^2.5.4\"\n  },\n  \"devDependencies\": {\n    \"babel-core\": \"^6.22.1\",\n    \"babel-eslint\": \"^8.2.3\",\n    \"babel-loader\": \"^7.1.1\",\n    \"babel-plugin-transform-runtime\": \"^6.22.0\",\n    \"babel-preset-env\": \"^1.3.2\",\n    \"babel-preset-stage-2\": \"^6.22.0\",\n    \"babel-register\": \"^6.22.0\",\n    \"chalk\": \"^2.4.0\",\n    \"connect-history-api-fallback\": \"^1.3.0\",\n    \"copy-webpack-plugin\": \"^4.5.1\",\n    \"css-loader\": \"^0.28.11\",\n    \"cssnano\": \"^3.10.0\",\n    \"eslint\": \"^4.19.1\",\n    \"eslint-config-standard\": \"^11.0.0\",\n    \"eslint-friendly-formatter\": \"^4.0.1\",\n    \"eslint-loader\": \"^2.0.0\",\n    \"eslint-plugin-html\": \"^4.0.3\",\n    \"eslint-plugin-import\": \"^2.11.0\",\n    \"eslint-plugin-node\": \"^6.0.1\",\n    \"eslint-plugin-promise\": \"^3.4.0\",\n    \"eslint-plugin-standard\": \"^3.0.1\",\n    \"eventsource-polyfill\": \"^0.9.6\",\n    \"express\": \"^4.16.3\",\n    \"extract-text-webpack-plugin\": \"^3.0.2\",\n    \"file-loader\": \"^1.1.11\",\n    \"friendly-errors-webpack-plugin\": \"^1.7.0\",\n    \"glob\": \"^7.1.2\",\n    \"html-webpack-plugin\": \"^3.2.0\",\n    \"http-proxy-middleware\": \"^0.18.0\",\n    \"mpvue-loader\": \"1.0.13\",\n    \"mpvue-template-compiler\": \"^1.0.11\",\n    \"mpvue-webpack-target\": \"^1.0.0\",\n    \"optimize-css-assets-webpack-plugin\": \"^3.2.0\",\n    \"ora\": \"^2.0.0\",\n    \"portfinder\": \"^1.0.13\",\n    \"postcss-loader\": \"^2.1.4\",\n    \"postcss-mpvue-wxss\": \"^1.0.0\",\n    \"prettier\": \"~1.12.1\",\n    \"px2rpx-loader\": \"^0.1.10\",\n    \"rimraf\": \"^2.6.0\",\n    \"semver\": \"^5.3.0\",\n    \"shelljs\": \"^0.8.1\",\n    \"uglifyjs-webpack-plugin\": \"^1.2.5\",\n    \"url-loader\": \"^1.0.1\",\n    \"vue-style-loader\": \"^4.1.0\",\n    \"vuetron\": \"^1.1.3\",\n    \"weapp.socket.io\": \"^2.0.1\",\n    \"webpack\": \"^3.11.0\",\n    \"webpack-bundle-analyzer\": \"^2.2.1\",\n    \"webpack-dev-middleware-hard-disk\": \"^1.12.0\",\n    \"webpack-merge\": \"^4.1.0\",\n    \"webpack-mpvue-asset-plugin\": \"0.0.2\"\n  },\n  \"engines\": {\n    \"node\": \">= 4.0.0\",\n    \"npm\": \">= 3.0.0\"\n  },\n  \"browserslist\": [\n    \"> 1%\",\n    \"last 2 versions\",\n    \"not ie <= 8\"\n  ]\n}\n"
  },
  {
    "path": "project.config.json",
    "content": "{\n\t\"description\": \"项目配置文件。\",\n\t\"setting\": {\n\t\t\"urlCheck\": true,\n\t\t\"es6\": false,\n\t\t\"postcss\": true,\n\t\t\"minified\": true,\n\t\t\"newFeature\": true\n\t},\n\t\"miniprogramRoot\": \"./dist/\",\n\t\"compileType\": \"miniprogram\",\n\t\"appid\": \"touristappid\",\n\t\"projectname\": \"mpvue-signin\",\n\t\"condition\": {\n\t\t\"search\": {\n\t\t\t\"current\": -1,\n\t\t\t\"list\": []\n\t\t},\n\t\t\"conversation\": {\n\t\t\t\"current\": -1,\n\t\t\t\"list\": []\n\t\t},\n\t\t\"game\": {\n\t\t\t\"currentL\": -1,\n\t\t\t\"list\": []\n\t\t},\n\t\t\"miniprogram\": {\n\t\t\t\"current\": -1,\n\t\t\t\"list\": []\n\t\t}\n\t}\n}\n"
  },
  {
    "path": "src/App.vue",
    "content": "<script>\nexport default {\n  created () {\n    // 调用API从本地缓存中获取数据\n    const logs = wx.getStorageSync('logs') || []\n    logs.unshift(Date.now())\n    wx.setStorageSync('logs', logs)\n\n    console.log('app created and cache logs by setStorageSync')\n  }\n}\n</script>\n\n<style>\n.container {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  background: #f5f5f5;\n}\n/* this rule will be remove */\n* {\n  transition: width 2s;\n  -moz-transition: width 2s;\n  -webkit-transition: width 2s;\n  -o-transition: width 2s;\n}\n</style>\n"
  },
  {
    "path": "src/components/card.vue",
    "content": "<template>\n  <div>\n    <p class=\"card\">\n      {{text}}\n    </p>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['text']\n}\n</script>\n\n<style>\n.card {\n  padding: 10px;\n}\n</style>\n"
  },
  {
    "path": "src/components/deladdress.vue",
    "content": "<template>\n  <div class=\"delContainer\">\n    <div class=\"delFull\">\n      <div class=\"delContent\">\n        <div class=\"delContentTitle\">\n          确定删除该收货地址吗？\n        </div>\n        <div class=\"delContentButton\">\n          <div class=\"delContentButtonL\" @click=\"closeDel\">取消</div>\n          <div class=\"delContentButtonR\" @click=\"saveUpdate\">确定</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import {\n    mapState\n  } from 'vuex'\nexport default {\n    computed: {\n      ...mapState([\n        'commdityShopping'\n      ])\n    },\n    methods: {\n      closeDel () {\n        this.closePayFull()\n        return false\n      },\n      saveUpdate () {\n        this.closePayFull()\n        wx.switchTab({\n          url: '../order/main'\n        })\n      },\n      closePayFull () {\n        this.$emit('closePayFull', false)\n        this.$store.dispatch('setCommdityShoppingClear')\n      }\n    }\n}\n</script>\n\n<style lang=\"less\" scoped>\n  .delContainer{\n    height: 100%;\n  }\n  .delFull{\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: rgba(0,0,0,0.6);\n  }\n.delContent{\n  width: 540rpx;\n  height: 190rpx;\n  background: #fff;\n  border-radius: 10rpx;\n  overflow: hidden;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -95rpx;\n  margin-left: -270rpx;\n  .delContentTitle{\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n\n    height: 100rpx;\n    line-height: 100rpx;\n    text-align: center;\n    font-size: 18px;\n    color: #80848f;\n    border-bottom: 1px solid #e9eaec;\n  }\n  .delContentButton{\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    height: 90rpx;\n    font-size: 14px;\n    text-align: center;\n    line-height: 90rpx;\n    .delContentButtonL{\n      height: 100%;\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      width: 50%;\n      float: left;\n      border-right: 1px solid #e9eaec;\n      color: #495060;\n    }\n    .delContentButtonR{\n      height: 100%;\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      width: 50%;\n      float: right;\n      color: #2e80f0;\n    }\n  }\n}\n</style>\n"
  },
  {
    "path": "src/components/message.vue",
    "content": "<template>\n  <div\n    class=\"messaeg\"\n    :class=\"[\n    type,\n    { 'toggleMessageStatus' : toggleMessageStatus}\n    ]\">\n    {{content}}\n  </div>\n</template>\n\n<script>\nexport default {\n  /**\n   * type\n   * default  默认   #eeeeee\n   * success  成功   #0097ff\n   * warning  警告   #FF9900\n   * error    错误   #ED3F14\n   */\n  props: {\n    /**\n     * type  显示类型\n     * content 显示内容\n     * toggleMessageStatus 是否显示\n     */\n    type: {\n      type: String,\n      default: 'default'\n    },\n    content: {\n      type: String,\n      default: '默认信息'\n    },\n    toggleMessageStatus: {\n      type: Boolean,\n      default: false\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n  .messaeg {\n    width:100%;\n    height:60rpx;\n    position:fixed;\n    top: -60rpx;\n\n    left:0;\n    right:0;\n    text-align:center;\n    line-height:60rpx;\n    color:#fff;\n    font-size:28rpx;\n    z-index:99;\n\n    -webkit-transition: top .28s;\n    -moz-transition: top .28s;\n    -ms-transition: top .28s;\n    -o-transition: top .28s;\n    transition: top .28s;\n  }\n\n  .toggleMessageStatus{\n    top:0;\n  }\n\n  .default{\n    background:#eee;\n    color: #000;\n  }\n  .success {\n    background: #0097ff;\n  }\n  .warning {\n    background: #FF9900;\n  }\n  .error {\n    background: #ED3F14;\n  }\n</style>\n"
  },
  {
    "path": "src/components/pay.vue",
    "content": "<template>\n  <div class=\"payContainer\">\n    <div class=\"payFull\">\n      <div class=\"payContent\">\n        <div class=\"payContentTitle\">\n          支付成功\n        </div>\n        <div class=\"payContentButton\">\n          <div class=\"payContentButtonL\" @click=\"blackIndex\">返回首页</div>\n          <div class=\"payContentButtonR\" @click=\"checkOrder\">查看订单</div>\n        </div>\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script>\n  import {\n    mapState\n  } from 'vuex'\nexport default {\n    computed: {\n      ...mapState([\n        'commdityShopping'\n      ])\n    },\n    methods: {\n      blackIndex () {\n        // console.log('blackindex')\n        this.closePayFull()\n        wx.switchTab({\n          url: '../index/main'\n        })\n      },\n      checkOrder () {\n        // console.log('checkOrder')\n        this.closePayFull()\n        wx.switchTab({\n          url: '../order/main'\n        })\n      },\n      closePayFull () {\n        this.$emit('closePayFull', false)\n        this.$store.dispatch('setCommdityShoppingClear')\n      }\n    }\n}\n</script>\n\n<style lang=\"less\" scoped>\n  .payContainer{\n    height: 100%;\n  }\n  .payFull{\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: rgba(0,0,0,0.6);\n  }\n.payContent{\n  width: 540rpx;\n  height: 190rpx;\n  background: #fff;\n  border-radius: 10rpx;\n  overflow: hidden;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -95rpx;\n  margin-left: -270rpx;\n  .payContentTitle{\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n\n    height: 100rpx;\n    line-height: 100rpx;\n    text-align: center;\n    font-size: 18px;\n    color: #80848f;\n    border-bottom: 1px solid #e9eaec;\n  }\n  .payContentButton{\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    height: 90rpx;\n    font-size: 14px;\n    text-align: center;\n    line-height: 90rpx;\n    .payContentButtonL{\n      height: 100%;\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      width: 50%;\n      float: left;\n      border-right: 1px solid #e9eaec;\n      color: #495060;\n    }\n    .payContentButtonR{\n      height: 100%;\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      width: 50%;\n      float: right;\n      color: #2e80f0;\n    }\n  }\n}\n</style>\n"
  },
  {
    "path": "src/main.js",
    "content": "import Vue from 'vue'\nimport App from './App'\n\nimport store from './store/index'\n\nVue.config.productionTip = false\nApp.mpType = 'app'\n\nVue.prototype.$store = store\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  // 这个字段走 app.json\n  config: {\n    // 页面前带有 ^ 符号的，会被编译成首页，其他页面可以选填，我们会自动把 webpack entry 里面的入口页面加进去\n    pages: [\n      '^pages/index/main',\n      'pages/order/main',\n      'pages/shopp/main',\n      'pages/user/main'\n    ],\n    window: {\n      backgroundTextStyle: 'light',\n      navigationBarBackgroundColor: '#0097ff',\n      navigationBarTitleText: '小优外卖',\n      navigationBarTextStyle: 'white'\n    },\n    tabBar: {\n      color: '#6f6f6f',\n      selectedColor: '#18a3ff',\n      backgroundColor: '#ffffff',\n      borderStyle: 'black',\n      list: [\n        {\n          pagePath: 'pages/index/main',\n          iconPath: 'static/img/wm.png',\n          selectedIconPath: 'static/img/wms.png',\n          text: '外卖'\n        },\n        {\n          pagePath: 'pages/order/main',\n          iconPath: 'static/img/dd.png',\n          selectedIconPath: 'static/img/dds.png',\n          text: '订单'\n        },\n        {\n          pagePath: 'pages/shopp/main',\n          iconPath: 'static/img/tj1.png',\n          selectedIconPath: 'static/img/tj1s.png',\n          text: '推荐'\n        },\n        {\n          pagePath: 'pages/user/main',\n          iconPath: 'static/img/user.png',\n          selectedIconPath: 'static/img/users.png',\n          text: '我的'\n        }\n      ]\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/address/index.vue",
    "content": "<template>\n  <div class=\"addressContainer\">\n    <div class=\"addressNoList\" v-if=\"!userAddres.length\">\n      <div class=\"addressImg\">\n        <img src=\"/static/img/address.png\" alt=\"address\">\n      </div>\n      <p class=\"addressDetail\">\n        您还没有地址，可以点击底部按钮新建地址\n      </p>\n    </div>\n    <div class=\"addressList\" v-else>\n      <i-cell-group>\n        <i-cell\n          v-for=\"(item, index) in userAddres\"\n          :key=\"index\"\n          :title=\"(item.addressName) + '  ' + (item.addressPhone)\"\n          :label=\"item.addressDetail\">\n          <!--<i-icon slot=\"icon\" size=\"18\" type=\"brush\" />-->\n          <i-radio\n            slot=\"icon\"\n            @change=\"toggleRadio(index)\"\n            :checked=\"userOrderAddres === index ? true : false \"\n          ></i-radio>\n          <i-icon\n            @click=\"toAddressUpdate(index)\"\n            slot=\"footer\"\n            size=\"18\"\n            type=\"brush\" />\n        </i-cell>\n      </i-cell-group>\n\n      <div class=\"addressListEmpty\"></div>\n    </div>\n\n    <div class=\"addressAdd\"  @click=\"addAddress\">\n      <div class=\"addressAddContent\">\n        <div class=\"addressAddContentIcon\">\n          <img src=\"/static/img/addresadd.png\" alt=\"addresadd\">\n        </div>\n        <div class=\"addressAddContentTitle\">新增地址</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import {\n    mapState\n  } from 'vuex'\nexport default {\n    computed: {\n      ...mapState([\n        'userAddres',\n        'userOrderAddres'\n      ])\n    },\n    data () {\n      return {\n      }\n    },\n    methods: {\n      addAddress () {\n        let url = '/pages/addressAdd/main'\n        wx.redirectTo({url})\n      },\n      toggleRadio (index) {\n        this.$store.dispatch('setUserOrderAddres', index)\n        // console.log(index)\n      },\n      toAddressUpdate (index) {\n        // console.log(index)\n        let url = '../addressUpdate/main?index=' + index\n        wx.redirectTo({url})\n      }\n    }\n}\n</script>\n\n<style lang=\"less\" scoped>\n  .addressContainer{\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: #f5f5f5;\n  }\n  .addressNoList{\n    width: 100%;\n    margin-top: 440rpx;\n    .addressImg {\n      width: 128rpx;\n      height: 108rpx;\n      margin: auto;\n      overflow: hidden;\n      img{\n        width: 100%;\n        height: 100%;\n      }\n    }\n    .addressDetail{\n      width: 100%;\n      height: 40 rpx;\n      line-height: 40rpx;\n      color: #ababab;\n      font-size: 16px;\n      text-align: center;\n      margin-top: 40rpx;\n    }\n  }\n\n  .addressList{\n    width: 100%;\n    height: 100%;\n    background: #f5f5f5;\n  }\n  .addressListEmpty{\n    width: 100%;\n    height: 100rpx;\n    background: #f5f5f5;\n  }\n\n  .addressAdd{\n    width: 100%;\n    height: 100rpx;\n    background: #fff;\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    line-height: 100rpx;\n    .addressAddContent{\n      width: 180rpx;\n      height: 100%;\n      text-align: center;\n      margin: auto;\n      color: #0097ff;\n      line-height: 100rpx;\n\n      .addressAddContentIcon{\n        float: left;\n        width: 50rpx;\n        text-align: center;\n        line-height: 100rpx;\n        img{\n          width: 30rpx;\n          height: 30rpx;\n          line-height: 30rpx;\n          text-align: center;\n          margin-top: 35rpx;\n          font-size: 14px;\n        }\n      }\n      .addressAddContentTitle{\n        float: left;\n        width: 130rpx;\n        font-size: 16px;\n        line-height: 100rpx;\n      }\n    }\n  }\n</style>\n"
  },
  {
    "path": "src/pages/address/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-icon': '../../static/dist/icon/index',\n      'i-cell-group': '../../static/dist/cell-group/index',\n      'i-cell': '../../static/dist/cell/index',\n      'i-radio': '../../static/dist/radio/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/addressAdd/index.vue",
    "content": "<template>\n  <div class=\"addressAddContainer\">\n\n    <div class=\"addressAddContent\">\n\n      <div class=\"addressAddContentList\">\n        <div class=\"addressAddContentListTitle\">联系人</div>\n        <input class=\"addressAddContentListInput\" type=\"text\" v-model=\"addressUser.addressName\" autofocus placeholder=\"名字\">\n      </div>\n\n      <div class=\"addressAddContentList\">\n        <div class=\"addressAddContentListTitle\">联系电话</div>\n        <input class=\"addressAddContentListInput\" type=\"number\" v-model=\"addressUser.addressPhone\" placeholder=\"请输入手机号\">\n      </div>\n\n      <div class=\"addressAddContentList\">\n        <div class=\"addressAddContentListTitle\">详细地址</div>\n        <textarea class=\"addressAddContentListInput\" type=\"text\" v-model=\"addressUser.addressDetail\" maxlength=\"30\" placeholder=\"请输入详细地址(最多50字)\"></textarea>\n      </div>\n\n\n\n\n    </div>\n\n    <p v-if=\"messageStatus\" class=\"message\">您还没有填完信息哦~</p>\n\n\n    <div class=\"addressAddButton\" @click=\"addressAddButton\">保存地址</div>\n\n  </div>\n</template>\n\n<script>\n  import {\n    mapState\n  } from 'vuex'\nexport default {\n    computed: {\n      ...mapState([\n        'userAddres'\n      ])\n    },\n    components: {\n    },\n    data () {\n      return {\n        addressUser: {\n          addressName: '',\n          addressPhone: '',\n          addressDetail: ''\n        },\n\n        messageStatus: false\n      }\n    },\n    onLoad () {\n      this.addressClear()\n    },\n    methods: {\n      /**\n       * 单击保存 保存信息到全局状态\n       */\n      addressAddButton () {\n        this.$store.dispatch('setUserAddres', this.addressUser)\n        this.addressClear()\n        this.addressToPage()\n        // console.log(this.userAddres)\n      },\n      /**\n       * 清除内容\n       */\n      addressClear () {\n        this.addressUser.addressName = ''\n        this.addressUser.addressPhone = ''\n        this.addressUser.addressDetail = ''\n      },\n      /**\n       * 页面跳转\n       */\n      addressToPage () {\n        let url = '/pages/address/main'\n        wx.redirectTo({\n          url,\n          success: function () {\n          },\n          fail: function () {\n            wx.navigateBack()\n          }\n        })\n      }\n    }\n}\n</script>\n\n<style lang=\"less\" scoped>\n  .addressAddContainer{\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: #f5f5f5;\n  }\n  .addressAddContent{\n    background: #fff;\n  }\n.addressAddContentList{\n  display:flex;\n  height:80rpx;\n  line-height:80rpx;\n  border-bottom: 1px solid #eee;\n  .addressAddContentListTitle{\n    color:#495060;\n    min-width:130rpx;\n    padding-right:20rpx;\n    font-size:14px;\n    padding-left:20px;\n\n  }\n  .addressAddContentListInput{\n    flex:1;\n    line-height:1.6;\n    padding:4px 0;\n    min-height:22px;\n    height:auto;\n    font-size:14px;\n    color: #495060;\n    caret-color: #495060;\n  }\n}\n.message{\n  width: 100%;\n  height: 60rpx;\n  line-height: 60rpx;\n  text-align: center;\n  color: #0097ff;\n  font-size: 14px;\n}\n\n  .addressAddButton{\n    width: 690rpx;\n    height: 88rpx;\n    text-align: center;\n    background: #0097ff;\n    color: #fff;\n    line-height: 88rpx;\n    font-size: 16px;\n    font-weight: 500;\n    border-radius: 3rpx;\n    margin-top: 100rpx;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n</style>\n"
  },
  {
    "path": "src/pages/addressAdd/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-icon': '../../static/dist/icon/index',\n      'i-cell-group': '../../static/dist/cell-group/index',\n      'i-cell': '../../static/dist/cell/index',\n      'i-input': '../../static/dist/input/index',\n      'i-panel': '../../static/dist/panel/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/addressUpdate/index.vue",
    "content": "<template>\n  <div class=\"addressAddContainer\">\n\n    <div class=\"addressAddContent\">\n\n      <div class=\"addressAddContentList\">\n        <div class=\"addressAddContentListTitle\">联系人</div>\n        <input class=\"addressAddContentListInput\" type=\"text\" v-model=\"addressUser.addressName\" autofocus placeholder=\"名字\">\n      </div>\n\n      <div class=\"addressAddContentList\">\n        <div class=\"addressAddContentListTitle\">联系电话</div>\n        <input class=\"addressAddContentListInput\" type=\"number\" v-model=\"addressUser.addressPhone\" placeholder=\"请输入手机号\">\n      </div>\n\n      <div class=\"addressAddContentList\">\n        <div class=\"addressAddContentListTitle\">详细地址</div>\n        <textarea class=\"addressAddContentListInput\" v-model=\"addressUser.addressDetail\" maxlength=\"30\" placeholder=\"请输入详细地址(最多50字)\"></textarea>\n      </div>\n\n\n\n\n    </div>\n\n    <p v-if=\"messageStatus\" class=\"message\">您还没有填完信息哦~</p>\n\n\n    <div class=\"operatorButton\">\n      <div class=\"addressAddButton del\" @click=\"addressAddButtonLess\">删除</div>\n      <div class=\"addressAddButton save\" @click=\"addressAddButtonSave\">修改</div>\n    </div>\n\n    <div class=\"delContainer\" v-if=\"tipsMessageDel\">\n      <div class=\"delFull\">\n        <div class=\"delContent\">\n          <div class=\"delContentTitle\">\n            确定删除该收货地址吗？\n          </div>\n          <div class=\"delContentButton\">\n            <div class=\"delContentButtonL\" @click=\"closeDel\">取消</div>\n            <div class=\"delContentButtonR\" @click=\"saveUpdate\">确定</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script>\n  import {\n    mapState\n  } from 'vuex'\nexport default {\n    computed: {\n      ...mapState([\n        'userAddres'\n      ])\n    },\n    components: {\n    },\n    data () {\n      return {\n        addressUser: {\n          index: 0,\n          addressName: '',\n          addressPhone: '',\n          addressDetail: ''\n        },\n\n        messageStatus: false,\n        tipsMessageDel: false\n      }\n    },\n    onLoad (option) {\n      this.addressClear()\n      // console.log(option.index)\n      this.addressUser.index = option.index\n      this.getAddress()\n    },\n    methods: {\n      // 单击保存\n      addressAddButtonSave () {\n        this.$store.dispatch('updateUserAddress', this.addressUser)\n        this.addressClear()\n        this.addressToPage()\n      },\n      // 删除地址\n      addressAddButtonLess () {\n        this.toggleFull(true)\n      },\n      // 清除内容\n      addressClear () {\n        this.addressUser.index = 0\n        this.addressUser.addressName = ''\n        this.addressUser.addressPhone = ''\n        this.addressUser.addressDetail = ''\n      },\n\n      // 获取地址信息\n      getAddress () {\n        console.log(this.userAddres)\n        this.addressUser.addressName = this.userAddres[this.addressUser.index].addressName\n        this.addressUser.addressPhone = this.userAddres[this.addressUser.index].addressPhone\n        this.addressUser.addressDetail = this.userAddres[this.addressUser.index].addressDetail\n      },\n      // 页面跳转\n      addressToPage () {\n        let url = '/pages/address/main'\n        wx.redirectTo({\n          url,\n          success: function () {\n          },\n          fail: function () {\n          }\n        })\n      },\n      // 取消删除\n      closeDel () {\n        this.toggleFull(false)\n        return false\n      },\n      // 确定删除\n      saveUpdate () {\n        this.toggleFull(false)\n        this.$store.dispatch('delUserAddress', this.addressUser.index)\n        this.addressClear()\n        this.addressToPage()\n      },\n      // 切换显示弹出层\n      toggleFull (status) {\n        this.tipsMessageDel = status\n      }\n    }\n}\n</script>\n\n<style lang=\"less\" scoped>\n  .addressAddContainer{\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: #f5f5f5;\n  }\n  .addressAddContent{\n    background: #fff;\n  }\n.addressAddContentList{\n  display:flex;\n  height:80rpx;\n  line-height:80rpx;\n  border-bottom: 1px solid #eee;\n  .addressAddContentListTitle{\n    color:#495060;\n    min-width:130rpx;\n    padding-right:20rpx;\n    font-size:14px;\n    padding-left:20px;\n\n  }\n  .addressAddContentListInput{\n    flex:1;\n    line-height:1.6;\n    padding:4px 0;\n    min-height:22px;\n    height:auto;\n    font-size:14px;\n    color: #495060;\n    caret-color: #495060;\n  }\n}\n.message{\n  width: 100%;\n  height: 60rpx;\n  line-height: 60rpx;\n  text-align: center;\n  color: #0097ff;\n  font-size: 14px;\n}\n\n.operatorButton{\n  width: 690rpx;\n  overflow: hidden;\n  margin-top: 100rpx;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n  .addressAddButton{\n    width: 335rpx;\n    height: 88rpx;\n    text-align: center;\n    color: #fff;\n    line-height: 88rpx;\n    font-size: 16px;\n    font-weight: 500;\n    border-radius: 3rpx;\n    float: left;\n  }\n  .del{\n    background: #d9644c;\n  }\n  .save{\n    background: #0097ff;\n    margin-left: 20rpx;\n\n  }\n\n\n\n  .delContainer{\n    height: 100%;\n  }\n  .delFull{\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: rgba(0,0,0,0.6);\n  }\n  .delContent{\n    width: 540rpx;\n    height: 190rpx;\n    background: #fff;\n    border-radius: 10rpx;\n    overflow: hidden;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    margin-top: -95rpx;\n    margin-left: -270rpx;\n    .delContentTitle{\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n\n      height: 100rpx;\n      line-height: 100rpx;\n      text-align: center;\n      font-size: 18px;\n      color: #80848f;\n      border-bottom: 1px solid #e9eaec;\n    }\n    .delContentButton{\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      height: 90rpx;\n      font-size: 14px;\n      text-align: center;\n      line-height: 90rpx;\n      .delContentButtonL{\n        height: 100%;\n        -webkit-box-sizing: border-box;\n        -moz-box-sizing: border-box;\n        box-sizing: border-box;\n        width: 50%;\n        float: left;\n        border-right: 1px solid #e9eaec;\n        color: #495060;\n      }\n      .delContentButtonR{\n        height: 100%;\n        -webkit-box-sizing: border-box;\n        -moz-box-sizing: border-box;\n        box-sizing: border-box;\n        width: 50%;\n        float: right;\n        color: #2e80f0;\n      }\n    }\n  }\n\n\n\n\n</style>\n"
  },
  {
    "path": "src/pages/addressUpdate/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-icon': '../../static/dist/icon/index',\n      'i-cell-group': '../../static/dist/cell-group/index',\n      'i-cell': '../../static/dist/cell/index',\n      'i-input': '../../static/dist/input/index',\n      'i-panel': '../../static/dist/panel/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/commodity/index.vue",
    "content": "<template>\n<div class=\"commodityContainer\">\n  <div class=\"commodity\">\n    <img src=\"/static/img/cb.png\" alt=\"cb\">\n    <div class=\"commodityLogo\">\n      <img src=\"/static/img/xbk.png\" alt=\"xbk\">\n    </div>\n  </div>\n\n  <div class=\"commodityTitle\">{{commodityName}}</div>\n  <div class=\"commodityDetail\">10元起送|免费配送</div>\n\n  <div class=\"commodityList\">\n    点餐\n  </div>\n\n  <div class=\"commodityListShopp\">\n    <div class=\"commodityListShoppMenu\">\n      <ul>\n        <!--class=\"active\"-->\n        <li :class=\"{active: index === commodityIndexs}\" @click=\"toggleList(index)\" v-for=\"(item, index) in commodityList\" :key=\"index\">{{item.commodityMenu}}</li>\n      </ul>\n    </div>\n    <div class=\"commodityListShoppContent\">\n      <div :class=\"{commodityToggle: commodityIndex === commodityIndexs }\" class=\"commodityToggleList\" v-for=\"(commodityItem, commodityIndex) in commodityList\" :key=\"commodityIndex\">\n        <div @click=\"addCommodity(commodityItems, commodityItems.commodityName, commodityIndex, commodityIndexs)\" class=\"commodityListShoppContentD\" v-for=\"(commodityItems, commodityIndexs) in commodityItem.commodityData\" :key=\"commodityIndexs\" >\n          <div class=\"commodityListShoppContentDImg\">\n            <img :src=\"commodityItems.commodityImg\" :alt=\"commodityItems.commodityAlt\">\n          </div>\n          <div class=\"commodityListShoppContentDD\">\n            <p class=\"commodityListShoppContentDDT\">{{commodityItems.commodityName}}</p>\n            <p class=\"commodityListShoppContentDDD\">{{commodityItems.commodityDetail}}</p>\n            <p class=\"commodityListShoppContentDDM\">{{commodityItems.commodityMoney}}元</p>\n            <div class=\"commodityAdd\">\n              <img src=\"/static/img/add.png\" alt=\"add\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"commodityemtyp\"></div>\n\n  <div :class=\"{commodityShoppListToggle: commodityToggleShow}\" class=\"commodityShoppList\">\n    <i-cell-group>\n\n      <i-cell :title=\"item.commodityName\" v-for=\"(item, index) in commdityShopping\" :key=\"index\">\n        <div slot=\"footer\">\n          <div class=\"commodityShoppListM\">{{item.commodityMoney * item.commoditySum}}元</div>\n          <div class=\"commodityShoppListSwitch\">\n            <div class=\"commodityShoppListSwitchLess\" @click=\"commodityShoppListSwitchLess(index)\">－</div>\n            <div class=\"commodityShoppListSwitchSum\">{{item.commoditySum}}</div>\n            <div class=\"commodityShoppListSwitchAdd\" @click=\"commodityShoppListSwitchAdd(index)\">＋</div>\n          </div>\n        </div>\n      </i-cell>\n\n      <i-cell title=\"配送费\">\n        <div slot=\"footer\">\n          {{commodityPrice >= 10 ? 0 : 1}}元\n        </div>\n      </i-cell>\n    </i-cell-group>\n  </div>\n\n\n  <div class=\"commoditySum\" :class=\"{commoditySumStatus: commoditySumShopp}\" @click=\"commodityToggleShowList\">\n    <div class=\"commodityG\" :class=\"{commodityGStatus: commoditySumShopp}\">\n      <i-icon type=\"publishgoods_fill\" size=\"40\" :color=\" commoditySumShopp === 0 ?  '#5f5f63' : '#ffffff' \" />\n      <div v-if=\"commoditySumShopp\" class=\"commodityGsum\">{{commoditySumShopp}}</div>\n    </div>\n    <div class=\"commodityD\">\n      <p class=\"commodityDM\" :class=\"{commodityDMStatus: commoditySumShopp }\">\n        {{ commoditySumShopp === 0 ? '未选购商品' :  commodityPrice + '元' }}\n      </p>\n      <p class=\"commodityDD\">\n        不足十元需要加一元配送费\n      </p>\n    </div>\n    <div class=\"commodityM\" :class=\"{commodityMStatus: commoditySumShopp}\" @click.stop=\"settlement\" >\n        {{ commoditySumShopp === 0 ? '10元起送' : '去结算'}}\n    </div>\n  </div>\n\n  <div :class=\"{commodityFullToggle:  commodityToggleShow }\" @click=\"commodityToggleShowList\" class=\"commodityFull\"></div>\n\n</div>\n</template>\n\n<script>\nimport _ from 'lodash'\nimport {\n  mapState\n} from 'vuex'\nexport default {\n  data () {\n    return {\n      commodityIndexs: 0,\n      commodityToggleShow: false,\n      commodityName: '九三鸭霸王外卖店',\n      commodityList: [\n        {\n          commodityMenu: '炒菜',\n          commodityData: [\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡1',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 5,\n              commoditySum: 1\n            },\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡2',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 8,\n              commoditySum: 1\n            }\n          ]\n        },\n        {\n          commodityMenu: '炒菜',\n          commodityData: [\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡3',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 14,\n              commoditySum: 1\n            },\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡4',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 12,\n              commoditySum: 1\n            },\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡5',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 10,\n              commoditySum: 1\n            }\n          ]\n        },\n        {\n          commodityMenu: '炒菜',\n          commodityData: [\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡6',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 10,\n              commoditySum: 1\n            },\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡7',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 11,\n              commoditySum: 1\n            },\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡8',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 10,\n              commoditySum: 1\n            },\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡9',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 10,\n              commoditySum: 1\n            }\n          ]\n        },\n        {\n          commodityMenu: '炒菜',\n          commodityData: [\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡10',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 10,\n              commoditySum: 1\n            },\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡11',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 10,\n              commoditySum: 1\n            },\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡12',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 10,\n              commoditySum: 1\n            },\n            {\n              commodityImg: '/static/img/xbk.png',\n              commodityAlt: 'xbk',\n              commodityName: '香辣鸡腿堡13',\n              commodityDetail: '鸡肉、青椒、等等等等等等等等等等等等等等等等',\n              commodityMoney: 10,\n              commoditySum: 1\n            }\n          ]\n        }\n      ]\n    }\n  },\n  computed: {\n    ...mapState([\n      'commdityShopping'\n    ]),\n    commodityPrice: function () {\n      let sumPrice = 0\n      _.forEach(this.commdityShopping, function (value, key) {\n        sumPrice += (value.commodityMoney * value.commoditySum)\n      })\n      if (sumPrice < 10) {\n        sumPrice += 1\n      }\n      return sumPrice\n    },\n    commoditySumShopp: function () {\n      let Sum = 0\n      _.forEach(this.commdityShopping, function (value, key) {\n        Sum += value.commoditySum\n      })\n      return Sum\n    }\n  },\n  methods: {\n    // 切换列表\n    toggleList (index) {\n      this.commodityIndexs = index\n    },\n    // 遮罩层切换\n    commodityToggleShowList () {\n      if (this.commdityShopping.length === 0) {\n        return false\n      }\n      this.commodityToggleShow = !this.commodityToggleShow\n    },\n    // 添加商品\n    addCommodity (commodityItems, commodityName, commodityIndex, commodityIndexs) {\n      let commodityFindIndex = _.findIndex(this.commdityShopping, function (o) {\n        return o.commodityName === commodityName\n      })\n      // 拷贝对象\n      let commodityItem = _.clone(commodityItems)\n      if (commodityFindIndex !== -1) {\n        this.commodityShoppListSwitchAdd(commodityFindIndex)\n      } else {\n        this.$store.dispatch('setCommdityShopping', commodityItem)\n      }\n    },\n    // 数量减\n    commodityShoppListSwitchLess (index) {\n      console.log(this.commdityShopping)\n      this.$store.dispatch('setCommdityShoppingLess', index)\n      if (this.commdityShopping.length === 0) {\n        this.commodityToggleShow = false\n      }\n    },\n    // 数量加\n    commodityShoppListSwitchAdd (index) {\n      this.$store.dispatch('setCommdityShoppingAdd', index)\n    },\n    // 设置商家名\n    setCommdityShoppName () {\n      this.$store.dispatch('setCommdityShoppingName', this.commodityName)\n    },\n    settlement () {\n      if (this.commoditySumShopp) {\n        this.setCommdityShoppName()\n        this.commodityToggleShow = false\n        wx.navigateTo({\n          url: '/pages/settlement/main'\n        })\n      } else {\n        return false\n      }\n    }\n\n    // commodityJsonInArray (data) {\n    //   // console.log(data)\n    //   let commodityJson = {}\n    //   for (let key of Object.keys(data)) {\n    //     // console.log(key, data[key])\n    //     commodityJson[key] = data[key]\n    //   }\n    //   console.log(commodityJson)\n    //   return commodityJson\n    // }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n  .commodityContainer{\n  }\n.commodity{\n  width: 100%;\n  height: 200rpx;\n  position: relative;\n  background: #eee;\n  img{\n    width: 100%;\n    height: 100%;\n  }\n  .commodityLogo{\n    position: absolute;\n    width: 150rpx;\n    height: 150rpx;\n    top: 80rpx;\n    left: 50%;\n    margin:0 0 0 -75rpx;\n    overflow: hidden;\n    img{\n      width: 100%;\n      height: 100%;\n    }\n  }\n}\n  .commodityTitle{\n    text-align: center;\n    color: #333;\n    font-size: 20px;\n    font-weight: bold;\n    margin-top: 64rpx;\n  }\n  .commodityDetail{\n    text-align: center;\n    color: #666666;\n    font-size: 14px;\n    margin-top: 20rpx;\n  }\n\n  .commodityList{\n    width: 100%;\n    height: 80rpx;\n    line-height: 80rpx;\n    background: #fff;\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    border-bottom: 1px solid #eee;\n\n    margin-top: 20rpx;\n\n\n    text-align: center;\n    color: #333;\n    font-size: 16px;\n  }\n\n  .commodityListShopp{\n    width: 100%;\n    height:auto;\n    /*margin-bottom:100rpx;*/\n    overflow:hidden;\n\n\n    .commodityListShoppMenu{\n      width: 154rpx;\n      float: left;\n      ul{\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        li{\n          width: 154rpx;\n          height: 100rpx;\n          line-height: 100rpx;\n          text-align: center;\n          color: #666;\n          background: #f8f8f8;\n          font-size: 14px;\n        }\n        li.active{\n          background: #fff;\n          color: #333;\n        }\n      }\n    }\n\n  }\n\n  .commodityListShoppContent{\n    width: 540rpx;\n    margin-left: 20rpx;\n    float: left;\n\n\n    .commodityToggle{\n      display: block !important;\n    }\n.commodityToggleList{\n  display: none;\n}\n\n    .commodityListShoppContentD{\n      width: 100%;\n      height: 190rpx;\n      margin-top: 20rpx;\n      margin-bottom: 40rpx;\n      .commodityListShoppContentDImg{\n        width: 190rpx;\n        height: 190rpx;\n        float: left;\n        img{\n          width: 100%;\n          height: 100%;\n        }\n      }\n      .commodityListShoppContentDD{\n        float: left;\n        width: 330rpx;\n        margin-left: 20rpx;\n        position: relative;\n\n        .commodityListShoppContentDDT{\n          color: #333;\n          font-size: 16px;\n          font-weight: bold;\n          line-height: 80rpx ;\n        }\n        .commodityListShoppContentDDD{\n          color: #999;\n          font-size: 14px;\n          overflow: hidden;\n          -ms-text-overflow: ellipsis;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          line-height: 40rpx;\n        }\n        .commodityListShoppContentDDM{\n          color: #ff5339;\n          font-size: 14px;\n          line-height: 70rpx;\n        }\n        .commodityAdd{\n          width: 44rpx;\n          height: 44rpx;\n          overflow: hidden;\n          position: absolute;\n          right: 30rpx;\n          bottom: 20rpx;\n          img{\n            width: 100%;\n            height: 100%;\n          }\n        }\n      }\n    }\n  }\n\n  .commodityemtyp{\n    width: 100%;\n    height: 96rpx;\n    background: #fff;\n  }\n  .commoditySum{\n    width: 100%;\n    height: 96rpx;\n    background: #505052;\n    position: fixed;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    .commodityG{\n      width: 100rpx;\n      height: 100rpx;\n      background: #363636;\n      border: 10rpx solid #444444;\n      -webkit-border-radius: 50%;\n      -moz-border-radius: 50%;\n      border-radius: 50%;\n      position: absolute;\n      left: 24rpx;\n      bottom: 16rpx;\n      text-align: center;\n      line-height: 100rpx;\n      .commodityGsum{\n        width:40rpx;\n        height:40rpx;\n        -webkit-border-radius:50%;\n        -moz-border-radius:50%;\n        border-radius:50%;\n        position:absolute;\n        top:0rpx;\n        right:-30rpx;\n        background:#ff6917;\n        color:#fff;\n        font-size:12px;\n        line-height:40rpx;\n\n\n      }\n    }\n\n    .commodityD{\n      position: absolute;\n      left: 180rpx;\n      width: auto;\n      height: 96rpx;\n      color: #fff;\n      .commodityDM{\n        font-size: 14px;\n        color: #999;\n        line-height: 60rpx;\n      }\n      .commodityDD{\n        font-size: 10px;\n        color: #999;\n        line-height: 20rpx;\n      }\n    }\n\n    .commodityM{\n      width: 210rpx;\n      height: 96rpx;\n      background: #535356;\n      float: right;\n      color: #fff;\n      font-size: 16px;\n      text-align: center;\n      line-height: 96rpx;\n    }\n  }\n\n  .commodityShoppList{\n    position:fixed;\n    bottom: -100%;\n    left:0;\n    right:0;\n    z-index:99;\n    padding-bottom:30rpx;\n    background:#fff;\n\n    -webkit-transition: bottom .28s;\n    -moz-transition: bottom .28s;\n    -ms-transition: bottom .28s;\n    -o-transition: bottom .28s;\n    transition: bottom .28s;\n\n    max-height: 700rpx;\n    overflow: auto;\n\n\n    .commodityShoppListM{\n      width: 110rpx;\n      height: 110rpx;\n      float: left;\n      line-height: 110rpx;\n      text-align: center;\n      color: #ff5339;\n      font-size: 16px;\n      font-weight: bold;\n    }\n    .commodityShoppListSwitch{\n      width: 180rpx;\n      height: 110rpx;\n      line-height: 110rpx;\n      float: left;\n      .commodityShoppListSwitchLess{\n        width: 44rpx;\n        height: 44rpx;\n        line-height: 44rpx;\n        text-align: center;\n        color: #2396ff;\n        font-size: 16px;\n        font-weight: bold;\n        border: 1px solid #2396ff;\n        -webkit-border-radius: 50%;\n        -moz-border-radius: 50%;\n        border-radius: 50%;\n\n        -webkit-box-sizing: border-box;\n        -moz-box-sizing: border-box;\n        box-sizing: border-box;\n\n        float: left;\n\n        margin-top: 33rpx;\n      }\n      .commodityShoppListSwitchSum{\n        width: 82rpx;\n        height: 100%;\n        text-align: center;\n        line-height: 110rpx;\n        float: left;\n        color: #212121;\n        font-size: 16px;\n        overflow: hidden;\n        -ms-text-overflow: ellipsis;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n      .commodityShoppListSwitchAdd{\n        width: 44rpx;\n        height: 44rpx;\n        line-height: 44rpx;\n        text-align: center;\n        color: #fff;\n        font-size: 16px;\n        font-weight: bold;\n        background: #2396ff;\n        -webkit-border-radius: 50%;\n        -moz-border-radius: 50%;\n        border-radius: 50%;\n\n        -webkit-box-sizing: border-box;\n        -moz-box-sizing: border-box;\n        box-sizing: border-box;\n\n        float: left;\n\n        margin-top: 33rpx;\n      }\n    }\n  }\n\n  .commodityShoppListToggle{\n    bottom:96rpx;\n  }\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .commodityFull{\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: rgba(0,0,0,.6);\n    z-index: 9;\n\n    opacity: 0;\n    display: none;\n\n    -webkit-transition: opacity .28s;\n    -moz-transition: opacity .28s;\n    -ms-transition: opacity .28s;\n    -o-transition: opacity .28s;\n    transition: opacity .28s;\n  }\n  .commodityFullToggle{\n    opacity: 1;\n    display: block;\n  }\n\n\n  .commoditySumStatus{\n    background: #464648 !important;\n  }\n  .commodityGStatus{\n    background: #3190e8 !important;\n    color: #fff !important;\n  }\n  .commodityMStatus{\n    background: #3190e8 !important;\n  }\n  .commodityDMStatus{\n    color: #fff !important;\n  }\n\n</style>\n"
  },
  {
    "path": "src/pages/commodity/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-icon': '../../static/dist/icon/index',\n      'i-cell-group': '../../static/dist/cell-group/index',\n      'i-cell': '../../static/dist/cell/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/commodity/store.js",
    "content": "// https://vuex.vuejs.org/zh-cn/intro.html\n// make sure to call Vue.use(Vuex) if using a module system\nimport Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nconst store = new Vuex.Store({\n  state: {\n    count: 0\n  },\n  mutations: {\n    increment: (state) => {\n      const obj = state\n      obj.count += 1\n    },\n    decrement: (state) => {\n      const obj = state\n      obj.count -= 1\n    }\n  }\n})\n\nexport default store\n"
  },
  {
    "path": "src/pages/contactmerchant/index.vue",
    "content": "<template>\n <div class=\"contactMerchantContainer\">\n   <i-cell-group>\n     <i-cell\n       v-for=\"(item, index) in contactUs\"\n       :key=\"index\"\n       :title=\"item.name\"\n       :value=\"item.contact\">\n       <i-icon\n         slot=\"icon\"\n         type=\"group_fill\"\n         color=\"#0097ff\"\n         size=\"18\"/>\n     </i-cell>\n   </i-cell-group>\n </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      contactUs: [\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '肯德基商家',\n          contact: 'Tel:15273656769'\n        }\n      ]\n    }\n  }\n\n}\n</script>\n\n<style lang=\"less\" scoped>\n\n</style>\n"
  },
  {
    "path": "src/pages/contactmerchant/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-cell-group': '../../static/dist/cell-group/index',\n      'i-cell': '../../static/dist/cell/index',\n      'i-icon': '../../static/dist/icon/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/contactus/index.vue",
    "content": "<template>\n <div class=\"contactusContainer\">\n   <i-cell-group>\n     <i-cell\n       v-for=\"(item, index) in contactUs\"\n       :key=\"index\"\n       :title=\"item.name\"\n       :value=\"item.contact\">\n       <i-icon\n         slot=\"icon\"\n         type=\"group_fill\"\n         color=\"#0097ff\"\n         size=\"18\"/>\n     </i-cell>\n   </i-cell-group>\n </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      contactUs: [\n        {\n          name: '客服小红',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '客服小怡',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '客服小情',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '客服小慧',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '客服小燕',\n          contact: 'Tel:15273656769'\n        },\n        {\n          name: '客服小瑶',\n          contact: 'Qq:15273656769'\n        },\n        {\n          name: '客服小红',\n          contact: 'Qq:15273656769'\n        },\n        {\n          name: '客服小怡',\n          contact: 'Qq:15273656769'\n        },\n        {\n          name: '客服小情',\n          contact: 'Qq:15273656769'\n        },\n        {\n          name: '客服小慧',\n          contact: 'Qq:15273656769'\n        },\n        {\n          name: '客服小燕',\n          contact: 'Qq:15273656769'\n        },\n        {\n          name: '客服小瑶',\n          contact: 'Qq:15273656769'\n        }\n      ]\n    }\n  }\n\n}\n</script>\n<style lang=\"less\" scoped>\n\n</style>\n"
  },
  {
    "path": "src/pages/contactus/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-cell-group': '../../static/dist/cell-group/index',\n      'i-cell': '../../static/dist/cell/index',\n      'i-icon': '../../static/dist/icon/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/counter/index.vue",
    "content": "<template>\n  <div class=\"counter-warp\">\n    <p>Vuex counter：{{ count }}</p>\n    <p>\n      <button @click=\"increment\">+</button>\n      <button @click=\"decrement\">-</button>\n    </p>\n\n    <a href=\"/pages/user/main\" class=\"home\">去往首页</a>\n  </div>\n</template>\n\n<script>\n// Use Vuex\nimport store from './store'\n\nexport default {\n  computed: {\n    count () {\n      return store.state.count\n    }\n  },\n  methods: {\n    increment () {\n      store.commit('increment')\n    },\n    decrement () {\n      store.commit('decrement')\n    }\n  }\n}\n</script>\n\n<style>\n.counter-warp {\n  text-align: center;\n  margin-top: 100px;\n}\n.home {\n  display: inline-block;\n  margin: 100px auto;\n  padding: 5px 10px;\n  color: blue;\n  border: 1px solid blue;\n}\n</style>\n"
  },
  {
    "path": "src/pages/counter/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n"
  },
  {
    "path": "src/pages/counter/store.js",
    "content": "// https://vuex.vuejs.org/zh-cn/intro.html\n// make sure to call Vue.use(Vuex) if using a module system\nimport Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nconst store = new Vuex.Store({\n  state: {\n    count: 0 },\n  mutations: {\n    increment: (state) => {\n      const obj = state\n      obj.count += 1\n    },\n    decrement: (state) => {\n      const obj = state\n      obj.count -= 1\n    }\n  }\n})\n\nexport default store\n"
  },
  {
    "path": "src/pages/feedback/index.vue",
    "content": "<template>\n <div class=\"feedbackContainer\">\n   <div class=\"feedback\">\n     <div class=\"feedbackTitle\">联系人</div>\n     <input class=\"feedbackInput\" type=\"text\" v-model=\"feedback.name\" autofocus placeholder=\"名字\">\n   </div>\n\n   <div class=\"feedback\">\n     <div class=\"feedbackTitle\">联系电话</div>\n     <input class=\"feedbackInput\" type=\"number\" v-model=\"feedback.phone\" placeholder=\"请输入手机号\">\n   </div>\n\n   <div class=\"feedback\">\n     <div class=\"feedbackTitle\">反馈内容</div>\n     <textarea class=\"feedbackInputTextarea\" v-model=\"feedback.detail\" placeholder=\"请输入反馈内容\"></textarea>\n   </div>\n   <div class=\"feedbackButton\" @click=\"feedbackButton\">提交意见</div>\n   <div class=\"feedbackMessage\" v-if=\"feedbackStatus\">反馈成功~</div>\n\n </div>\n</template>\n\n<script>\n  import {\n    mapState\n  } from 'vuex'\nexport default {\n    computed: {\n      ...mapState([\n        'feedbackList'\n      ])\n    },\n    data () {\n      return {\n        feedback: {\n          name: '',\n          phone: '',\n          detail: ''\n        },\n        feedbackStatus: false\n      }\n    },\n    methods: {\n      feedbackButton () {\n        let _this = this\n\n        this.$store.dispatch('addFeedbackList', this.feedback)\n\n        this.feedbackStatus = true\n\n        this.clearPageInput()\n\n        setTimeout(function () {\n          _this.feedbackStatus = false\n\n          _this.toUserPages()\n        }, 500)\n      },\n      clearPageInput () {\n        this.feedback.name = ''\n        this.feedback.phone = ''\n        this.feedback.detail = ''\n      },\n      toUserPages () {\n        let url = '/pages/user/main'\n        wx.switchTab({url})\n      }\n    },\n    onLoad () {\n      this.clearPageInput()\n      console.log(this.feedbackList)\n    }\n}\n</script>\n\n<style lang=\"less\" scoped>\n  .feedback{\n    display:flex;\n    min-height:80rpx;\n    line-height:80rpx;\n    border-bottom: 1px solid #eee;\n    .feedbackTitle{\n      color:#495060;\n      min-width:130rpx;\n      padding-right:20rpx;\n      font-size:14px;\n      padding-left:20px;\n\n    }\n    .feedbackInput{\n      flex:1;\n      line-height:1.6;\n      padding:4px 0;\n      min-height:22px;\n      height:auto;\n      font-size:14px;\n      color: #495060;\n      caret-color: #495060;\n    }\n    .feedbackInputTextarea{\n      flex:1;\n      height: 200rpx;\n      line-height:1.6;\n      padding:4rpx 10rpx 0 0;\n      font-size:14px;\n      color: #495060;\n      caret-color: #495060;\n      overflow: hidden;\n    }\n  }\n  .feedbackButton{\n    width: 690rpx;\n    height: 88rpx;\n    text-align: center;\n    background: #0097ff;\n    color: #fff;\n    line-height: 88rpx;\n    font-size: 16px;\n    font-weight: 500;\n    border-radius: 3rpx;\n    margin-top: 100rpx;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n\n  .feedbackMessage{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: translate(-50%, -50%);\n    -moz-transform: translate(-50%, -50%);\n    -ms-transform: translate(-50%, -50%);\n    -o-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n    padding: 10rpx 16rpx;\n    -webkit-border-radius: 6rpx;\n    -moz-border-radius: 6rpx;\n    border-radius: 6rpx;\n    color: #fff;\n    font-size: 14px;\n  }\n</style>\n"
  },
  {
    "path": "src/pages/feedback/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-input': '../../static/dist/input/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/index/index.vue",
    "content": "<template>\n  <!--<div class=\"container\" @click=\"clickHandle('test click', $event)\">-->\n  <div class=\"container\">\n\n    <div class=\"headSearch\">\n      <!--<div class=\"headSearchTitle\">-->\n        <!--小优用户-->\n      <!--</div>-->\n      <div class=\"headSearchInput\" @click=\"goCommodity\">\n        <!--<i-input i-class=\"headSeachISearch\" placeholder=\"请输入收货人姓名\" />-->\n        <input class=\"headSeachISearch\" type=\"search\" placeholder=\"请输入收货人姓名\">\n      </div>\n    </div>\n\n    <div class=\"banner\" @click=\"testCommodity\">\n      <img src=\"/static/img/banner.png\" alt=\"banner\">\n    </div>\n\n    <div class=\"menu\">\n      <div class=\"menuContent\">\n        <div class=\"menuContentList\">\n          <img src=\"/static/img/gssc.png\" alt=\"gssc\">\n        </div>\n        <div class=\"menuContentList\">\n          <img src=\"/static/img/xlqg.png\" alt=\"xlqg\">\n        </div>\n        <div class=\"menuContentList\">\n          <img src=\"/static/img/qbms.png\" alt=\"qbms\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"main\">\n      <!--<div class=\"loading\" v-show=\"loadingShow\">-->\n            <!--<i-spin custom>-->\n              <!--<i-icon type=\"refresh\" size=\"20\" i-class=\"icon-load\"></i-icon>-->\n              <!--<view>Loading</view>-->\n            <!--</i-spin>-->\n      <!--</div>-->\n      <div class=\"shop\" v-for=\"(item, index) in merchant\" :key=\"index\">\n        <div class=\"shopContent\">\n          <div class=\"shopContentTitle clearflx\">\n            <a href=\"/pages/commodity/main\">\n            <div class=\"sCTImg\">\n                <img :src=\"item.logo\" :alt=\"item.logoalt\">\n            </div>\n            </a>\n\n            <div class=\"sCTDetail\">\n              <div class=\"sCTDetailTitle\">\n                <div class=\"sCTDetailTitleicon\">店铺</div>\n                <p>{{item.title}}</p>\n              </div>\n              <div class=\"sCTDetailpj\">\n                {{item.sales}}\n              </div>\n              <div class=\"sCTDetailm\">\n                {{item.distribution}}\n              </div>\n            </div>\n          </div>\n\n          <div class=\"shopLine\"></div>\n\n          <div class=\"shopActivity clearflx\">\n            <div class=\"shopActivityicon clearflx\">\n              <div class=\"shopActivityiconJ\">减</div>\n              <p>{{item.less}}</p>\n            </div>\n\n            <div class=\"shopActivityicon clearflx\">\n              <div class=\"shopActivityiconJ\">折</div>\n              <p>{{item.fold}}</p>\n            </div>\n\n          </div>\n\n          <div class=\"shopping\">\n            <div class=\"shoppingContent\" v-for=\"(itemShoop, itemIndex) in item.shopping\" :key=\"itemIndex\">\n              <div class=\"shoppingContentImg\">\n                <img :src=\"itemShoop.shoopingImg\" :alt=\"item.shoopimgAlt\">\n              </div>\n              <p class=\"shoppingContentTitle\">{{itemShoop.shoopingTitle}}</p>\n              <p class=\"shoppingContentM\"><span class=\"shoppingContentMA\">{{itemShoop.shoopingMa}}￥</span><span class=\"shoppingContentMB\">{{itemShoop.shoopingMb}}</span></p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <i-load-more tip=\"暂无数据\" :loading=\"loadingShow\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nlet Fly = require('flyio/dist/npm/wx')\nlet fly = new Fly()\n\nexport default {\n  data () {\n    return {\n      loadingShow: true,\n      merchant: []\n    }\n  },\n\n  created () {\n    this.getMerchant()\n  },\n  methods: {\n    getMerchant () {\n      let _this = this\n      fly.get('https://easy-mock.com/mock/5b69315d99b4c7086b576bf0/merchant')\n        .then(function (response) {\n          if (response.status === 200) {\n            let merchant = response.data\n            // console.log(merchant.data)\n            _this.loadingShow = false\n            _this.merchant = merchant.data\n          }\n        })\n        .catch(function (err) {\n          _this.loadingShow = true\n          console.log(err)\n        })\n    },\n    testCommodity () {\n      wx.navigateTo({\n        url: '/pages/address/main'\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n  .clearflx:after{\n    content: '';\n    width: 0;\n    height: 0;\n    clear: both;\n    display: block;\n  }\n\n  /*headSearch*/\n  .headSearch{\n    width: 100%;\n    background: #0097ff;\n    /*padding: 10rpx 0 20rpx 0;*/\n    .headSearchTitle {\n      color: #fff;\n      text-align: center;\n      line-height: 2;\n      margin-bottom: 10rpx;\n      font-size: 16px;\n    }\n    .headSearchInput{\n      width: 690rpx;\n      margin: 10px auto 20px;\n      background: #fff;\n      border-radius: 50rpx;\n      font-size: 14px;\n      overflow: hidden;\n    }\n    .headSeachISearch{\n      padding: 20rpx 30rpx;\n      caret-color: #c2c2c2\n    }\n  }\n  /*headSearch*/\n\n  /*banner*/\n  .banner{\n    width: 100%;\n    height: 320rpx;\n    overflow: hidden;\n    img{\n      width: 100%;\n      height: 100%;\n    }\n  }\n  /*banner*/\n\n  /*menu*/\n  .menu{\n    width: 100%;\n    height: 280rpx;\n    background: #fff;\n    margin: 10rpx 0 20rpx 0;\n    .menuContent {\n      width: 690rpx;\n      height: 216rpx;\n      margin: 30rpx auto 0;\n      .menuContentList{\n        width: 216rpx;\n        height: 216rpx;\n        float: left;\n        overflow: hidden;\n      }\n      .menuContentList:nth-child(2){\n        margin: 0 21rpx;\n      }\n\n      .menuContentList img {\n        width: 216rpx;\n        height: 216rpx;\n      }\n    }\n  }\n  /*menu{*/\n\n  /*main*/\n  .main{\n    width: 100%;\n    margin: auto;\n  }\n\n  /*.loading{*/\n    /*width: 100%;*/\n    /*background: #fff;*/\n  /*}*/\n\n  .shop{\n    width: 100%;\n    height: 650rpx;\n    margin: auto;\n    border-top: 1rpx solid #eee;\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    background: #fff;\n    .shopContent{\n      width: 690rpx;\n      height: 100%;\n      margin: auto;\n      .shopContentTitle{\n        width: 680rpx;\n        margin-top: 30rpx;\n      }\n    }\n  }\n\n  .shopContentTitle .sCTImg {\n    width: 130rpx;\n    height: 130rpx;\n    overflow: hidden;\n    margin-right: 20rpx;\n    float: left;\n  }\n  .shopContentTitle .sCTImg img{\n    width: 100%;\n    height: 100%;\n  }\n  .shopContentTitle .sCTDetail {\n    width: 530rpx;\n    height: 130rpx;\n    float: left;\n  }\n\n\n  .shopContentTitle .sCTDetail .sCTDetailTitleicon {\n    height: 40rpx;\n    padding: 0 6rpx;\n    background: #ffe142;\n    float: left;\n    font-size: 12px;\n    color: #52250a;\n    text-align: center;\n    line-height: 40rpx;\n    -webkit-border-radius: 3px;\n    -moz-border-radius: 3px;\n    border-radius: 3px;\n    margin-right: 12rpx;\n  }\n  .shopContentTitle .sCTDetailTitle p {\n    overflow: hidden;\n    -ms-text-overflow: ellipsis;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: #333;\n    font-size: 16px;\n    font-weight: bold;\n    line-height: 40rpx;\n  }\n\n  .shopContentTitle .sCTDetail .sCTDetailpj,\n  .shopContentTitle .sCTDetail .sCTDetailm{\n    color: #717171;\n    font-size: 14px;\n    line-height: 40rpx;\n  }\n\n  .shopContentTitle .sCTDetail .sCTDetailpj {\n    margin-top: 10rpx;\n  }\n\n  .shopLine{\n    width: 100%;\n    height: 1rpx;\n    background: #eee;\n    margin-top: 12rpx;\n  }\n\n  .shopActivity{\n    width: 100%;\n    margin-top: 20rpx;\n    margin-bottom: 20rpx;\n    .shopActivityicon{\n      margin: 10rpx 0;\n\n      .shopActivityiconJ{\n        width: 30rpx;\n        height: 30rpx;\n        background: #f07373;\n        float: left;\n        font-size: 12px;\n        color: #fff;\n        text-align: center;\n        line-height: 30rpx;\n        -webkit-border-radius: 3px;\n        -moz-border-radius: 3px;\n        border-radius: 3px;\n      }\n    }\n    p {\n      margin: 0 0 0 14rpx;\n      padding: 0;\n      font-size: 12px;\n      color: #666;\n      float: left;\n      line-height: 30rpx;\n    }\n  }\n\n\n  .shopping{\n    width: 100%;\n    height: 340rpx;\n    margin-top: 20rpx;\n\n    .shoppingContent{\n      width: 216rpx;\n      height: 340rpx;\n      border: 1rpx solid #eee;\n      float: left;\n    }\n\n    .shoppingContent:nth-child(2){\n      margin: 0 15rpx;\n    }\n  }\n\n\n\n  .shoppingContentImg{\n    width: 216rpx;\n    height: 216rpx;\n    background: #a7a7a7;\n    overflow: hidden;\n\n    img {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n\n  .shoppingContentTitle{\n    color:#333;\n    font-size:12px;\n    margin:0 0 0 18rpx;\n    padding:0;\n    overflow: hidden;\n    -ms-text-overflow: ellipsis;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .shoppingContentM {\n    margin: 0;\n    padding: 0;\n    .shoppingContentMA{\n      color:#ff5339;\n      font-size:18px;\n      margin:0 0 0 18rpx;\n    }\n    .shoppingContentMB{\n      color:#6b6b6b;\n      font-size:12px;\n      margin: 0;\n      padding: 0;\n      text-decoration: line-through;\n    }\n  }\n</style>\n"
  },
  {
    "path": "src/pages/index/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\n// 添加 config json\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-row': '../../static/dist/row/index',\n      'i-col': '../../static/dist/col/index',\n      'i-button': '../../static/dist/button/index',\n      'i-input': '../../static/dist/input/index',\n      'i-tab-bar': '../../static/dist/tab-bar/index',\n      'i-tab-bar-item': '../../static/dist/tab-bar-item/index',\n      'i-divider': '../../static/dist/divider/index',\n      'i-card': '../../static/dist/card/index',\n      'i-grid': '../../static/dist/grid/index',\n      'i-grid-item': '../../static/dist/grid-item/index',\n      'i-grid-icon': '../../static/dist/grid-icon/index',\n      'i-grid-label': '../../static/dist/grid-label/index',\n      'i-spin': '../../static/dist/spin/index',\n      'i-icon': '../../static/dist/icon/index',\n      'i-load-more': '../../static/dist/load-more/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/logs/index.vue",
    "content": "<template>\n  <div>\n    <ul class=\"container log-list\">\n      <li v-for=\"(log, index) in logs\" :class=\"{ red: aa }\" :key=\"index\" class=\"log-item\">\n        <card :text=\"(index + 1) + ' . ' + log\"></card>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport { formatTime } from '@/utils/index'\nimport card from '@/components/card'\n\nexport default {\n  components: {\n    card\n  },\n\n  data () {\n    return {\n      logs: []\n    }\n  },\n\n  created () {\n    const logs = (wx.getStorageSync('logs') || [])\n    this.logs = logs.map(log => formatTime(new Date(log)))\n  }\n}\n</script>\n\n<style>\n.log-list {\n  display: flex;\n  flex-direction: column;\n  padding: 40rpx;\n}\n\n.log-item {\n  margin: 10rpx;\n}\n</style>\n"
  },
  {
    "path": "src/pages/logs/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    navigationBarTitleText: '查看启动日志'\n  }\n}\n"
  },
  {
    "path": "src/pages/order/index.vue",
    "content": "<template>\n  <div class=\"ordercontainer\">\n    <div class=\"orderNoList\" v-if=\"!commdityOrder.length\">\n        <div class=\"orderImg\">\n          <img src=\"/static/img/order.png\" alt=\"ndd\">\n        </div>\n        <p class=\"orderTitle\">当前没有订单！</p>\n    </div>\n\n    <div class=\"orderList\" v-else>\n      <div class=\"orderListBlock\"\n      v-for=\"(item, index) in commdityOrder\"\n      :key=\"index\">\n        <i-cell-group>\n          <i-cell :title=\"item.commdityOrderName\">\n            <i-icon\n              @click=\"DeltoggleFull(index)\"\n              slot=\"footer\"\n              type=\"delete_fill\"\n              color=\"#d9644c\"\n              size=\"18\" />\n            <!--<i-icon slot=\"footer\" type=\"delete\" color=\"#d9644c\" />-->\n          </i-cell>\n\n            <i-cell\n              v-for=\"(itemChild, indexChild) in item.commdityOrderShopping\"\n              :key=\"indexChild\"\n              :title=\"itemChild.commodityName\"\n              :value=\" (itemChild.commodityMoney) + ' * ' + (itemChild.commoditySum) + ' = ' + (itemChild.commodityMoney * itemChild.commoditySum)  \">\n\n            </i-cell>\n\n          <i-cell title=\"配送费\" :value=\"item.commdityOrderActual < 10 ? 1 : 0\"></i-cell>\n          <i-cell title=\"优惠金额\" :value=\"item.commdityOrderOffer\"></i-cell>\n          <i-cell title=\"需要支付\" :value=\"item.commdityOrderActual\"></i-cell>\n          <i-cell title=\"实际支付\" :value=\"item.commdityOrderSumPrice\"></i-cell>\n          <i-cell title=\"配送地址\"\n                  :value=\"item.commdityOrderUserAddress.phone\"\n                  :label=\"item.commdityOrderUserAddress.name +','+item.commdityOrderUserAddress.address\"></i-cell>\n        </i-cell-group>\n      </div>\n\n    </div>\n\n\n    <div class=\"delOrderContainer\" v-if=\"orderTipsMessage\">\n      <div class=\"delFull\">\n        <div class=\"delContent\">\n          <div class=\"delContentTitle\">\n            确定删除该订单吗？\n          </div>\n          <div class=\"delContentButton\">\n            <div class=\"delContentButtonL\" @click=\"orderCloseDel\">取消</div>\n            <div class=\"delContentButtonR\" @click=\"orderSaveUpdate\">确定</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n\n\n  </div>\n</template>\n\n<script>\n  import {\n    mapState\n  } from 'vuex'\n  export default {\n    data () {\n      return {\n        orderTipsMessage: false,\n        commdityShoppingIndex: 0\n      }\n    },\n    computed: {\n      ...mapState([\n        'commdityOrder'\n      ])\n    },\n    methods: {\n      orderCloseDel () {\n        this.orderToggleFull(false)\n        return false\n      },\n      orderSaveUpdate () {\n        this.$store.dispatch('delCommdityOrder', this.commdityShoppingIndex)\n        this.orderToggleFull(false)\n      },\n      // 切换显示弹出层\n      orderToggleFull (status) {\n        this.orderTipsMessage = status\n      },\n      DeltoggleFull (index) {\n        this.orderToggleFull(true)\n        this.commdityShoppingIndex = index\n      }\n    }\n  }\n</script>\n\n<style lang=\"less\" scoped>\n.ordercontainer{\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: #f4f4f4;\n}\n  .orderImg {\n    width: 130rpx;\n    height: 120rpx;\n    margin: 460rpx auto 0;\n    img{\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n.orderTitle{\n  text-align: center;\n  font-size: 16px;\n  color: #aaaaaa;\n  margin-top: 40rpx;\n}\n.orderList{\n  background: #f4f4f4;\n  padding-bottom: 100rpx;\n}\n.orderListBlock{\n  width:700rpx;\n  margin:20rpx auto;\n  border-radius:20rpx;\n  overflow:hidden;\n}\n\n\n\n\n\n.delOrderContainer{\n  height: 100%;\n}\n.delFull{\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: rgba(0,0,0,0.6);\n}\n.delContent{\n  width: 540rpx;\n  height: 190rpx;\n  background: #fff;\n  border-radius: 10rpx;\n  overflow: hidden;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -95rpx;\n  margin-left: -270rpx;\n  .delContentTitle{\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n\n    height: 100rpx;\n    line-height: 100rpx;\n    text-align: center;\n    font-size: 18px;\n    color: #80848f;\n    border-bottom: 1px solid #e9eaec;\n  }\n  .delContentButton{\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    height: 90rpx;\n    font-size: 14px;\n    text-align: center;\n    line-height: 90rpx;\n    .delContentButtonL{\n      height: 100%;\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      width: 50%;\n      float: left;\n      border-right: 1px solid #e9eaec;\n      color: #495060;\n    }\n    .delContentButtonR{\n      height: 100%;\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      width: 50%;\n      float: right;\n      color: #2e80f0;\n    }\n  }\n}\n\n</style>\n"
  },
  {
    "path": "src/pages/order/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-cell-group': '../../static/dist/cell-group/index',\n      'i-cell': '../../static/dist/cell/index',\n      'i-icon': '../../static/dist/icon/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/settlement/index.vue",
    "content": "<template>\n<div class=\"settlementContainer\">\n  <div class=\"settlementHeader\">\n    <div class=\"settlementHeaderAddress\">\n      <p class=\"settlementHeaderAddressD\">\n        订单配送至:\n      </p>\n      <p class=\"settlementHeaderAddressA\" @click=\"setUserOrderAddresTitle\">\n\n        {{ userAddres.length===0 ? '请选择收货地址>' :  [setUserOrderAddres.name,setUserOrderAddres.phone,setUserOrderAddres.address] }}\n\n\n\n      </p>\n    </div>\n\n  </div>\n\n  <div class=\"settlementMain\">\n    <i-cell-group>\n      <i-cell :title=\"commdityShoppingName\" ></i-cell>\n      <i-cell\n        v-for=\"(item, index) in commdityShopping\"\n        :key=\"index\"\n        :title=\"item.commodityName\"\n        :value=\"(item.commodityMoney) * (item.commoditySum)\"></i-cell>\n      <i-cell title=\"配送费\" :value=\"  commditySumPrice < 10 ? 1 : 0  \" ></i-cell>\n      <i-cell title=\"优惠金额 \" :value=\"randomSum\" ></i-cell>\n\n    </i-cell-group>\n  </div>\n\n  <div class=\"settlementFooter\">\n    <div class=\"settlementFooterL\">\n      <p class=\"settlementFooterLM\">\n        <span class=\"settlementFooterLMSum\">{{commditySumPriceYH}}元</span>\n        <span class=\"settlementFooterLMH\">|</span>\n        <span class=\"settlementFooterLMYH\">已优惠{{randomSum}}元</span>\n      </p>\n    </div>\n    <div class=\"settlementFooterR\" @click=\"payClickTest\">\n      去支付\n    </div>\n  </div>\n  <pay v-if=\"payShow\" @closePayFull=\"closePayFull\"></pay>\n\n  <div class=\"tipsMessage\" v-if=\"tipsMessage.status\">\n    {{tipsMessage.message}}\n  </div>\n\n  <div style=\"height: 100rpx\"></div>\n</div>\n</template>\n\n<script>\n  import _ from 'lodash'\n  import pay from '@/components/pay'\n  import {\n    mapState\n  } from 'vuex'\nexport default {\n    components: {\n      pay\n    },\n    computed: {\n      ...mapState([\n        'commdityShoppingName',\n        'commdityShopping',\n        'commdityOrder',\n        'userAddres',\n        'userOrderAddres'\n      ]),\n      // 实际价格\n      commditySumPrice () {\n        let commditySumPrice = 0\n        _.forEach(this.commdityShopping, function (value, key) {\n          commditySumPrice += (value.commodityMoney * value.commoditySum)\n        })\n\n        if (commditySumPrice < 10) {\n          commditySumPrice += 1\n        }\n        return commditySumPrice\n      },\n\n      // 优惠价格\n      commditySumPriceYH () {\n        this.randomSum = _.random(1, 10)\n        let commditySumPriceYH = this.commditySumPrice\n        if (this.randomSum >= commditySumPriceYH) {\n          this.randomSum = 0\n        } else {\n          commditySumPriceYH -= this.randomSum\n        }\n\n        return commditySumPriceYH\n      }\n    },\n    onLoad () {\n      this.setUserOrderAddresDetail()\n    },\n    watch: {\n      userAddres () {\n        this.setUserOrderAddresDetail()\n      },\n      userOrderAddres () {\n        this.setUserOrderAddresDetail()\n      }\n    },\n    data () {\n      return {\n        randomSum: 0,\n        payShow: false,\n        tipsMessage: {\n          message: '没有收货地址',\n          status: false\n        },\n\n        commdityOrders: {\n          commdityOrderName: '',\n          commdityOrderShopping: [],\n          commdityOrderOffer: 0,\n          commdityOrderActual: this.commditySumPrice,\n          commdityOrderSumPrice: 0,\n          commdityOrderUserAddress: {}\n        },\n        setUserOrderAddres: {\n          naem: '',\n          phone: '',\n          address: ''\n        }\n      }\n    },\n    methods: {\n      payClickTest () {\n        let _this = this\n        if (this.userAddres.length === 0) {\n          this.tipsMessage.status = true\n          setTimeout(function () {\n            _this.tipsMessage.status = false\n          }, 500)\n          return false\n        }\n        this.commdityOrders.commdityOrderName = this.commdityShoppingName\n        this.commdityOrders.commdityOrderShopping = this.commdityShopping\n        this.commdityOrders.commdityOrderOffer = this.randomSum\n        this.commdityOrders.commdityOrderActual = this.commditySumPrice\n        this.commdityOrders.commdityOrderSumPrice = this.commditySumPriceYH\n        this.commdityOrders.commdityOrderUserAddress = this.setUserOrderAddres\n        this.$store.dispatch('setCommdityOrder', this.commdityOrders)\n        // this.commdityOrders.commdityOrderName = ''\n        // this.commdityOrders.commdityOrderShopping = []\n        this.payShow = true\n        // console.log(this.commdityOrder)\n      },\n      closePayFull (status) {\n        this.payShow = status\n      },\n      setUserOrderAddresTitle () {\n        let url = '/pages/address/main'\n        wx.navigateTo({url})\n      },\n      setUserOrderAddresDetail () {\n        if (this.userAddres.length) {\n          this.setUserOrderAddres.name = this.userAddres[this.userOrderAddres].addressName\n          this.setUserOrderAddres.phone = this.userAddres[this.userOrderAddres].addressPhone\n          this.setUserOrderAddres.address = this.userAddres[this.userOrderAddres].addressDetail\n        } else {\n          return false\n        }\n      }\n    }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.settlementContainer{\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: #f4f4f4;\n}\n  .settlementHeader{\n    width: 100%;\n    height: 200rpx;\n    background: #0097ff;\n    margin-bottom: -50rpx;\n  }\n  .settlementHeaderAddress{\n    width: 726rpx;\n    height: 100%;\n    margin: 0 auto;\n    color: #fff;\n    .settlementHeaderAddressD{\n      line-height: 60rpx;\n      font-size: 14px;\n    }\n    .settlementHeaderAddressA{\n      line-height: 60rpx;\n      font-size: 18px;\n      font-weight: 500;\n      overflow: hidden;\n      -ms-text-overflow: ellipsis;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n.settlementMain{\n  width: 726rpx;\n  height: 100%;\n  margin: auto;\n  -webkit-border-radius: 3rpx;\n  -moz-border-radius: 3rpx;\n  border-radius: 3rpx;\n  overflow: hidden;\n  padding-bottom: 200rpx;\n  background: #f4f4f4;\n}\n\n  .settlementFooter{\n    position: fixed;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    width: 100%;\n    height: 96rpx;\n    background: #3c3c3c;\n    .settlementFooterL{\n      height: 100%;\n      float: left;\n      color: #999;\n      .settlementFooterLMSum{\n        color: #fff;\n        line-height: 96rpx;\n        font-size: 18px;\n        margin-left: 22rpx;\n      }\n      .settlementFooterLMH{\n        color: #999;\n        font-size: 14px;\n        line-height: 96rpx;\n        margin: 0 10rpx 0 16rpx;\n      }\n      .settlementFooterLMYH{\n        color: #999;\n        font-size: 14px;\n        line-height: 96rpx;\n      }\n    }\n    .settlementFooterR{\n      width: 210rpx;\n      height: 100%;\n      background: #3190e8;\n      float: right;\n      color: #fff;\n      font-size: 16px;\n      text-align: center;\n      line-height: 96rpx;\n    }\n  }\n  .tipsMessage{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: translate(-50%, -50%);\n    -moz-transform: translate(-50%, -50%);\n    -ms-transform: translate(-50%, -50%);\n    -o-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n    padding: 10rpx 16rpx;\n    -webkit-border-radius: 6rpx;\n    -moz-border-radius: 6rpx;\n    border-radius: 6rpx;\n    color: #fff;\n    font-size: 14px;\n  }\n</style>\n"
  },
  {
    "path": "src/pages/settlement/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-cell-group': '../../static/dist/cell-group/index',\n      'i-cell': '../../static/dist/cell/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/shopp/index.vue",
    "content": "<template>\n  <div class=\"shoppcontainer\">\n    <div class=\"shoppHeader\">\n      <div class=\"shoppTitle\">\n        <p class=\"shoppTitleL\">美食推荐</p>\n        <!--<p class=\"shoppTitleR\">查看更多</p>-->\n      </div>\n    </div>\n    <div class=\"shoppList\" v-for=\"(item, index) in newShopp\" :key=\"index\">\n      <div class=\"shoppListTitle\">\n        <div class=\"shoppListTitleIcon\">店铺</div>\n        {{item.name}}\n      </div>\n      <div class=\"shoppListDetail\" v-for=\"(itemList, indexList) in item.shoppingList\" :key=\"indexList\">\n        <div class=\"shoppListDetailImg\">\n          <img :src=\"itemList.shoppingImg\" :alt=\"itemList.shoppingImgAlt\">\n        </div>\n        <div class=\"shoppListDetailD\">\n          <p class=\"shoppListDetailDT\">{{itemList.shoppListDetailDT}}</p>\n          <p class=\"shoppListDetailDP\">{{itemList.shoppListDetailDP}}</p>\n          <p class=\"shoppListDetailDM\">{{itemList.shoppListDetailDM}}</p>\n        </div>\n      </div>\n    </div>\n\n    <div :class=\"{shoppLoading: loadingShow}\">\n      <i-load-more tip=\"暂无数据\" :loading=\"loadingShow\" />\n    </div>\n  </div>\n</template>\n\n<script>\n  let Fly = require('flyio/dist/npm/wx')\n  let fly = new Fly()\n  export default {\n    data () {\n      return {\n        loadingShow: true,\n        newShopp: []\n      }\n    },\n    created () {\n      this.getShopping()\n    },\n    methods: {\n      getShopping () {\n        let _this = this\n        fly.get('https://easy-mock.com/mock/5b69315d99b4c7086b576bf0/shopping')\n          .then(function (response) {\n            if (response.status === 200) {\n              let shopping = response.data\n              _this.loadingShow = false\n              _this.newShopp = shopping.data\n            }\n          })\n          .catch(function (err) {\n            _this.loadingShow = true\n            console.log(err)\n          })\n      }\n    }\n  }\n</script>\n\n<style lang=\"less\" scoped>\n.shoppcontainer{\n  height: 100%;\n  background: #f4f4f4;\n}\n.shoppHeader{\n  width: 100%;\n  height: 260rpx;\n  background: #0097ff;\n\n  margin-bottom: -190rpx;\n\n  .shoppTitle{\n    width: 700rpx;\n    margin: auto;\n    padding-top: 10rpx;\n    color: #fff;\n    .shoppTitleL{\n      float: left;\n      font-size: 18px;\n    }\n    .shoppTitleR{\n      float: right;\n      font-size: 16px;\n    }\n  }\n}\n\n  .shoppList{\n    width: 700rpx;\n    /*height: 400rpx;*/\n    background: #fff;\n    -webkit-border-radius: 20rpx;\n    -moz-border-radius: 20rpx;\n    border-radius: 20rpx;\n    margin: 20rpx auto;\n    padding: 0 0 20rpx 0;\n    overflow: hidden;\n    .shoppListTitle{\n      width: 100%;\n      height: 60rpx;\n      line-height: 80rpx;\n      color: #494949;\n      font-size: 16px;\n      margin-left: 30rpx;\n      .shoppListTitleIcon{\n        height: 40rpx;\n        padding: 0 6rpx;\n        background: #ffe142;\n        float: left;\n        font-size: 12px;\n        color: #52250a;\n        text-align: center;\n        line-height: 40rpx;\n        -webkit-border-radius: 3px;\n        -moz-border-radius: 3px;\n        border-radius: 3px;\n        margin-right: 12rpx;\n        margin-top: 20rpx;\n      }\n    }\n\n    .shoppListDetail{\n      width: 100%;\n      height: 160rpx;\n      margin: 20rpx 0;\n      .shoppListDetailImg{\n        width: 160rpx;\n        height: 160rpx;\n        overflow: hidden;\n        float: left;\n        margin-left: 30rpx;\n        img{\n          width: 100%;\n          height: 100%;\n        }\n      }\n\n    }\n  }\n\n.shoppListDetailD{\n  float: left;\n  width: 456rpx;\n  height: 100%;\n  margin-left: 30rpx;\n  .shoppListDetailDT{\n    overflow: hidden;\n    -ms-text-overflow: ellipsis;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: #333;\n    font-size: 16px;\n    font-weight: bold;\n    line-height: 70rpx;\n  }\n  .shoppListDetailDP,\n  .shoppListDetailDM{\n    color: #717171;\n    font-size: 14px;\n    line-height: 40rpx;\n  }\n}\n\n  .shoppLoading{\n    margin-top: 220rpx;\n  }\n\n</style>\n"
  },
  {
    "path": "src/pages/shopp/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-load-more': '../../static/dist/load-more/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/pages/user/index.vue",
    "content": "<template>\n  <!--<div class=\"container\" @click=\"clickHandle('test click', $event)\">-->\n  <div class=\"userContainer\">\n    <div class=\"user\">\n      <div class=\"userImg\">\n        <!--<img src=\"/static/img/tx.png\" alt=\"tx\">-->\n        <open-data type=\"userAvatarUrl\"></open-data>\n      </div>\n      <div class=\"userD\">\n        <p class=\"userName\">\n          <open-data type=\"userNickName\"></open-data>\n          <!--<open-data type=\"userGender\" lang=\"zh_CN\"></open-data>-->\n        </p>\n        <!--<p class=\"userPhone\">-->\n          <!--<open-data type=\"userCountry\"></open-data>-->\n          <!--<open-data type=\"userProvince\"></open-data>-->\n          <!--<open-data type=\"userCity\"></open-data>-->\n        <!--</p>-->\n      </div>\n    </div>\n\n    <div class=\"usermenu\">\n      <i-cell-group>\n        <i-cell title=\"历史订单\" is-link=\"true\"  url=\"/pages/order/main\" link-type=\"switchTab\">\n            <i-icon slot=\"icon\" type=\"document_fill\" color=\"#0097ff\" size=\"18\" />\n        </i-cell>\n        <i-cell title=\"收货地址\" is-link=\"true\" url=\"/pages/address/main\">\n          <i-icon slot=\"icon\" type=\"coordinates_fill\" color=\"#0097ff\" size=\"18\" />\n        </i-cell>\n        <i-cell title=\"联系我们\" is-link=\"true\" url=\"/pages/contactus/main\">\n          <i-icon slot=\"icon\" type=\"group_fill\" color=\"#0097ff\" size=\"18\" />\n        </i-cell>\n        <i-cell title=\"联系商家\" is-link=\"true\" url=\"/pages/contactmerchant/main\">\n          <i-icon slot=\"icon\" type=\"homepage_fill\" color=\"#0097ff\" size=\"18\" />\n        </i-cell>\n        <i-cell title=\"意见反馈\" is-link=\"true\" url=\"/pages/feedback/main\">\n          <i-icon slot=\"icon\" type=\"like_fill\" color=\"#0097ff\" size=\"18\" />\n        </i-cell>\n      </i-cell-group>\n    </div>\n\n    <div class=\"userLogIn\">\n      <a>退出登陆</a>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    data () {\n      return {}\n    },\n    methosds: {\n      toOrderPages () {\n\n      }\n    }\n  }\n</script>\n\n<style lang=\"less\" scoped>\n\n  .userContainer{\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: #eee;\n  }\n\n  .user{\n    width: 100%;\n    height: 200rpx;\n    background: #0097ff;\n    .userImg{\n      width: 120rpx;\n      height: 120rpx;\n      background: #e9e9e9;\n      border-radius: 50%;\n      margin: 40rpx 0 0 40rpx;\n      float: left;\n      overflow: hidden;\n      img{\n        width: 100%;\n        height: 100%;\n      }\n    }\n    .userD{\n      float: left;\n      margin: 40rpx 0 0 50rpx;\n      .userName{\n        color: #fff;\n        font-size: 20px;\n        line-height: 120rpx;\n      }\n      .userPhone{\n        color: #fff;\n        font-size: 16px;\n        line-height: 40rpx;\n      }\n    }\n\n  }\n\n\n  .usermenu{\n    width: 100%;\n    background: #fff;\n  }\n\n  .userLogIn{\n    width: 100%;\n    margin-top: 20rpx;\n    margin-bottom: 20rpx;\n    a{\n      display: block;\n      width: 100%;\n      height: 80rpx;\n      background: #fff;\n      text-align: center;\n      line-height: 80rpx;\n      font-size: 16px;\n      color: #f23030;\n    }\n  }\n</style>\n"
  },
  {
    "path": "src/pages/user/main.js",
    "content": "import Vue from 'vue'\nimport App from './index'\n\nconst app = new Vue(App)\napp.$mount()\n\nexport default {\n  config: {\n    // 这儿添加要用的小程序组件\n    usingComponents: {\n      'i-cell-group': '../../static/dist/cell-group/index',\n      'i-cell': '../../static/dist/cell/index',\n      'i-icon': '../../static/dist/icon/index'\n    }\n  }\n}\n"
  },
  {
    "path": "src/store/index.js",
    "content": "import Vue from 'vue'\nimport Vuex from 'vuex'\n// import vuetron from 'vuetron '\nimport createPersistedState from 'vuex-persistedstate'\nimport _ from 'lodash'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n  plugins: [\n    // 保持会话持久\n    createPersistedState({\n      storage: {\n        getItem: key => wx.getStorageSync(key),\n        // Please see https://github.com/js-cookie/js-cookie#json, on how to handle JSON.\n        setItem: (key, value) => wx.getStorageSync(key, value),\n        removeItem: key => wx.clearStorageSync(key)\n      }\n    })\n  ],\n  state: {\n    /**\n     * 商家名字\n    commdityShoppingName: '',\n    /**\n     * 商家商品\n     */\n    commdityShopping: [],\n    /**\n     * 商家订单\n     */\n    commdityOrder: [],\n    /**\n     * 用户地址 后期使用数据库存储\n     */\n    userAddres: [],\n    userOrderAddres: 0,\n    // 意见反馈\n    feedbackList: []\n  },\n\n  mutations: {\n    /**\n     * 设置商家名称\n     * @param state\n     * @param commdityShoppingName\n     */\n    setCommdityShoppingName (state, commdityShoppingName) {\n      state.commdityShoppingName = commdityShoppingName\n    },\n    /**\n     * 设置商家购物车商品\n     * @param state\n     * @param commdityShopping\n     */\n    setCommdityShopping (state, commdityShopping) {\n      state.commdityShopping.push(commdityShopping)\n    },\n    /**\n     * 商家购物车商品添加\n     * @param state\n     * @param commdityShoppingIndex\n     */\n    setCommdityShoppingAdd (state, commdityShoppingIndex) {\n      state.commdityShopping[commdityShoppingIndex].commoditySum++\n    },\n    /**\n     * 商家购物车减少\n     * @param state\n     * @param commdityShoppingIndex\n     */\n    setCommdityShoppingLess (state, commdityShoppingIndex) {\n      if (state.commdityShopping[commdityShoppingIndex].commoditySum >= 1) {\n        state.commdityShopping[commdityShoppingIndex].commoditySum--\n        if (state.commdityShopping[commdityShoppingIndex].commoditySum === 0) {\n          _.pullAt(state.commdityShopping, commdityShoppingIndex)\n        }\n      }\n    },\n    /**\n     * 清空商家购物车\n     * @param state\n     */\n    setCommdityShoppingClear (state) {\n      state.commdityShopping = []\n    },\n    /**\n     * 将购物车的内容变成订单\n     * @param state\n     * @param commdityOrder\n     */\n    setCommdityOrder (state, commdityOrder) {\n      let commdityOrderClone = _.clone(commdityOrder)\n      state.commdityOrder.push(commdityOrderClone)\n    },\n    /**\n     * 设置用户收货地址\n     * @param state\n     * @param userAddres\n     */\n    setUserAddres (state, userAddres) {\n      let userAddresClone = _.clone(userAddres)\n      state.userAddres.push(userAddresClone)\n    },\n    /**\n     * 设置订单收货地址\n     * @param state\n     * @param userOrderAddres\n     */\n    setUserOrderAddres (state, userOrderAddres) {\n      state.userOrderAddres = userOrderAddres\n    },\n    /**\n     * 更新用户收货地址\n     * @param state\n     * @param userAddress\n     */\n    updateUserAddress (state, userAddress) {\n      state.userAddres[userAddress.index].addressName = userAddress.addressName\n      state.userAddres[userAddress.index].addressPhone = userAddress.addressPhone\n      state.userAddres[userAddress.index].addressDetail = userAddress.addressDetail\n    },\n    /**\n     * 删除用户收货地址\n     * @param state\n     * @param userAddressIndex\n     */\n    delUserAddress (state, userAddressIndex) {\n      _.pullAt(state.userAddres, userAddressIndex)\n    },\n    /**\n     * 删除用户订单\n     * @param state\n     * @param commdityOrderIndex\n     */\n    delCommdityOrder (state, commdityOrderIndex) {\n      _.pullAt(state.commdityOrder, commdityOrderIndex)\n    },\n    /**\n     * 增加意见反馈\n     * @param state\n     * @param feedbackList\n     */\n    addFeedbackList (state, feedbackList) {\n      let feedbackListClone = _.clone(feedbackList)\n      state.feedbackList.push(feedbackListClone)\n    }\n  },\n  /**\n   * 下面调用上面的方法\n   */\n  actions: {\n    setCommdityShoppingName ({ commit }, commdityShoppingName) {\n      commit('setCommdityShoppingName', commdityShoppingName)\n    },\n    setCommdityShopping ({commit}, commdityShopping) {\n      commit('setCommdityShopping', commdityShopping)\n    },\n    setCommdityShoppingAdd ({commit}, commdityShoppingIndex) {\n      commit('setCommdityShoppingAdd', commdityShoppingIndex)\n    },\n    setCommdityShoppingLess ({commit}, commdityShoppingIndex) {\n      commit('setCommdityShoppingLess', commdityShoppingIndex)\n    },\n    setCommdityShoppingClear ({commit}) {\n      commit('setCommdityShoppingClear')\n    },\n    setCommdityOrder ({commit}, commdityOrder) {\n      commit('setCommdityOrder', commdityOrder)\n    },\n    setUserAddres ({commit}, userAddres) {\n      commit('setUserAddres', userAddres)\n    },\n    setUserOrderAddres ({commit}, userOrderAddres) {\n      commit('setUserOrderAddres', userOrderAddres)\n    },\n    updateUserAddress ({commit}, userAddress) {\n      commit('updateUserAddress', userAddress)\n    },\n    delUserAddress ({commit}, userAddressIndex) {\n      commit('delUserAddress', userAddressIndex)\n    },\n    delCommdityOrder ({commit}, commdityOrderIndex) {\n      commit('delCommdityOrder', commdityOrderIndex)\n    },\n    addFeedbackList ({commit}, addFeedbackList) {\n      commit('addFeedbackList', addFeedbackList)\n    }\n  }\n})\n"
  },
  {
    "path": "src/utils/index.js",
    "content": "function formatNumber (n) {\n  const str = n.toString()\n  return str[1] ? str : `0${str}`\n}\n\nexport function formatTime (date) {\n  const year = date.getFullYear()\n  const month = date.getMonth() + 1\n  const day = date.getDate()\n\n  const hour = date.getHours()\n  const minute = date.getMinutes()\n  const second = date.getSeconds()\n\n  const t1 = [year, month, day].map(formatNumber).join('/')\n  const t2 = [hour, minute, second].map(formatNumber).join(':')\n\n  return `${t1} ${t2}`\n}\n\nexport default {\n  formatNumber,\n  formatTime\n}\n"
  },
  {
    "path": "static/.gitkeep",
    "content": ""
  }
]