{"version":3,"sources":["webpack:///./src/components/home/Ofenblem.vue","webpack:///src/components/home/Ofenblem.vue","webpack:///./src/components/home/Ofenblem.vue?f6b8","webpack:///./src/components/home/Ofenblem.vue?d11d","webpack:///./src/components/home/Ofenblem.vue?1b3d"],"names":["render","_vm","this","_c","_self","attrs","staticClass","staticStyle","bg","path","_v","model","value","input","callback","$$v","expression","activeName","staticRenderFns","data","component"],"mappings":"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","file":"js/chunk-0bdb21e8.15fa7bf4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('img',{staticClass:\"resize\",staticStyle:{\"margin-bottom\":\"-7px\"},attrs:{\"src\":_vm.bg,\"alt\":\"123\"}}),_c('div',{staticClass:\"navbar\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/home' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/home/support' }}},[_vm._v(\"支持\")]),_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/home/support' }}},[_vm._v(\"常见问题\")])],1)],1)])],1),_c('el-row',[_c('el-col',{staticStyle:{\"padding\":\"0 25%\"},attrs:{\"span\":24}},[_c('h1',{staticClass:\"title\"},[_vm._v(\"常见问题\")]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"menu\"},[_c('el-input',{attrs:{\"placeholder\":\"搜索\"},model:{value:(_vm.input),callback:function ($$v) {_vm.input=$$v},expression:\"input\"}}),_c('el-collapse',{attrs:{\"accordion\":\"\"},model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:\"activeName\"}},[_c('el-collapse-item',{attrs:{\"title\":\"AIO-5\",\"name\":\"1\"}},[_c('div',{staticClass:\"menu_item\"},[_c('el-link',{attrs:{\"href\":\"/#/home/ofenanswer/ofen_one\",\"underline\":false}},[_vm._v(\"OBD常见问题\")])],1),_c('div',{staticClass:\"menu_item\"},[_c('el-link',{attrs:{\"href\":\"/#/home/ofenanswer/ofen_two\",\"underline\":false}},[_vm._v(\"qq音乐问题\")])],1),_c('div',{staticClass:\"menu_item\"},[_c('el-link',{attrs:{\"href\":\"/#/home/ofenanswer/ofen_three\",\"underline\":false}},[_vm._v(\"导航常见问题\")])],1),_c('div',{staticClass:\"menu_item\"},[_c('el-link',{attrs:{\"href\":\"/#/home/ofenanswer/ofen_four\",\"underline\":false}},[_vm._v(\"手机投屏问题\")])],1),_c('div',{staticClass:\"menu_item\"},[_c('el-link',{attrs:{\"href\":\"/#/home/ofenanswer/ofen_five\",\"underline\":false}},[_vm._v(\"胎压常见问题\")])],1),_c('div',{staticClass:\"menu_item\"},[_c('el-link',{attrs:{\"href\":\"/#/home/ofenanswer/ofen_six\",\"underline\":false}},[_vm._v(\"行车记录问题\")])],1),_c('div',{staticClass:\"menu_item\"},[_c('el-link',{attrs:{\"href\":\"/#/home/ofenanswer/ofen_seven\",\"underline\":false}},[_vm._v(\"音频及手机互联问题\")])],1),_c('div',{staticClass:\"menu_item\"},[_c('el-link',{attrs:{\"href\":\"/#/home/ofenanswer/ofen_eight\",\"underline\":false}},[_vm._v(\"其它问题\")])],1)]),_c('el-collapse-item',{attrs:{\"title\":\"CG2\",\"name\":\"2\"}},[_c('div',[_vm._v(\"控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；\")]),_c('div',[_vm._v(\"页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。\")])]),_c('el-collapse-item',{attrs:{\"title\":\"XR-3\",\"name\":\"3\"}},[_c('div',[_vm._v(\"简化流程：设计简洁直观的操作流程；\")]),_c('div',[_vm._v(\"清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；\")]),_c('div',[_vm._v(\"帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。\")])]),_c('el-collapse-item',{attrs:{\"title\":\"G3\",\"name\":\"4\"}},[_c('div',[_vm._v(\"用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；\")]),_c('div',[_vm._v(\"结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。\")])])],1)],1),_c('div',{staticClass:\"content\"},[_c('router-view')],1)])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <el-row>\n      <el-col :span=\"24\">\n        <img :src=\"bg\" alt=\"123\" class=\"resize\" style=\"margin-bottom: -7px;\">\n        <div class=\"navbar\">\n          <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n            <el-breadcrumb-item :to=\"{ path: '/home' }\">首页</el-breadcrumb-item>\n            <el-breadcrumb-item :to=\"{ path: '/home/support' }\">支持</el-breadcrumb-item>\n            <el-breadcrumb-item :to=\"{ path: '/home/support' }\">常见问题</el-breadcrumb-item>\n          </el-breadcrumb>\n        </div>\n      </el-col>\n    </el-row>\n    <el-row>\n      <el-col :span=\"24\" style=\"padding: 0 25%;\">\n        <h1 class=\"title\">常见问题</h1>\n        <div class=\"info\">\n          <div class=\"menu\">\n            <el-input v-model=\"input\" placeholder=\"搜索\"></el-input>\n            <el-collapse v-model=\"activeName\" accordion>\n              <el-collapse-item title=\"AIO-5\" name=\"1\">\n                <div class=\"menu_item\">\n                  <el-link href=\"/#/home/ofenanswer/ofen_one\" :underline=\"false\">OBD常见问题</el-link>\n                </div>\n                <div class=\"menu_item\">\n                  <el-link href=\"/#/home/ofenanswer/ofen_two\" :underline=\"false\">qq音乐问题</el-link>\n                </div>\n                <div class=\"menu_item\">\n                  <el-link href=\"/#/home/ofenanswer/ofen_three\" :underline=\"false\">导航常见问题</el-link>\n                </div>\n                <div class=\"menu_item\">\n                  <el-link href=\"/#/home/ofenanswer/ofen_four\" :underline=\"false\">手机投屏问题</el-link>\n                </div>\n                <div class=\"menu_item\">\n                  <el-link href=\"/#/home/ofenanswer/ofen_five\" :underline=\"false\">胎压常见问题</el-link>\n                </div>\n                <div class=\"menu_item\">\n                  <el-link href=\"/#/home/ofenanswer/ofen_six\" :underline=\"false\">行车记录问题</el-link>\n                </div>\n                <div class=\"menu_item\">\n                  <el-link href=\"/#/home/ofenanswer/ofen_seven\" :underline=\"false\">音频及手机互联问题</el-link>\n                </div>\n                <div class=\"menu_item\">\n                  <el-link href=\"/#/home/ofenanswer/ofen_eight\" :underline=\"false\">其它问题</el-link>\n                </div>\n              </el-collapse-item>\n              <el-collapse-item title=\"CG2\" name=\"2\">\n                <div>控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；</div>\n                <div>页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。</div>\n              </el-collapse-item>\n              <el-collapse-item title=\"XR-3\" name=\"3\">\n                <div>简化流程：设计简洁直观的操作流程；</div>\n                <div>清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；</div>\n                <div>帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。</div>\n              </el-collapse-item>\n              <el-collapse-item title=\"G3\" name=\"4\">\n                <div>用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；</div>\n                <div>结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。</div>\n              </el-collapse-item>\n            </el-collapse>\n          </div>\n          <div class=\"content\">\n            <router-view />\n          </div>\n        </div>\n      </el-col>\n    </el-row>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      bg: require('../../../public/images/aio/G3.png'),\n      activeName: '1', // 手风琴\n      input: '' // 搜索输入框\n    }\n  }\n}\n</script>\n<style lang=\"less\" scoped>\n.el-col {\n  background-color: #f8f8f8;\n}\n.navbar {\n  height: 40px;\n  padding: 15px 25% 0;\n  background: #dfdfdf;\n}\n.resize {\n  width: 100%;\n  height: 100%;\n}\n.title {\n  margin-top: 80px;\n  height: 60px;\n  line-height: 60px;\n  text-align: left;\n  border-bottom: 1px solid #dfdfdf;\n  text-indent: 1em;\n}\n.info {\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  text-align: left;\n  .menu {\n    flex: 1;\n    // height: 300px;\n    border-right: 1px solid #dfdfdf;\n    ::v-deep .el-input__inner {\n      width: 95%;\n      background-color: #ebebeb;\n      border: none;\n      margin-top: 40px;\n    }\n    ::v-deep .el-collapse-item__header {\n      font-size: 16px;\n      background-color: #f8f8f8;\n      border-bottom: 0;\n    }\n    ::v-deep .el-collapse-item__wrap {\n      background-color: #f8f8f8;\n      border-bottom: 0;\n    }\n    ::v-deep .el-collapse-item__content {\n      padding: 0;\n    }\n    .menu_item {\n      height: 40px;\n      line-height: 40px;\n      text-indent: 1em;\n    }\n    .menu_item:hover {\n      background-color: #ebebeb;\n      border-left: 2px solid #0088fe;\n    }\n  }\n  .content {\n    flex: 3;\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Ofenblem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Ofenblem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Ofenblem.vue?vue&type=template&id=37554c36&scoped=true&\"\nimport script from \"./Ofenblem.vue?vue&type=script&lang=js&\"\nexport * from \"./Ofenblem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Ofenblem.vue?vue&type=style&index=0&id=37554c36&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"37554c36\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Ofenblem.vue?vue&type=style&index=0&id=37554c36&prod&lang=less&scoped=true&\""],"sourceRoot":""}