{"version":3,"sources":["webpack:///./src/components/NewsChild.vue?0c30","webpack:///./src/views/News.vue","webpack:///./src/components/NewsChild.vue","webpack:///./src/components/NewsChild.vue?e327","webpack:///./src/components/NewsChild.vue?0a11","webpack:///./src/views/News.vue?3501","webpack:///./src/views/News.vue?1bc3","webpack:///./src/views/News.vue?9980"],"names":["class","types","ty","key","type","id","name","datas","data","src","lazy","date","head","txt","props","Object","required","String","default","render","__scopeId","components","NewsChild","setup","industry","platform","value"],"mappings":"kHAAA,W,oGCCOA,MAAM,Q,EACT,eAA0B,OAArBA,MAAM,UAAQ,S,GACdA,MAAM,0B,iBAWNA,MAAM,4B,qFAbb,eAgBM,MAhBN,EAgBM,CAfJ,EACA,eAUM,MAVN,EAUM,E,mBATJ,eAQO,2BAPQ,EAAAC,MAANC,I,iBADT,eAQO,QANJC,IAAKD,EAAGE,KACTJ,MAAK,gBAAC,2BAA0B,MAEhB,EAAAI,MAAQF,EAAGG,MAD1B,QAAK,mBAAO,EAAAD,KAAOF,EAAGG,GAAE,W,eAGtBH,EAAGI,MAAI,Q,QAGd,eAEM,MAFN,EAEM,E,mBADJ,eAA0E,2BAAlC,EAAAC,MAARC,I,iBAAhC,eAA0E,GAA9DR,MAAM,OAA8BG,IAAKK,EAAOA,KAAMA,G,yFCdjER,MAAM,6C,GACJA,MAAM,uD,GAKNA,MAAM,sC,GACJA,MAAM,4B,GACHA,MAAM,Y,GACTA,MAAM,+B,GAGHA,MAAM,Y,mFAZlB,eAeM,MAfN,EAeM,CAdJ,eAIM,MAJN,EAIM,CAHJ,eAEO,kBAFP,IAEO,CADL,eAA6D,GAAnDA,MAAM,kBAAmBS,IAAK,EAAAA,IAAKC,KAAA,I,0BAGjD,eAQM,MARN,EAQM,CAPJ,eAMM,MANN,EAMM,CALJ,eAA6C,OAA7C,EAA6C,eAAnB,EAAAF,KAAKG,MAAI,GACnC,eAEI,IAFJ,EAEI,eADC,EAAAH,KAAKI,MAAI,GAEd,eAA4C,OAA5C,EAA4C,eAAlB,EAAAJ,KAAKK,KAAG,S,iBCX3B,qBAAgB,CAC7BC,MAAO,CACLN,KAAM,CACJJ,KAAMW,OACNC,UAAU,GAEZP,IAAK,CACHL,KAAMa,OACNC,QAAS,O,UCLf,EAAOC,OAAS,EAChB,EAAOC,UAAY,kBAEJ,QCJA,iBAAgB,CAC7BC,WAAY,CAAEC,UAAS,GACvBhB,KAAM,OACNiB,MAAA,WACE,IAAMtB,EAAQ,CACZ,CAAEK,KAAM,OAAQD,GAAI,YACpB,CAAEC,KAAM,OAAQD,GAAI,aAEhBD,EAAO,eAAI,YACXG,EAAQ,gBAAS,WACrB,IAAMiB,EAAW,CACf,CACEZ,KAAM,OACNC,IAAK,aACLF,KAAM,aAER,CACEC,KAAM,OACNC,IAAK,aACLF,KAAM,aAER,CACEC,KAAM,OACNC,IAAK,aACLF,KAAM,aAER,CACEC,KAAM,OACNC,IAAK,aACLF,KAAM,aAER,CACEC,KAAM,OACNC,IAAK,aACLF,KAAM,cAGJc,EAAkB,GACxB,MAAqB,YAAdrB,EAAKsB,MAAsBF,EAAWC,KAE/C,MAAO,CACLrB,KAAI,EACJH,MAAK,EACLM,MAAK,M,UC1CX,EAAOY,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,gFCRf","file":"js/chunk-968af070.35acea3c.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./NewsChild.vue?vue&type=style&index=0&id=36e889ad&lang=scss&scoped=true\"","<template>\r\n  <div class=\"news\">\r\n    <div class=\"page-1\"></div>\r\n    <div class=\"news-type pag flex-row\">\r\n      <span\r\n        v-for=\"ty in types\"\r\n        :key=\"ty.type\"\r\n        class=\"flex-row flex-center cur\"\r\n        @click.stop=\"type = ty.id\"\r\n        :class=\"{ type: type == ty.id }\"\r\n      >\r\n        {{ ty.name }}\r\n      </span>\r\n    </div>\r\n    <div class=\"page-3 pag flex-col py-2\">\r\n      <news-child class=\"my-3\" v-for=\"data in datas\" :key=\"data\" :data=\"data\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport NewsChild from \"@/components/NewsChild.vue\";\r\nimport { computed, defineComponent, ref } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  components: { NewsChild },\r\n  name: \"News\",\r\n  setup() {\r\n    const types = [\r\n      { name: \"行业动态\", id: \"industry\" },\r\n      { name: \"平台动态\", id: \"platform\" },\r\n    ];\r\n    const type = ref(\"industry\");\r\n    const datas = computed(() => {\r\n      const industry = [\r\n        {\r\n          head: \"大标题1\",\r\n          txt: \"文本文本文本文本文本\",\r\n          date: \"2021-8-12\",\r\n        },\r\n        {\r\n          head: \"大标题2\",\r\n          txt: \"文本文本文本文本文本\",\r\n          date: \"2021-8-12\",\r\n        },\r\n        {\r\n          head: \"大标题3\",\r\n          txt: \"文本文本文本文本文本\",\r\n          date: \"2021-8-12\",\r\n        },\r\n        {\r\n          head: \"大标题4\",\r\n          txt: \"文本文本文本文本文本\",\r\n          date: \"2021-8-12\",\r\n        },\r\n        {\r\n          head: \"大标题5\",\r\n          txt: \"文本文本文本文本文本\",\r\n          date: \"2021-8-12\",\r\n        },\r\n      ];\r\n      const platform: any[] = [];\r\n      return type.value == \"industry\" ? industry : platform;\r\n    });\r\n    return {\r\n      type,\r\n      types,\r\n      datas,\r\n    };\r\n  },\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.news {\r\n  width: 100%; ///;\r\n  font-family: PingFangSC-Semibold, PingFang SC;\r\n  .page-1 {\r\n    width: 100%; ///;\r\n    height: 20.833vw;\r\n    background: linear-gradient(\r\n      176deg,\r\n      rgba(77, 120, 231, 0) 0%,\r\n      rgba(36, 63, 131, 0.1) 46%,\r\n      rgba(36, 63, 131, 0.1) 46%,\r\n      #051c50 75%,\r\n      #001034 100%\r\n    );\r\n    background-image: url(~@/assets/image/page1.png);\r\n    background-size: 100% auto;\r\n    background-position: center;\r\n  }\r\n  .pag {\r\n    padding: 0 13.802vw;\r\n    background: #f8f8f8;\r\n  }\r\n  .news-type {\r\n    font-size: 1.667vw;\r\n    font-weight: 600;\r\n    color: #0a193e;\r\n    background: #f8f8f8;\r\n    height: 5.208vw;\r\n    box-shadow: 0vw 0.521vw 1.563vw 0vw rgba(171, 204, 226, 0.3);\r\n    span {\r\n      height: 5vw;\r\n      &.type {\r\n        border-bottom: 0.2vw solid #5ca4f1;\r\n        transform: scale(1);\r\n      }\r\n      margin: 0 0.5vw 0 0;\r\n      transform: scale(0.7);\r\n    }\r\n  }\r\n  .page-3 {\r\n    height: 60vh;\r\n    overflow-y: auto;\r\n    margin: 0.5vw 0;\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <div class=\"flex-row news-child over-hidd flex-shrink\">\r\n    <div class=\"news-child-img flex-shrink p-r flex-col flex-center\">\r\n      <slot name=\"src\">\r\n        <el-image class=\"w-100 h-100 p-a\" :src=\"src\" lazy></el-image>\r\n      </slot>\r\n    </div>\r\n    <div class=\"flex-col p-r news-child-text w-100\">\r\n      <div class=\"p-a w-100 h-100 flex-col\">\r\n        <span class=\"date-box\">{{ data.date }}</span>\r\n        <p class=\"flex-row head-box over-hidd\">\r\n          {{ data.head }}\r\n        </p>\r\n        <span class=\"text-box\">{{ data.txt }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\nexport default defineComponent({\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    src: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.news-child {\r\n  padding: 1vw 1.25vw;\r\n  background-color: #fff;\r\n  border-radius: 0.8vw;\r\n  z-index: 0;\r\n  .news-child-img {\r\n    height: 9.375vw;\r\n    width: 16.667vw;\r\n    // background-color: #999;\r\n    border-radius: 0.417vw;\r\n    border: 1px solid rgba(211, 211, 211, 0.4);\r\n    // background-size: 100% 100%;\r\n  }\r\n  .news-child-text {\r\n    margin-left: 0.75vw;\r\n    .head-box {\r\n      height: 1.719vw;\r\n      font-size: 1.25vw;\r\n      font-weight: 600;\r\n      color: #0a193e;\r\n      line-height: 1.719vw;\r\n      margin: 0.417vw 0 0;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      display: -webkit-box;\r\n      display: -moz-box;\r\n      -webkit-box-orient: vertical;\r\n      -webkit-line-clamp: 1;\r\n    }\r\n    .text-box {\r\n      margin-top: 1.25vw;\r\n      height: 3.35vw;\r\n      font-size: 0.833vw;\r\n      font-weight: 400;\r\n      color: #0a193e;\r\n      line-height: 1.146vw;\r\n      display: -webkit-box;\r\n      display: -moz-box;\r\n      -webkit-box-orient: vertical;\r\n      -webkit-line-clamp: 3;\r\n      overflow: hidden;\r\n    }\r\n    .date-box {\r\n      width: 100%;\r\n      text-align: right;\r\n      font-size: 0.5vw;\r\n      color: rgba(56, 55, 55, 0.5);\r\n    }\r\n  }\r\n}\r\n</style>\r\n","\r\nimport { defineComponent } from \"vue\";\r\nexport default defineComponent({\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    src: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n});\r\n","import { render } from \"./NewsChild.vue?vue&type=template&id=36e889ad&scoped=true\"\nimport script from \"./NewsChild.vue?vue&type=script&lang=ts\"\nexport * from \"./NewsChild.vue?vue&type=script&lang=ts\"\n\nimport \"./NewsChild.vue?vue&type=style&index=0&id=36e889ad&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-36e889ad\"\n\nexport default script","\r\nimport NewsChild from \"@/components/NewsChild.vue\";\r\nimport { computed, defineComponent, ref } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  components: { NewsChild },\r\n  name: \"News\",\r\n  setup() {\r\n    const types = [\r\n      { name: \"行业动态\", id: \"industry\" },\r\n      { name: \"平台动态\", id: \"platform\" },\r\n    ];\r\n    const type = ref(\"industry\");\r\n    const datas = computed(() => {\r\n      const industry = [\r\n        {\r\n          head: \"大标题1\",\r\n          txt: \"文本文本文本文本文本\",\r\n          date: \"2021-8-12\",\r\n        },\r\n        {\r\n          head: \"大标题2\",\r\n          txt: \"文本文本文本文本文本\",\r\n          date: \"2021-8-12\",\r\n        },\r\n        {\r\n          head: \"大标题3\",\r\n          txt: \"文本文本文本文本文本\",\r\n          date: \"2021-8-12\",\r\n        },\r\n        {\r\n          head: \"大标题4\",\r\n          txt: \"文本文本文本文本文本\",\r\n          date: \"2021-8-12\",\r\n        },\r\n        {\r\n          head: \"大标题5\",\r\n          txt: \"文本文本文本文本文本\",\r\n          date: \"2021-8-12\",\r\n        },\r\n      ];\r\n      const platform: any[] = [];\r\n      return type.value == \"industry\" ? industry : platform;\r\n    });\r\n    return {\r\n      type,\r\n      types,\r\n      datas,\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./News.vue?vue&type=template&id=777fa324&scoped=true\"\nimport script from \"./News.vue?vue&type=script&lang=ts\"\nexport * from \"./News.vue?vue&type=script&lang=ts\"\n\nimport \"./News.vue?vue&type=style&index=0&id=777fa324&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-777fa324\"\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./News.vue?vue&type=style&index=0&id=777fa324&lang=scss&scoped=true\""],"sourceRoot":""}