{"version":3,"sources":["webpack:///./src/views/sy_product/soft3.vue?1098","webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./src/views/sy_product/soft3.vue?bfba","webpack:///src/views/sy_product/soft3.vue","webpack:///./src/views/sy_product/soft3.vue?c8e4","webpack:///./src/views/sy_product/soft3.vue"],"names":["DESCRIPTORS","FUNCTION_NAME_EXISTS","EXISTS","uncurryThis","defineProperty","f","FunctionPrototype","Function","prototype","functionToString","toString","nameRE","regExpExec","exec","NAME","configurable","get","this","error","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","topImgUrl","_v","value","on","handleTabsClick","path","_l","item","i","key","$event","lookDetail","imgUrl","_s","title","total","currentPage","handelCurrentChange","goBack","softwareData","describe","staticRenderFns","data","datas","softwareDatas","showTab","detailData","function","features","technicalParameters","exampleScenario","created","initData","methods","element","length","console","log","val","$router","push","tab","name","component"],"mappings":"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","file":"js/chunk-032cba9e.70cca4f2.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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./soft3.vue?vue&type=style&index=0&id=b3df447c&lang=scss&scoped=true&\"","var DESCRIPTORS = require('../internals/descriptors');\nvar FUNCTION_NAME_EXISTS = require('../internals/function-name').EXISTS;\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar functionToString = uncurryThis(FunctionPrototype.toString);\nvar nameRE = /function\\b(?:\\s|\\/\\*[\\S\\s]*?\\*\\/|\\/\\/[^\\n\\r]*[\\n\\r]+)*([^\\s(/]*)/;\nvar regExpExec = uncurryThis(nameRE.exec);\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return regExpExec(nameRE, functionToString(this))[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('div',{staticClass:\"top\"},[_c('img',{staticClass:\"top-img\",attrs:{\"src\":_vm.topImgUrl,\"alt\":\"\"}}),_c('p',[_vm._v(\"产品中心\")])]),_c('div',{staticClass:\"bottoms\"},[_c('el-tabs',{attrs:{\"value\":_vm.value},on:{\"tab-click\":_vm.handleTabsClick}},[_c('el-tab-pane',{attrs:{\"label\":\"软件\",\"name\":\"/software1\"}}),_c('el-tab-pane',{attrs:{\"label\":\"硬件\",\"name\":\"/hardware1\"}}),_c('el-tab-pane',{attrs:{\"label\":\"网络\",\"name\":\"/network1\"}}),_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/software1' }}},[_vm._v(\"产品中心\")]),(_vm.value==='/software1')?_c('el-breadcrumb-item',[_vm._v(\"软件\")]):(_vm.value==='/hardware1')?_c('el-breadcrumb-item',[_vm._v(\"硬件\")]):_c('el-breadcrumb-item',[_vm._v(\"网络\")])],1)],1)],1),_c('div',{staticClass:\"qualification\"},[(_vm.showTab)?_c('div',{staticClass:\"tab-box\"},[_c('div',{staticClass:\"int-box\"},_vm._l((_vm.softwareData),function(item,i){return _c('div',{key:i,staticClass:\"img-and-title\",on:{\"click\":function($event){return _vm.lookDetail(item)}}},[_c('div',{staticClass:\"img-box\"},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}})]),_c('p',[_vm._v(_vm._s(item.title))])])}),0),_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":8,\"total\":_vm.total,\"current-page\":_vm.currentPage},on:{\"current-change\":_vm.handelCurrentChange}})],1):_c('div',{staticClass:\"content-box\"},[_c('el-page-header',{on:{\"back\":_vm.goBack}}),_c('div',{staticClass:\"img-and-describe\"},[_c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":_vm.softwareData.imgUrl,\"alt\":\"\"}})]),_c('div',{staticClass:\"right\"},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.softwareData.title))]),_c('p',{staticClass:\"describe\"},[_vm._v(_vm._s(_vm.softwareData.describe))])])]),_c('div',{staticClass:\"function\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品功能\")]),_c('div',{staticClass:\"bottom\"},_vm._l((_vm.softwareData.function),function(item,i){return _c('div',{key:i,staticClass:\"function-box\"},[_c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}}),_c('p',[_vm._v(\"0\"+_vm._s(i+1))])]),_c('p',{staticClass:\"describe\"},[_vm._v(_vm._s(item.describe))])])}),0)]),_c('div',{staticClass:\"features\"},[_c('div'),_c('div',{staticClass:\"title\"},[_vm._v(\"产品特色\")]),_c('div',{staticClass:\"bottom\"},_vm._l((_vm.softwareData.features),function(item,i){return _c('div',{key:i,staticClass:\"features-box\"},[_c('p',{staticClass:\"features-title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"describe\"},[_vm._v(_vm._s(item.describe))])])}),0),_c('div',{staticClass:\"technical-parameters\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"技术参数\")]),_c('div',{staticClass:\"bottom\"},_vm._l((_vm.softwareData.technicalParameters),function(item,i){return _c('div',{key:i,staticClass:\"technical-box\"},[_c('p',{staticClass:\"features-title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"describe\"},[_vm._v(_vm._s(item.describe))])])}),0)])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<!-- 首页轮播图button使用的页面 -->\r\n  <div class=\"about\">\r\n    <!-- 顶部 -->\r\n    <div class=\"top\">\r\n      <img class=\"top-img\"\r\n           :src=\"topImgUrl\"\r\n           alt=\"\">\r\n      <p>产品中心</p>\r\n    </div>\r\n    <!-- 底部 -->\r\n    <div class=\"bottoms\">\r\n      <!-- tab页 -->\r\n      <el-tabs :value=\"value\"\r\n               @tab-click=\"handleTabsClick\">\r\n        <el-tab-pane label=\"软件\"\r\n                     name=\"/software1\"></el-tab-pane>\r\n        <el-tab-pane label=\"硬件\"\r\n                     name=\"/hardware1\"></el-tab-pane>\r\n        <el-tab-pane label=\"网络\"\r\n                     name=\"/network1\"></el-tab-pane>\r\n        <!-- 面包屑导航 -->\r\n        <el-breadcrumb separator-class=\"el-icon-arrow-right\">\r\n          <el-breadcrumb-item :to=\"{ path: '/' }\">首页</el-breadcrumb-item>\r\n          <el-breadcrumb-item :to=\"{ path: '/software1' }\">产品中心</el-breadcrumb-item>\r\n          <el-breadcrumb-item v-if=\"value==='/software1'\">软件</el-breadcrumb-item>\r\n          <el-breadcrumb-item v-else-if=\"value==='/hardware1'\">硬件</el-breadcrumb-item>\r\n          <el-breadcrumb-item v-else>网络</el-breadcrumb-item>\r\n        </el-breadcrumb>\r\n      </el-tabs>\r\n    </div>\r\n    <div class=\"qualification\">\r\n    <!-- tab页 -->\r\n    <div class=\"tab-box\"\r\n         v-if=\"showTab\">\r\n      <div class=\"int-box\">\r\n        <div class=\"img-and-title\"\r\n             v-for=\"(item, i) in softwareData\"\r\n             :key=\"i\"\r\n             @click=\"lookDetail(item)\">\r\n          <div class=\"img-box\">\r\n            <img :src=\"item.imgUrl\"\r\n                 alt=\"\" />\r\n          </div>\r\n          <p>{{ item.title }}</p>\r\n        </div>\r\n      </div>\r\n      <el-pagination background=\"\"\r\n                     layout=\"prev, pager, next\"\r\n                     :page-size=\"8\"\r\n                     :total=\"total\"\r\n                     :current-page=\"currentPage\"\r\n                     @current-change='handelCurrentChange'></el-pagination>\r\n    </div>\r\n    <!-- 详情页 -->\r\n    <div class=\"content-box\"\r\n         v-else>\r\n      <!-- 返回 -->\r\n      <el-page-header @back=\"goBack\">\r\n      </el-page-header>\r\n      <!-- 介绍 -->\r\n      <div class=\"img-and-describe\">\r\n        <div class=\"left\">\r\n          <img :src=\"softwareData.imgUrl\"\r\n             alt=\"\">\r\n        </div>\r\n        <div class=\"right\">\r\n          <p class=\"title\">{{softwareData.title}}</p>\r\n          <p class=\"describe\">{{softwareData.describe}}</p>\r\n        </div>\r\n      </div>\r\n      <!-- 功能 -->\r\n      <div class=\"function\">\r\n        <div class=\"title\">产品功能</div>\r\n        <div class=\"bottom\">\r\n          <div class=\"function-box\"\r\n               v-for=\"(item,i) in softwareData.function\"\r\n               :key=\"i\">\r\n            <div class=\"left\">\r\n              <img :src=\"item.imgUrl\"\r\n                   alt=\"\">\r\n              <!-- <div style=\"font-size:12px\" class=\"img-title\">{{item.imgTitle}}</div> -->\r\n              <p>0{{i+1}}</p>\r\n            </div>\r\n            <p class=\"describe\">{{item.describe}}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- 产品特色 -->\r\n      <div class=\"features\">\r\n        <div></div>\r\n        <div class=\"title\">产品特色</div>\r\n        <div class=\"bottom\">\r\n          <div class=\"features-box\"\r\n               v-for=\"(item,i) in softwareData.features\"\r\n               :key=\"i\">\r\n            <p class=\"features-title\">{{item.title}}</p>\r\n            <p class=\"describe\">{{item.describe}}</p>\r\n          </div>\r\n        </div>\r\n        <!-- 技术参数 -->\r\n        <div class=\"technical-parameters\">\r\n          <div class=\"title\">技术参数</div>\r\n          <div class=\"bottom\">\r\n            <div class=\"technical-box\"\r\n                 v-for=\"(item,i) in softwareData.technicalParameters\"\r\n                 :key=\"i\">\r\n              <p class=\"features-title\">{{item.title}}</p>\r\n              <p class=\"describe\">{{item.describe}}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data () {\r\n    return {\r\n      // 顶部背景图片地址\r\n      topImgUrl: '/images/公司介绍/顶部背景图片.png',\r\n      // 引入数据\r\n      datas: require('../../assets/json/data'),\r\n      // 软件项目案例数据\r\n      softwareDatas: [],\r\n      // 当前要显示的数据\r\n      softwareData: [\r\n      ],\r\n      //   当前页码\r\n      currentPage: 1,\r\n      //   数据总数\r\n      total: 0,\r\n      //   是否显示tab页\r\n      showTab: false,\r\n      // 显示的tab标签名称\r\n      value: '/software1',\r\n      //   详情页面的数据\r\n      detailData: {\r\n        imgUrl: '',\r\n        title: '',\r\n        function: [\r\n          { imgUrl: '', imgTitle: '', describe: '' }],\r\n        features: [\r\n          { title: '', describe: '' }],\r\n        technicalParameters: [\r\n          { title: '', describe: '' }],\r\n        exampleScenario: { imgUrl1: '', imgUrl2: '', imgUrl3: '', imgUrl4: '', imgUrl5: '' }\r\n      }\r\n    }\r\n  },\r\n  created () {\r\n    this.initData()\r\n  },\r\n  methods: {\r\n    //   初始化数据\r\n    initData () {\r\n      this.softwareDatas = this.datas['产品中心']['软件']['项目案例数据']\r\n      for (let index = 0; index < this.softwareDatas.length; index++) {\r\n        const element = this.softwareDatas[index]\r\n        this.total = this.total + element.length\r\n      }\r\n      this.softwareData = this.softwareDatas[0][2]\r\n      console.log(this.softwareData)\r\n    },\r\n    //   当前页码改变时\r\n    handelCurrentChange (val) {\r\n      this.softwareData = this.softwareDatas[val - 1]\r\n    },\r\n    // 显示详情页\r\n    lookDetail (data) {\r\n      this.showTab = false\r\n    },\r\n    // 返回tab页\r\n    goBack () { this.$router.push('/software1') },\r\n    //   tab页的点击事件\r\n    handleTabsClick (tab) {\r\n      this.$router.push(tab.name)\r\n      // console.log(tab)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n$blue: #308bec;\r\n.about {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n.top {\r\n  width: 100%;\r\n  height: 300px;\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-top: 2px;\r\n  p {\r\n    font-size: 36px;\r\n    // font-weight: bold;\r\n    margin: 0;\r\n    padding: 0;\r\n    color: #fff;\r\n  }\r\n}\r\n.top-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  z-index: -1;\r\n}\r\n.bottoms {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  background-color: #f5f5f5;\r\n  .el-tabs {\r\n    position: relative;\r\n    /deep/ .el-tabs__header {\r\n      width: 1200px;\r\n      height: 60px;\r\n      margin: 0;\r\n      .el-tabs__nav-wrap {\r\n        &::after {\r\n          background-color: transparent;\r\n        }\r\n        .el-tabs__nav-scroll {\r\n          height: 60px;\r\n          .el-tabs__nav {\r\n            .el-tabs__item {\r\n              width: 100px;\r\n              height: 60px;\r\n              padding: 0 20px;\r\n              line-height: 60px;\r\n              text-align: center;\r\n              &.is-active {\r\n                background-color: $blue;\r\n                color: #fff;\r\n              }\r\n            }\r\n            .el-tabs__active-bar {\r\n              background-color: transparent;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    /deep/ .el-tabs__content {\r\n      overflow: unset;\r\n    }\r\n    .el-breadcrumb {\r\n      height: 60px;\r\n      line-height: 60px;\r\n      position: absolute;\r\n      bottom: 0;\r\n      right: 0;\r\n      z-index: 2;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n}\r\n.qualification {\r\n  width: 1200px;\r\n  background-color: #fff;\r\n  padding: 40px 0;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  .tab-box {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n  .int-box {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    .img-and-title {\r\n      width: 280px;\r\n      height: 220px;\r\n      margin-right: 20px;\r\n      margin-top: 20px;\r\n      .img-box {\r\n        width: 280px;\r\n        height: 200px;\r\n        border: 1px solid #eee;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        overflow: hidden;\r\n      }\r\n      img {\r\n        // display: block;\r\n        // width: 100%;\r\n        // height: auto\r\n        display: inline-block;\r\n        height: auto;\r\n        max-width: 100%;\r\n\r\n        // width: 150px;\r\n        // height: 200px;\r\n      }\r\n      img:hover{\r\n        transform: scale(1.1);\r\n      }\r\n      p {\r\n        font-size: 14px;\r\n        margin: 10px 0;\r\n        text-align: center;\r\n      }\r\n    }\r\n  }\r\n  .el-pagination {\r\n    width: fit-content;\r\n    margin-top: 40px;\r\n  }\r\n  .el-page-header {\r\n    font-size: 20px;\r\n    margin-bottom: 100px;\r\n  }\r\n}\r\n.content-box {\r\n  width: 100%;\r\n  .img-and-describe {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    .left{\r\n       width: 570px;\r\n      height: 400px;\r\n      img {\r\n       display: inline-block;\r\n        height: auto;\r\n        max-width: 100%;\r\n      }\r\n    }\r\n    .right {\r\n      width: 600px;\r\n      .title {\r\n        font-size: 24px;\r\n        margin: 0;\r\n        margin-bottom: 20px;\r\n      }\r\n      .describe {\r\n        font-size: 14px;\r\n        line-height: 30px;\r\n      }\r\n    }\r\n  }\r\n  .function {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 100px;\r\n    .title {\r\n      width: fit-content;\r\n      padding: 0 10px;\r\n      text-align: center;\r\n      font-size: 24px;\r\n      border-left: 4px solid #f5a339;\r\n      margin-bottom: 60px;\r\n    }\r\n    .bottom {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .function-box {\r\n        width: 300px;\r\n        // height: 80px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin: 0 48px 30px;\r\n        .left {\r\n          width: 48px;\r\n          // height: 100%;\r\n          position: relative;\r\n          // text-align: center;\r\n          img {\r\n            width: 48px;\r\n            height: 48px;\r\n          }\r\n          .img-title {\r\n            width: 100%;\r\n            text-align: center;\r\n            color: $blue;\r\n            font-size: 16px;\r\n          }\r\n          p{\r\n            font-size: 18px;\r\n            color: #fff;\r\n            position: absolute;\r\n            top: -6px;\r\n            left: 30%;\r\n          }\r\n        }\r\n        .describe {\r\n          width: 240px;\r\n          margin: 0 auto;\r\n          font-size: 14px;\r\n          padding-left: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .features {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 100px;\r\n    .title {\r\n      width: fit-content;\r\n      padding: 0 10px;\r\n      text-align: center;\r\n      font-size: 24px;\r\n      border-left: 4px solid #f5a339;\r\n      margin-bottom: 60px;\r\n    }\r\n    .bottom {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .features-box {\r\n        width: 550px;\r\n        height: auto;\r\n        padding: 0 20px;\r\n        background-color: #e6e6e6;\r\n        margin: 5px;\r\n        .features-title {\r\n          color: $blue;\r\n          font-size: 16px;\r\n        }\r\n        .describe {\r\n          font-size: 14px;\r\n          margin: 10px 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .technical-parameters {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 100px;\r\n    .title {\r\n      width: fit-content;\r\n      padding: 0 10px;\r\n      text-align: center;\r\n      font-size: 24px;\r\n      border-left: 4px solid #f5a339;\r\n      margin-bottom: 60px;\r\n    }\r\n    .bottom {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .technical-box {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        p {\r\n          font-size: 14px;\r\n          margin: 0;\r\n        }\r\n        .features-title {\r\n          width: 480px;\r\n          border: 1px solid #eee;\r\n          padding: 10px;\r\n          // justify-content: center;\r\n          text-align: center;\r\n          color: $blue;\r\n        }\r\n        .describe {\r\n          width: 670px;\r\n          border: 1px solid #eee;\r\n          padding: 10px;\r\n          text-align: center;\r\n          color: #666;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .example-scenario {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 100px;\r\n    .title {\r\n      width: fit-content;\r\n      padding: 0 10px;\r\n      text-align: center;\r\n      font-size: 24px;\r\n      border-left: 4px solid #f5a339;\r\n      margin-bottom: 60px;\r\n    }\r\n    .bottom {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      img {\r\n        box-sizing: border-box;\r\n        &:hover {\r\n          border: 1px solid $blue;\r\n        }\r\n      }\r\n      .left {\r\n        width: 600px;\r\n        height: 400px;\r\n        img {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n      }\r\n      .right {\r\n        width: 600px;\r\n        height: 400px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        img {\r\n          width: 50%;\r\n          height: 50%;\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!./soft3.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!./soft3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./soft3.vue?vue&type=template&id=b3df447c&scoped=true&\"\nimport script from \"./soft3.vue?vue&type=script&lang=js&\"\nexport * from \"./soft3.vue?vue&type=script&lang=js&\"\nimport style0 from \"./soft3.vue?vue&type=style&index=0&id=b3df447c&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  \"b3df447c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}