{"version":3,"sources":["webpack:///./src/components/block/tabtwo.vue?a542","webpack:///./src/components/block/tabtwo.vue","webpack:///src/components/block/tabtwo.vue","webpack:///./src/components/block/tabtwo.vue?595c","webpack:///./src/components/block/tabtwo.vue?5d2b"],"names":["render","_vm","this","_c","_self","staticClass","style","backgroundImage","data","items","cover","backgroundSize","backgroundRepeat","backgroundPosition","staticStyle","_v","attrs","_l","item","index","key","title","_s","description","staticRenderFns","props","Object","created","console","log","component"],"mappings":"gHAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAO,CACnGC,gBAAiB,OAASN,EAAIO,KAAKC,MAAM,GAAGC,MAAQ,IACpDC,eAAgB,YAChBC,iBAAkB,YAClBC,mBAAoB,kBACR,CAACV,EAAG,MAAM,CAACW,YAAY,CAAC,YAAY,OAAO,cAAc,OAAO,gBAAgB,UAAU,CAACb,EAAIc,GAAG,UAAUZ,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,UAAU,CAACW,YAAY,CAAC,OAAS,SAASE,MAAM,CAAC,eAAe,SAASf,EAAIgB,GAAIhB,EAAIO,KAAKC,OAAO,SAASS,EAAKC,GAAO,OAAOhB,EAAG,cAAc,CAACiB,IAAID,EAAMd,YAAY,cAAcW,MAAM,CAAC,MAAQE,EAAKG,QAAQ,CAAClB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIc,GAAGd,EAAIqB,GAAGJ,EAAKK,qBAAoB,IAAI,MAE9bC,EAAkB,GCgBP,GACfC,MAAA,CACAjB,KAAAkB,QAEAC,UACAC,QAAAC,IAAA,WAAArB,QC5B8V,I,wBCQ1VsB,EAAY,eACd,EACA9B,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAM,E","file":"js/chunk-2437bb10.40d068db.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../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/style-resources-loader/lib/index.js??ref--9-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./tabtwo.vue?vue&type=style&index=0&id=702019f8&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"body\",style:({\n    backgroundImage: 'url(' + _vm.data.items[1].cover + ')',\n    backgroundSize: '100% 100%',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center center',\n            })},[_c('div',{staticStyle:{\"font-size\":\"30px\",\"font-weight\":\"bold\",\"margin-bottom\":\"100px\"}},[_vm._v(\"应用场景\")]),_c('div',{staticClass:\"content\"},[_c('el-tabs',{staticStyle:{\"height\":\"550px\"},attrs:{\"tab-position\":\"left\"}},_vm._l((_vm.data.items),function(item,index){return _c('el-tab-pane',{key:index,staticClass:\"custom-pane\",attrs:{\"label\":item.title}},[_c('div',{staticClass:\"description\"},[_vm._v(_vm._s(item.description))])])}),1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"body\" :style=\"{\r\n        backgroundImage: 'url(' + data.items[1].cover + ')',\r\n        backgroundSize: '100% 100%',\r\n        backgroundRepeat: 'no-repeat',\r\n        backgroundPosition: 'center center',\r\n                }\">\r\n        <div style=\"font-size: 30px; font-weight: bold;margin-bottom: 100px;\">应用场景</div>\r\n        <div class=\"content\" >\r\n            <el-tabs tab-position=\"left\" style=\"height: 550px;\">\r\n                <el-tab-pane\r\n                    v-for=\"(item, index) in data.items\"\r\n                    :key=\"index\"\r\n                    :label=\"item.title\"\r\n                    class=\"custom-pane\">\r\n                    <div class=\"description\">{{ item.description }}</div>\r\n                </el-tab-pane>\r\n            </el-tabs>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    data: Object\r\n  },\r\n  created() {\r\n    console.log('221', this.data);\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.body {\r\n    width: 100%;\r\n    height: 900px;\r\n    text-align: center;\r\n    color: #fff;\r\n    margin: 0 auto;\r\n    // max-width: 2000px;\r\n    padding-top: 30px;\r\n    padding-top: 80px;\r\n}\r\n\r\n@media screen and (min-width: 700px) {\r\n    .content {\r\n        display: flex;\r\n        width: 80%;\r\n        max-width: 1200px;\r\n        // text-align: center;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n.description {\r\n    padding-bottom: 12px;\r\n    padding-left: 65px;\r\n    padding-right: 20px;\r\n    white-space: pre-line;\r\n    text-align: left;\r\n    font-size: 16px;\r\n    line-height: 50px;\r\n    color: #fff;\r\n    // line-height: 35px;\r\n}\r\n\r\n.image1 {\r\n    height: 270px;\r\n}\r\n\r\n/deep/.content .el-tabs {\r\n    width: 100%;\r\n    /* 设置 el-tabs 宽度为100% */\r\n}\r\n\r\n/deep/.content .el-tabs .el-tabs__nav {\r\n    flex-direction: column;\r\n    background-color: rgba(255, 255, 255, 0.1);\r\n    padding-top: 20px;\r\n    padding-bottom: 30px;\r\n    border-radius: 14px;\r\n    /* 将导航项的排列方向改为垂直列 */\r\n}\r\n\r\n/deep/.content .el-tabs .el-tabs__item {\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    height: auto;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    // height: 63px;\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    border-left: 3px solid transparent;\r\n}\r\n\r\n/deep/.content .el-tabs .el-tabs__item.is-active {\r\n    background-color: transparent;\r\n    /* 取消选中项的背景色 */\r\n    border-left-color: #3C90FF;\r\n    color: #3C90FF;\r\n    /* 设置选中项左边框颜色为蓝色 */\r\n}\r\n\r\n/deep/.content .el-tabs .el-tabs__label {\r\n    flex: 1;\r\n    /* 填充剩余空间 */\r\n    padding-left: 15px;\r\n    /* 左边距，根据需要调整 */\r\n    text-align: left;\r\n}\r\n\r\n/deep/.content .el-tabs .el-tabs__active-bar {\r\n    display: none;\r\n    /* 隐藏默认的active-bar */\r\n}\r\n\r\n/deep/.content .el-tabs .el-tabs__nav-wrap::after {\r\n    content: none;\r\n}\r\n\r\n@media screen and (max-width: 700px) {\r\n    .body {\r\n        margin: 0 auto;\r\n        padding-top: 50px;\r\n        height: 60vh;\r\n    }\r\n\r\n    .content {\r\n        width: 100%;\r\n    }\r\n    /deep/.content .el-tabs .el-tabs__item {\r\n        display: block;\r\n        width: 45vw;\r\n        font-size:3.2vw;\r\n        margin-top: 0.3vw;\r\n        margin-bottom: 0.3vw;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-align: left;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .description {\r\n        width: 100%;\r\n        // height: 13vh;\r\n        padding-left: 4vw;\r\n        font-size: 3vw;\r\n        line-height: 4.5vw;\r\n        white-space: pre-line;\r\n    }\r\n\r\n    .text {\r\n        width: 94%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    // .description {\r\n    //     font-size: 18px;\r\n    //     line-height: 30px;\r\n    //     color: #666;\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!./tabtwo.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!./tabtwo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./tabtwo.vue?vue&type=template&id=702019f8&scoped=true\"\nimport script from \"./tabtwo.vue?vue&type=script&lang=js\"\nexport * from \"./tabtwo.vue?vue&type=script&lang=js\"\nimport style0 from \"./tabtwo.vue?vue&type=style&index=0&id=702019f8&prod&lang=scss&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  \"702019f8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}