{"version":3,"sources":["webpack:///./src/views/about/index.vue?090a","webpack:///src/views/about/index.vue","webpack:///./src/views/about/index.vue?c09b","webpack:///./src/views/about/index.vue","webpack:///./src/views/about/index.vue?7cda"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","domProps","_s","aboutcontent","staticRenderFns","attrs","data","about","mounted","aboutus","methods","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYE,SAAS,CAAC,UAAYR,EAAIS,GAAGT,EAAIU,sBAC3OC,EAAkB,CAAC,WAAa,IAAIX,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAM,GAAG,IAAM,U,YCmD7K,GACEC,KADF,WAEI,MAAO,CACLH,aAAc,GACdI,MAAO,CACb,CACQ,OAAR,GACQ,MAAR,OACQ,KACR,8EAEA,CACQ,OAAR,GACQ,MAAR,OACQ,KACR,4JAEA,CACQ,OAAR,GACQ,MAAR,OACQ,KACR,oFAKEC,QA1BF,WA2BId,KAAKe,WAEPC,QAAS,CAKPD,QALJ,WAKA,WACM,OAAN,OAAM,CAAN,sBACQ,EAAR,0BCxF8V,I,wBCQ1VE,EAAY,eACd,EACAnB,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,kECnBf","file":"js/chunk-f6e9e562.009d88db.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_vm._m(0),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"about-box\",domProps:{\"innerHTML\":_vm._s(_vm.aboutcontent)}})])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img-back\"},[_c('img',{attrs:{\"src\":\"\",\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"about\">\r\n    <!-- 浏览记录车辆 -->\r\n    <!-- <div @click=\"countadd(10)\" v-for=\"(item,index) in this.$store.state.count\" :key=\"index\">{{item}}</div> -->\r\n    <!-- <div class=\"container\">\r\n      <div class=\"card-list\">\r\n        <div\r\n          class=\"card-item\"\r\n          v-for=\"(item, index) in this.$store.state.recordCars\"\r\n          :key=\"index\"\r\n        >\r\n          <div\r\n            v-if=\"item.car_pic\"\r\n            class=\"pic\"\r\n            :style=\"[\r\n                {\r\n                  backgroundImage: 'url(' + baseurl + item.car_pic + ')',\r\n                },\r\n              ]\"\r\n          ></div>\r\n          <el-tooltip class=\"item\" effect=\"dark\" :content=\"item.car_name\" placement=\"top-start\">\r\n            <p class=\"card-name\">{{ item.car_name }}</p>\r\n          </el-tooltip>\r\n          <p class=\"card-time\">{{ item.car_age }}/{{ item.travel_km }}</p>\r\n          <p class=\"price\">\r\n            <span class=\"proce-unit\">￥</span>\r\n            {{ item.sale_price }}万\r\n            <span class=\"old-price\">¥{{ item.price }}万</span>\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div> -->\r\n    <!-- 背景图 -->\r\n    <div class=\"img-back\">\r\n      <img src alt />\r\n    </div>\r\n    <div class=\"content\">\r\n      <div class=\"about-box\" v-html=\"aboutcontent\">\r\n        <!-- <div class=\"about-list\" v-for=\"(item,index) in about\" :key=\"index\">\r\n          <div class=\"img-box\">\r\n            <img src alt />\r\n          </div>\r\n          <div class=\"title\">{{item.title}}</div>\r\n          <div class=\"info\">{{item.info}}</div>\r\n        </div> -->\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { aboutus } from \"@/api/index.js\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      aboutcontent: \"\",\r\n      about: [\r\n        {\r\n          imgurl: \"\",\r\n          title: \"品牌简介\",\r\n          info:\r\n            \"悦心车专注于高品质豪华二手车零售及服务。搭载深耕十余年的豪华品牌车系技术检测与整备升级能力，致力于让每一位车主用二手车的价格，买到新车的品质与服务。\",\r\n        },\r\n        {\r\n          imgurl: \"\",\r\n          title: \"品牌优势\",\r\n          info:\r\n            \"悦心车作为北京华奥汽车服务股份有限公司的子品牌，服务网络覆盖全国90余座城市。强大的汽车检测及整备能力、10余项汽车检测专利、上千名专业技术人员、成熟的管理体系网络、先进的品牌服务理念等，无一不在保障质量与服务的高标准。用户可通过悦心车官方网站及微信小程序在线看车，也可通过前往悦心车线下体验店实地看车。\",\r\n        },\r\n        {\r\n          imgurl: \"\",\r\n          title: \"品牌承诺\",\r\n          info:\r\n            \"悦心车承诺，所有上架车辆均经过严格的检测及必要的整备环节，车况完好如新。并将服务环节深入到用户的售后体验中，让每一位用户都能买车放心、用车安心、养车省心。\",\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  mounted() {\r\n    this.aboutus();\r\n  },\r\n  methods: {\r\n    // countadd(ll) {\r\n    //   this.$store.commit(\"addcount\",ll)\r\n    // },\r\n    // 关于我们富文本\r\n    aboutus() {\r\n      aboutus({}).then((res) => {\r\n        this.aboutcontent = res.data;\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.about {\r\n  width: 100%;\r\n  background-color: #fff;\r\n  padding-bottom: 50px;\r\n  box-sizing: border-box;\r\n\r\n  .container {\r\n    width: 100%;\r\n    margin-top: 102px;\r\n    .title {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      .line {\r\n        display: inline-block;\r\n        width: 93px;\r\n        height: 1px;\r\n        background: #000000;\r\n        opacity: 0.1;\r\n      }\r\n      .text {\r\n        color: #0097e2;\r\n        font-size: 30px;\r\n        font-weight: 500;\r\n        margin: 0 19px;\r\n      }\r\n    }\r\n    .card-list {\r\n      width: 1200px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .card-item {\r\n        width: 286px;\r\n        background: rgba(255, 255, 255, 1);\r\n        border: 1px solid rgba(244, 244, 244, 1);\r\n        margin-right: 17px;\r\n        margin-top: 33px;\r\n        cursor: pointer;\r\n        &:nth-child(4n) {\r\n          margin-right: 0;\r\n        }\r\n        .pic {\r\n          width: 100%;\r\n          height: 203px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          background-repeat: no-repeat;\r\n          background-size: cover;\r\n          background-position: center center;\r\n          img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n          }\r\n        }\r\n        .card-name {\r\n          font-size: 16px;\r\n          font-weight: 300;\r\n          color: #000000;\r\n          margin-left: 10px;\r\n          margin-top: 13px;\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          display: -webkit-box;\r\n          -webkit-line-clamp: 1;\r\n          -webkit-box-orient: vertical;\r\n        }\r\n        .card-time {\r\n          font-size: 16px;\r\n          font-weight: 300;\r\n          color: #0097e2;\r\n          margin-left: 10px;\r\n          margin-top: 4px;\r\n          margin-bottom: 13px;\r\n        }\r\n        .price {\r\n          font-size: 18px;\r\n          padding-left: 10px;\r\n          color: #fff;\r\n          background: #0097e2;\r\n          font-weight: bold;\r\n          .proce-unit {\r\n            font-size: 14px;\r\n            color: #fff;\r\n            font-weight: bold;\r\n          }\r\n          .old-price {\r\n            font-size: 16px;\r\n            font-weight: 300;\r\n            text-decoration: line-through;\r\n            color: #fff;\r\n            margin-left: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .see-more {\r\n      width: 190px;\r\n      height: 42px;\r\n      background: rgba(0, 151, 226, 1);\r\n      border-radius: 10px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      font-size: 21px;\r\n      font-weight: 400;\r\n      color: #fff;\r\n      margin: 58px auto 127px;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .img-back {\r\n    width: 100%;\r\n    min-width: 1200px;\r\n    height: 400px;\r\n    padding-top: 60px;\r\n    box-sizing: border-box;\r\n    background-image: url(\"https://www.yuexinche.com/pic/pc6.jpg\");\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    // display: flex;\r\n    // justify-content: center;\r\n    // align-items: center;\r\n    // img{\r\n    //   max-width: 100%;\r\n    //   max-height: 100%;\r\n    // }\r\n  }\r\n\r\n  .content {\r\n    width: 1200px;\r\n    min-width: 1200px;\r\n    height: auto;\r\n    background-color: #fbfbfb;\r\n    position: relative;\r\n    top: -60px;\r\n    margin: 0 auto;\r\n    padding: 100px 65px 80px;\r\n    box-sizing: border-box;\r\n    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.06);\r\n    border-radius: 6px;\r\n    .about-box {\r\n      width: 100%;\r\n      display: flex;\r\n      p {\r\n        width: 100%;\r\n\r\n        img {\r\n          width: 100%;\r\n        }\r\n      }\r\n      /deep/img {\r\n        width: 100%;\r\n      }\r\n      .about-list {\r\n        width: 32%;\r\n        margin-right: 2%;\r\n        background-color: #f5f3f2;\r\n        .img-box {\r\n          width: 100%;\r\n          height: 300px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          background-color: red;\r\n          img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n          }\r\n        }\r\n        .title {\r\n          padding: 0 35px;\r\n          box-sizing: border-box;\r\n          font-size: 21px;\r\n          color: #000;\r\n          font-weight: bold;\r\n          margin-top: 45px;\r\n        }\r\n        .info {\r\n          padding: 0 35px 50px;\r\n          box-sizing: border-box;\r\n          font-size: 14px;\r\n          color: #000;\r\n          line-height: 30px;\r\n          margin-top: 10px;\r\n        }\r\n        &:last-child {\r\n          margin-right: 2%;\r\n        }\r\n      }\r\n    }\r\n  }\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=145ccfe5&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=145ccfe5&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  \"145ccfe5\",\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=145ccfe5&lang=less&scoped=true&\""],"sourceRoot":""}