{"version":3,"sources":["webpack:///./src/assets/novice/06.png","webpack:///./src/assets/novice/04.png","webpack:///./src/assets/novice/02.png","webpack:///./src/views/novice/Novice .vue?70c2","webpack:///./src/views/novice/Novice .vue","webpack:///src/views/novice/Novice .vue","webpack:///./src/views/novice/Novice .vue?7472","webpack:///./src/views/novice/Novice .vue?158a","webpack:///./src/assets/novice/banner.png","webpack:///./src/assets/novice/03.png","webpack:///./src/assets/novice/05.png"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","require","on","$event","$router","push","_v","directives","name","rawName","value","valueList","expression","domProps","target","composing","goSerach","toClick","class","active","isShow","staticRenderFns","data","components","layout","hotlist","methods","id","path","query","key_word","component"],"mappings":"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","file":"js/chunk-278b3208.8f03486f.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/06.8d590679.png\";","module.exports = __webpack_public_path__ + \"img/04.86a0ad8c.png\";","module.exports = __webpack_public_path__ + \"img/02.842f696c.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Novice .vue?vue&type=style&index=0&id=c89b0f70&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('layout',[_c('div',{staticClass:\"search-top\"},[_c('div',{staticClass:\"contant\"},[_c('div',{staticClass:\"contant-top\"},[_c('div',{staticClass:\"contant-logo\"},[_c('img',{attrs:{\"src\":require(\"@/assets/home/logo.png\"),\"alt\":\"\"},on:{\"click\":function($event){return _vm.$router.push('/')}}}),_c('span',[_vm._v(\"爱玩就上爱租号\")])]),_c('div',{staticClass:\"contant-search\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.valueList),expression:\"valueList\"}],attrs:{\"type\":\"text\",\"placeholder\":\"搜你想要的~\"},domProps:{\"value\":(_vm.valueList)},on:{\"input\":function($event){if($event.target.composing)return;_vm.valueList=$event.target.value}}}),_c('button',{on:{\"click\":_vm.goSerach}},[_vm._v(\"搜索\")])])]),_c('div',{staticClass:\"contant-bottom\"},[_c('div',{staticClass:\"contant-hot\"},[_c('img',{attrs:{\"src\":require(\"@/assets/home/hot.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"热门游戏\")]),_c('div',{staticClass:\"newClass\"},[_c('hotlist')],1)]),_c('ul',[_c('li',{on:{\"click\":function($event){return _vm.toClick(0)}}},[_vm._v(\"首页\")]),_c('li',{class:{active: _vm.isShow == 1},on:{\"click\":function($event){return _vm.toClick(1)}}},[_vm._v(\"爱租号\")]),_c('li',{on:{\"click\":function($event){return _vm.toClick(2)}}},[_vm._v(\"工具下载\")])])])])]),_c('div',{staticClass:\"novice\"},[_c('img',{attrs:{\"src\":require(\"../../assets/novice/banner.png\"),\"alt\":\"\"}}),_c('img',{attrs:{\"src\":require(\"../../assets/novice/02.png\"),\"alt\":\"\"}}),_c('img',{attrs:{\"src\":require(\"../../assets/novice/03.png\"),\"alt\":\"\"}}),_c('img',{attrs:{\"src\":require(\"../../assets/novice/04.png\"),\"alt\":\"\"}}),_c('img',{attrs:{\"src\":require(\"../../assets/novice/05.png\"),\"alt\":\"\"}}),_c('img',{attrs:{\"src\":require(\"../../assets/novice/06.png\"),\"alt\":\"\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--  -->\n<template>\n   <layout>\n       <div class=\"search-top\">\n            <div class=\"contant\">\n                <div class=\"contant-top\">\n                <div class=\"contant-logo\">\n                    <img src=\"@/assets/home/logo.png\" alt @click=\"$router.push('/')\" />\n                    <span>爱玩就上爱租号</span>\n                </div>\n                <div class=\"contant-search\">\n                        <input type=\"text\" placeholder=\"搜你想要的~\" v-model=\"valueList\" />\n                        <button @click=\"goSerach\">搜索</button>\n                </div>\n                </div>\n                <div class=\"contant-bottom\">\n                    <div class=\"contant-hot\">\n                        <img src=\"@/assets/home/hot.png\" alt=\"\">\n                        <span>热门游戏</span>\n                         <div class=\"newClass\">\n              <hotlist></hotlist>\n            </div>\n                    </div>\n                    <ul>\n                    <li @click=\"toClick(0)\">首页</li>\n                    <li :class=\"{active: isShow == 1}\" @click=\"toClick(1)\">爱租号</li>\n                    <li @click=\"toClick(2)\">工具下载</li>\n                </ul>\n                </div>\n            </div>\n        </div>\n        <div class=\"novice\">\n            <img src=\"../../assets/novice/banner.png\" alt=\"\">\n            <img src=\"../../assets/novice/02.png\" alt=\"\">\n            <img src=\"../../assets/novice/03.png\" alt=\"\">\n            <img src=\"../../assets/novice/04.png\" alt=\"\">\n            <img src=\"../../assets/novice/05.png\" alt=\"\">\n            <img src=\"../../assets/novice/06.png\" alt=\"\">\n        </div>\n   </layout>\n</template>\n \n<script>\nimport layout from \"../../components/layout\";\nimport hotlist from '../../components/hotlist'\n\nexport default {\n name: 'novice',\n data () {\n return {\n     isShow : 1,\n     valueList: ''\n   }\n  },\n  components: {\n    layout,\n    hotlist\n  },\n  methods: {\n      toClick(id) {\n            if(id == 0){\n         this.$router.push({\n          path:'/home'\n        })\n      }else if(id == 2) {\n        this.$router.push({\n          path:'/download'\n        })\n      }else{\n           this.$router.push({\n          path:'/lobby'\n        })\n      }\n          this.isShow = id\n      },\n     goSerach() {\n        if(this.valueList){\n            this.$router.push({\n            path: '/lobby',\n            query: {\n            key_word: this.valueList\n            }\n          })\n        }\n      \n    },\n  }\n}\n</script>\n \n<style lang='scss' scoped >\n .search-top{\n     width: 100%;\n     background-color: #fff;\n     height: 168px;\n     .contant{\n         width: 1200px;\n         height: 100%;\n         margin: 0 auto;\n         .contant-top{\n             display: flex;\n             align-items: center;\n             justify-content: space-between;\n             margin:0 0 40px;\n             height: 86px;\n             .contant-logo{\n                  display: flex;\n                  align-items: center;\n                  cursor: pointer;\n                 img{\n                      width: 218px;\n                      height: 55px;\n                      margin-right: 18px;\n                 }\n                 span{\n                     font-size: 15px;\n                 }\n             }\n             .contant-search{\n                 width: 480px;\n                 height: 48px;\n                 background: #ffffff;\n                 border: 2px solid #3c7efe;\n                 border-right: none;\n                 border-radius: 24px;\n                 box-sizing: border-box;\n                 display: flex;\n                 \n                 input{\n                     width: 100%;\n                     height: 100%;\n                     border: none;\n                     outline-style: none;\n                    border-radius: 24px;\n                    text-indent: 2em;\n                    font-size: 13px;\n                    font-family: Microsoft YaHei;\n                    font-weight: 400;\n                    color: #A2A6B8;\n                 }\n                 button{\n                    position: relative;\n                    width: 120px;\n                    height: 48px;\n                    background: #3c7efe;\n                    border-radius: 24px;\n                    color: #ffffff;\n                    font-size: 18px;\n                    box-sizing: border-box;\n                    margin-top: -2px;\n                    padding-left: 20px;\n                    cursor: pointer;\n                 }\n                  button::after {\n                    position: absolute;\n                    left: 16px;\n                    top: 50%;\n                    transform: translateY(-50%);\n                    content: \"\";\n                    display: block;\n                    width: 20px;\n                    height: 20px;\n                    background: url(../../assets/home/ss.png) no-repeat center center;\n                    background-size: 100% 100%;\n                }\n             }\n         }\n         .contant-bottom{\n             display: flex;\n             .contant-hot{\n                 width: 200px;\n                 height: 42px;\n                 border-radius: 12px 12px 0 0;\n                 background-color: #3c7efe;\n                 color: #fff;\n                 display: flex;\n                 align-items: center;\n                 justify-content: center;\n                   position: relative;\n                   cursor: pointer;\n        &:hover .newClass{\n          max-height: 460px;\n          transition: max-height ease-in .3s;\n        }\n                 img{\n                     width: 16px;\n                     height: 18px;\n                     margin-right: 12px;\n                 }\n                 span{\n                    font-size: 16px;\n                    color: #FFFFFF;\n                 }\n\n                 \n        .newClass{\n          position: absolute;\n          top: 42px;\n          left: 0;\n          max-height: 0;\n          min-height: 0;\n          overflow: hidden;\n          transition: max-height ease-out .4s;\n        }\n             }\n             ul{\n                 display: flex;\n                 align-items: center;\n                 li{\n                    font-size: 14px;\n                    color: #666;\n                    padding: 0 30px;\n                    // height: 100%;\n                    line-height: 17px;\n                    position: relative;\n                    cursor: pointer;\n                 }\n                 .active{\n                   color: #000;\n                   font-weight: bold;\n                 }\n                 .active:after {\n                    position: absolute;\n                    bottom: -9px;\n                    left: 50%;\n                    margin-left: -7px;\n                    display: block;\n                    content: \"\";\n                    width: 14px;\n                    height: 3px;\n                    background-color: #3b7dfd;\n                }\n             }\n         }\n     }\n }\n//  \n.novice{\n    img{\n        width: 100%;\n        height: 100%;\n        display: block;\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Novice .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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Novice .vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Novice .vue?vue&type=template&id=c89b0f70&scoped=true&\"\nimport script from \"./Novice .vue?vue&type=script&lang=js&\"\nexport * from \"./Novice .vue?vue&type=script&lang=js&\"\nimport style0 from \"./Novice .vue?vue&type=style&index=0&id=c89b0f70&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c89b0f70\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/banner.78b45a93.png\";","module.exports = __webpack_public_path__ + \"img/03.c56003ee.png\";","module.exports = __webpack_public_path__ + \"img/05.97e826d1.png\";"],"sourceRoot":""}