{"version":3,"sources":["webpack:///./src/views/sy_project/mili_1.vue?7c4f","webpack:///src/views/sy_project/mili_1.vue","webpack:///./src/views/sy_project/mili_1.vue?9e79","webpack:///./src/views/sy_project/mili_1.vue","webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./src/views/sy_project/mili_1.vue?fb76"],"names":["render","_vm","this","_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","img1","names","img2","changeIndex","changeIndexBack","img3","img4","img5","staticRenderFns","data","datas","softwareDatas","showTab","detailData","function","features","technicalParameters","exampleScenario","created","initData","methods","element","length","imgUrl1","imgUrl2","imgUrl3","imgUrl4","imgUrl5","name1","val","index","name2","name3","name4","name5","$router","push","tab","name","component","DESCRIPTORS","FUNCTION_NAME_EXISTS","EXISTS","uncurryThis","defineProperty","f","FunctionPrototype","Function","prototype","functionToString","toString","nameRE","regExpExec","exec","NAME","configurable","get","error"],"mappings":"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","file":"js/chunk-c29f5be2.50b091a0.js","sourcesContent":["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\":\"/military\"}}),_c('el-tab-pane',{attrs:{\"label\":\"民用\",\"name\":\"/civil\"}}),_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: '/military' }}},[_vm._v(\"项目案例\")]),(_vm.value==='/military')?_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:\"features\"},[_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:\"example-scenario\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"场景实例\")]),_c('div',{staticClass:\"bottom\"},[_c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":_vm.img1,\"alt\":\"\"}}),_c('p',[_vm._v(_vm._s(_vm.names))])]),_c('div',{staticClass:\"right\"},[_c('img',{attrs:{\"src\":_vm.img2,\"alt\":\"\"},on:{\"mouseover\":function($event){return _vm.changeIndex(1)},\"mouseout\":function($event){return _vm.changeIndexBack(1)}}}),_c('img',{attrs:{\"src\":_vm.img3,\"alt\":\"\"},on:{\"mouseover\":function($event){return _vm.changeIndex(2)},\"mouseout\":function($event){return _vm.changeIndexBack(2)}}}),_c('img',{attrs:{\"src\":_vm.img4,\"alt\":\"\"},on:{\"mouseover\":function($event){return _vm.changeIndex(3)},\"mouseout\":function($event){return _vm.changeIndexBack(3)}}}),_c('img',{attrs:{\"src\":_vm.img5,\"alt\":\"\"},on:{\"mouseover\":function($event){return _vm.changeIndex(4)},\"mouseout\":function($event){return _vm.changeIndexBack(4)}}})])])])])],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=\"/military\">\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"民用\"\r\n                     name=\"/civil\">\r\n        </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: '/military' }\">项目案例</el-breadcrumb-item>\r\n          <el-breadcrumb-item v-if=\"value==='/military'\">军用</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<!-- 军用 -->\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=\"features\">\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=\"example-scenario\">\r\n          <div class=\"title\">场景实例</div>\r\n          <div class=\"bottom\">\r\n            <div class=\"left\">\r\n              <!-- 实例图片 -->\r\n              <img :src=\"img1\"\r\n                   alt=\"\">\r\n              <!-- 文字 -->\r\n              <p>{{names}}</p>\r\n            </div>\r\n            <div class=\"right\">\r\n              <img :src=\"img2\"\r\n                   alt=\"\" @mouseover=\"changeIndex(1)\"  @mouseout=\"changeIndexBack(1)\">\r\n              <img :src=\"img3\"\r\n                   alt=\"\" @mouseover=\"changeIndex(2)\"  @mouseout=\"changeIndexBack(2)\">\r\n              <img :src=\"img4\"\r\n                   alt=\"\" @mouseover=\"changeIndex(3)\"  @mouseout=\"changeIndexBack(3)\">\r\n              <img :src=\"img5\"\r\n                   alt=\"\" @mouseover=\"changeIndex(4)\"  @mouseout=\"changeIndexBack(4)\">\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      //   详情页面的数据\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        names: { name1: '', name2: '', name3: '', name4: '', name5: '' }\r\n      },\r\n      //  场景实例图片  5张\r\n      img1: '',\r\n      img2: '',\r\n      img3: '',\r\n      img4: '',\r\n      img5: '',\r\n      // 图片显示的文字\r\n      names: '',\r\n      value: '/military'\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][1]\r\n      this.img1 = this.softwareData.exampleScenario.imgUrl1\r\n      this.img2 = this.softwareData.exampleScenario.imgUrl2\r\n      this.img3 = this.softwareData.exampleScenario.imgUrl3\r\n      this.img4 = this.softwareData.exampleScenario.imgUrl4\r\n      this.img5 = this.softwareData.exampleScenario.imgUrl5\r\n      this.names = this.softwareData.names.name1\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    // 场景实例图片变化  鼠标移入\r\n    changeIndex (index) {\r\n      switch (index) {\r\n        case 1:\r\n          this.img1 = this.img2\r\n          this.names = this.softwareData.names.name2\r\n          break\r\n        case 2:\r\n          this.img1 = this.img3\r\n          this.names = this.softwareData.names.name3\r\n          break\r\n        case 3:\r\n          this.img1 = this.img4\r\n          this.names = this.softwareData.names.name4\r\n          break\r\n        case 4:\r\n          this.img1 = this.img5\r\n          this.names = this.softwareData.names.name5\r\n          break\r\n      }\r\n    },\r\n    // 场景实例图片变化  鼠标移出\r\n    changeIndexBack (index) {\r\n      switch (index) {\r\n        case 1:\r\n          this.img1 = this.softwareData.exampleScenario.imgUrl1\r\n          this.names = this.softwareData.names.name1\r\n          break\r\n        case 2:\r\n          this.img1 = this.softwareData.exampleScenario.imgUrl1\r\n          this.names = this.softwareData.names.name1\r\n          break\r\n        case 3:\r\n          this.img1 = this.softwareData.exampleScenario.imgUrl1\r\n          this.names = this.softwareData.names.name1\r\n          break\r\n        case 4:\r\n          this.img1 = this.softwareData.exampleScenario.imgUrl1\r\n          this.names = this.softwareData.names.name1\r\n          break\r\n      }\r\n    },\r\n    // 返回tab页\r\n    goBack () { this.$router.push('/military') },\r\n    //   tab页的点击事件\r\n    handleTabsClick (tab) {\r\n      this.$router.push(tab.name)\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      }\r\n      img {\r\n        display: inline-block;\r\n        height: 100%;\r\n        max-width: 100%;\r\n        // width: 150px;\r\n        // height: 200px;\r\n      }\r\n      p {\r\n        font-size: 14px;\r\n        margin: 5px 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    // width: 570px;\r\n    // height: 400px;\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          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        }\r\n        .describe {\r\n          width: 240px;\r\n          margin: 0;\r\n          font-size: 14px;\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: 120px;\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        }\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          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        position: relative;\r\n        text-align: center;\r\n        img {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n        p{\r\n          width: 100%;\r\n          height: 40px;\r\n          font-size: 14px;\r\n          color: #fff;\r\n          position: absolute;\r\n          background-color: #318bec;\r\n          line-height: 40px;\r\n          // display:inline-block;\r\n          bottom: 0;\r\n          margin: 0;\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!./mili_1.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!./mili_1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mili_1.vue?vue&type=template&id=6110118c&scoped=true&\"\nimport script from \"./mili_1.vue?vue&type=script&lang=js&\"\nexport * from \"./mili_1.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mili_1.vue?vue&type=style&index=0&id=6110118c&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  \"6110118c\",\n  null\n  \n)\n\nexport default component.exports","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","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!./mili_1.vue?vue&type=style&index=0&id=6110118c&lang=scss&scoped=true&\""],"sourceRoot":""}