{"version":3,"sources":["webpack:///./src/views/new-car-trading/index.vue","webpack:///src/views/new-car-trading/index.vue","webpack:///./src/views/new-car-trading/index.vue?5924","webpack:///./src/views/new-car-trading/index.vue?80c9","webpack:///./src/views/new-car-trading/index.vue?240f"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","attrs","_l","dashboardData","photos","item","key","id","value3","path","on","$event","linkToResolve","value4","padding","_v","value","newCarImageList","index","src","_s","text","_e","staticRenderFns","name","data","computed","mapState","state","home","loading","created","$route","query","active","undefined","url","process","methods","handClick","component"],"mappings":"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","file":"js/chunk-74a3635c.f493a5af.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"recycling-waste\",staticStyle:{\"background-color\":\"#f8fcff\"}},[_c('div',{staticClass:\"banner\"},[_c('el-carousel',{staticClass:\"banner-carousel\",attrs:{\"indicator-position\":\"outside\"}},_vm._l((_vm.dashboardData.photos),function(item){return _c('el-carousel-item',{key:item.id,attrs:{\"title\":item.value3}},[_c('img',{attrs:{\"title\":item.value3,\"src\":item.path,\"alt\":\"\"},on:{\"click\":function($event){return _vm.linkToResolve(item.value4)}}})])}),1)],1),_c('el-card',{staticClass:\"box-card\",staticStyle:{\"width\":\"70.5%\",\"margin\":\"20px auto\"},attrs:{\"body-style\":{padding:'0' }}},[_c('div',{staticClass:\"car-header\"},[_c('p',{staticClass:\"p1\"},[_vm._v(\"新车交易\")]),_c('p',{staticClass:\"p2\"}),_c('p',{staticClass:\"p3\"},[_vm._v(\" 公司长期从事品牌新车销售，主营品牌有东风本田、东风日产、上汽大众、通用别克、一汽大众等品牌数十种车型。 合理的价格是开始，终身的服务是保障，期待为您服务。 \")]),_c('div',{staticClass:\"waste-hot\"},[_c('span',{staticClass:\"phone\"},[_vm._v(\"咨询热线：\")]),_c('span',{staticClass:\"phone\"},[_vm._v(\"18829052629\")])])]),_c('div',{staticClass:\"lastBox-right\"},[(_vm.value === '1')?_c('el-row',{staticClass:\"recycling-waste-list\",attrs:{\"gutter\":20}},_vm._l((_vm.newCarImageList),function(item,index){return _c('el-col',{key:index,staticClass:\"recycling-waste-item\",attrs:{\"span\":8}},[_c('img',{attrs:{\"src\":item.src,\"alt\":\"\"}}),_c('span',{staticClass:\"recycling-waste-text\"},[_vm._v(_vm._s(item.text))])])}),1):_vm._e()],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"recycling-waste\" style=\"background-color: #f8fcff;\">\r\n       <!-- <div class=\"banner\">\r\n    </div> -->\r\n\t\t<div class=\"banner\">\r\n      <el-carousel class=\"banner-carousel\" indicator-position=\"outside\">\r\n        <el-carousel-item\r\n          v-for=\"item in dashboardData.photos\"\r\n          :title=\"item.value3\"\r\n          :key=\"item.id\"\r\n        >\r\n          <img\r\n            :title=\"item.value3\"\r\n            :src=\"item.path\"\r\n            @click=\"linkToResolve(item.value4)\"\r\n            alt=\"\"\r\n          />\r\n        </el-carousel-item>\r\n      </el-carousel>\r\n    </div>\r\n    <el-card :body-style=\"{padding:'0' } \" style=\"width:70.5%;margin: 20px auto;\" class=\"box-card\">\r\n\t\t\t<div class=\"car-header\">\r\n\t\t\t\t<p class=\"p1\">新车交易</p>\r\n\t\t\t\t<p class=\"p2\"></p>\r\n\t\t\t\t<p class=\"p3\">\r\n\t\t\t\t\t公司长期从事品牌新车销售，主营品牌有东风本田、东风日产、上汽大众、通用别克、一汽大众等品牌数十种车型。\r\n\t\t\t\t\t合理的价格是开始，终身的服务是保障，期待为您服务。\r\n\t\t\t\t</p>\r\n\t\t\t\t<div class=\"waste-hot\">\r\n\t\t\t\t\t<span class=\"phone\">咨询热线：</span>\r\n\t\t\t\t\t<span class=\"phone\">18829052629</span>\r\n\t\t\t\t</div>\r\n    \t</div>\r\n      <div class=\"lastBox-right\">\r\n        <el-row :gutter=\"20\" class=\"recycling-waste-list\" v-if=\"value === '1'\">\r\n\t\t\t\t\t<el-col :span=\"8\" class=\"recycling-waste-item\" v-for=\"(item, index) in newCarImageList\" :key=\"index\">\r\n\t\t\t\t\t\t<img :src=\"item.src\" alt=\"\"/>\r\n\t\t\t\t\t\t<span class=\"recycling-waste-text\">{{item.text}}</span>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</el-row>\r\n      </div>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from \"vuex\";\r\nexport default {\r\n  name: \"adressMaintain\",\r\n  data() {\r\n    return {\r\n\t\t\tvalue: '1',\r\n\t\t\tnewCarImageList: [\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car1.png',\r\n\t\t\t\t\ttext: '本田CRV   四驱豪华版'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car2.png',\r\n\t\t\t\t\ttext: '本田CRV都市版'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car3.png',\r\n\t\t\t\t\ttext: '本田CRV风尚版'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car4.png',\r\n\t\t\t\t\ttext: '本田CRV两驱黑爵士版'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car5.png',\r\n\t\t\t\t\ttext: '本田CRV两驱舒适版'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car6.png',\r\n\t\t\t\t\ttext: '本田XRV CVT 热力版'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car7.png',\r\n\t\t\t\t\ttext: '本田思域劲动版'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car8.png',\r\n\t\t\t\t\ttext: '本田思域燃动版'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car9.png',\r\n\t\t\t\t\ttext: '别克英朗21款典范自动精英'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car10.png',\r\n\t\t\t\t\ttext: '大众朗逸1.5L自动舒适'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car11.png',\r\n\t\t\t\t\ttext: '大众朗逸280自动舒适'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car12.png',\r\n\t\t\t\t\ttext: '东风日产天籁'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car13.png',\r\n\t\t\t\t\ttext: '东风日产逍客'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsrc: '/img/car/new-car14.png',\r\n\t\t\t\t\ttext: '东风日产轩逸'\r\n\t\t\t\t},\r\n\t\t\t]\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      dashboardData: (state) => {\r\n        return state.home.dashboardData;\r\n      },\r\n      loading: (state) => {\r\n        return state.loading;\r\n      },\r\n    }),\r\n  },\r\n  created() {\r\n    this.value = this.$route.query.value;\r\n    this.active = this.$route.query.value;\r\n    if (this.value == undefined) {\r\n      this.value = '1';\r\n    }\r\n    if (this.active == undefined) {\r\n      this.active = \"1\";\r\n    }\r\n    this.url = process.env.VUE_APP_API_BASE_URL;\r\n  },\r\n  methods: {\r\n\t\thandClick(index) {\r\n      this.value = `${index}`;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.banner {\r\n  text-align: center;\r\n  height: 480px;\r\n  // background-image: url(/img/lianxibg.png);\r\n  // background-size: 100%;\r\n  // line-height: 480px;\r\n\t\r\n  .banner-carousel {\r\n    width: 100%;\r\n    height: 480px; /* no */\r\n    position: relative;\r\n    /deep/.el-carousel__container {\r\n      height: 100%;\r\n    }\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n    /deep/.el-carousel__indicators--outside {\r\n      position: absolute;\r\n      left: 0;\r\n      width: 100%;\r\n      .el-carousel__button {\r\n        height: 5px; /* no */\r\n      }\r\n    }\r\n  }\r\n}\r\n.car-header {\r\n  height: 180px;\r\n  background-image: url(/img/pic.png);\r\n\tbackground-repeat: no-repeat;\r\n  background-size: 100% 100%;\r\n  padding: 30px 0 0 100px;\r\n\r\n  .p1 {\r\n    font-size: 36px;\r\n    font-family: YouSheBiaoTi;\r\n    font-weight: 400;\r\n    color: #ffffff;\r\n    line-height: 40px;\r\n    // text-shadow: 0px 2px 11px rgba(4, 23, 117, 0.88);\r\n    background: linear-gradient(0deg, #a2ffce 0%, #ecffff 50%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    // font-style: oblique;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .p2 {\r\n    width: 36px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #26faff 0%, #2cff99 100%);\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .p3, .waste-hot {\r\n    width: 726px;\r\n    font-size: 18px;\r\n    font-family: SourceHanSansCN-Light;\r\n    font-weight: 300;\r\n    color: #ffffff;\r\n    line-height: 26px;\r\n  }\r\n\t.waste-hot{\r\n\t\tpadding-top: 8px;\r\n\t}\r\n\t.phone{\r\n\t\ttext-indent: 4em;\r\n\t\tfont-weight: bold;\r\n\t\tfont-size: 24px;\r\n\t\tcolor: rgb(255, 102, 0);\r\n\t}\r\n}\r\n.lastBox-right {\r\n\tpadding: 2%;\r\n  overflow: hidden;\r\n}\r\n.enterprise {\r\n  margin: 0 auto;\r\n  .p1 {\r\n    span {\r\n      font-size: 14px;\r\n      margin-right: 29px;\r\n    }\r\n  }\r\n}\r\n.recycling-waste-list{\r\n\t.recycling-waste-item{\r\n\t\ttext-align: center;\r\n\t\tfont-size: 20px;\r\n\t\t>img {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 300px;\r\n\t\t}\r\n\t\t>span{\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tline-height: 50px;\r\n\t\t}\r\n\t}\r\n}\r\n/deep/.el-menu-item.is-active {\r\n  background-color: #24a2aa !important;\r\n  color: white !important;\r\n}\r\n/deep/.el-timeline-item__timestamp.is-top {\r\n  position: absolute;\r\n  left: -117px;\r\n  top: -3px;\r\n  color: #333333;\r\n}\r\n/deep/.el-timeline {\r\n  padding-left: 150px;\r\n}\r\n.vjs-custom-skin {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n</style>\r\n","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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=73c9d468&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=73c9d468&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  \"73c9d468\",\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!./index.vue?vue&type=style&index=0&id=73c9d468&prod&lang=less&scoped=true\""],"sourceRoot":""}