{"version":3,"sources":["webpack:///./src/modules/dynamic/components/block/pictureAndArticle.vue?2efe","webpack:///src/modules/dynamic/components/block/pictureAndArticle.vue","webpack:///./src/modules/dynamic/components/block/pictureAndArticle.vue?c86c","webpack:///./src/modules/dynamic/components/block/pictureAndArticle.vue?90f6","webpack:///./src/modules/dynamic/components/block/pictureAndArticle.vue?18fb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","_v","_s","receiveProps","articleContentData","articleName","staticRenderFns","name","props","computed","picAndArt","blockMargeTop","blockMargeBottom","blockBGClolor","imageStyl","imgBorder","imgBorderColor","imgShadow","imgRadius","imgBackgroundColor","mainTitle","titleColor","titleSize","titleBold","titleAlign","halfTitle","descColor","descSize","descBold","descAlign","data","methods","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkBC,MAAOP,EAAa,WAAG,CAACI,EAAG,MAAM,CAACE,YAAY,YAAYF,EAAG,MAAM,CAACE,YAAY,QAAQC,MAAOP,EAAa,WAAG,CAACA,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,aAAaC,mBAAmBC,gBAAgBR,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAOP,EAAa,WAAG,CAACA,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,aAAaC,oBAAoB,UACxaE,EAAkB,GCetB,GACEC,KAAM,oBACNC,MAAO,CACL,aAAJ,CACM,KAAN,OACM,QAAN,eAGEC,SAAU,CACRC,UADJ,WAEM,IAAN,0FACM,MAAO,CACL,mBAAoBC,EACpB,sBAAuBC,EACvB,yBAA0BC,IAQ9BC,UAdJ,WAeM,IAAN,qHACM,MAAO,CACL,uBAAwBC,EAAhC,SACQ,uBAAwBC,EACxB,qBAAsBC,EAA9B,0CACQ,wBAAyBC,EAAjC,SACQ,2BAA4BC,IAGhCC,UAxBJ,WAyBM,IAAN,2FACM,MAAO,CACL,uBAAwB,OACxB,oBAAqBC,EACrB,mBAAoBC,EACpB,qBAAsBC,EAA9B,SACQ,oBAAqBC,IAGzBC,UAlCJ,WAmCM,IAAN,uFACM,MAAO,CACL,oBAAqBC,EACrB,mBAAoBC,EACpB,qBAAsBC,EAA9B,SACQ,oBAAqBC,KAI3BC,KApDF,WAqDI,MAAO,IAITC,QAAS,ICzE6X,I,wBCQpYC,EAAY,eACd,EACAxC,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAA0B,E,kECnBf","file":"js/chunk-35da9a5d.6627f780.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"picture-article\",style:(_vm.picAndArt)},[_c('div',{staticClass:\"img-box\"}),_c('div',{staticClass:\"title\",style:(_vm.mainTitle)},[_vm._v(_vm._s(_vm.receiveProps.articleContentData.articleName))]),_c('div',{staticClass:\"inner-text\",style:(_vm.halfTitle)},[_vm._v(\" \"+_vm._s(_vm.receiveProps.articleContentData)+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"picture-article\" :style=\"picAndArt\">\n    <div class=\"img-box\">\n      <!-- <img\n        src=\"../../../../../../Desktop/11.png\"\n        :style=\"imageStyl\"\n      /> -->\n    </div>\n    <div class=\"title\" :style=\"mainTitle\">{{ receiveProps.articleContentData.articleName }}</div>\n    <div class=\"inner-text\" :style=\"halfTitle\">\n      {{receiveProps.articleContentData}}\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"pictureAndArticle\",\n  props: {\n      receiveProps:{\n          type: Object,\n          default: ()=>{}\n      }\n  },\n  computed: {\n    picAndArt() {\n        let {blockMargeTop, blockMargeBottom, blockBGClolor} = this.receiveProps.specialStyle\n      return {\n        \"--all-margin-top\": blockMargeTop,\n        \"--all-margin-bottom\": blockMargeBottom,\n        \"--all-background-color\": blockBGClolor,\n        // \"--all-margin-left\": \"20px\",\n        // \"--all-margin-right\": \"20px\",\n        // \"--all-border-width\": \"3px\",\n        // \"--all-box-shadow\": \"\",\n        // \"--all-border-radius\": \"2px\",\n      };\n    },\n    imageStyl() {\n      let {imgBackgroundColor, imgBorderColor, imgBorder, imgShadow, imgRadius} = this.receiveProps.specialStyle\n      return {\n        \"--image-border-width\": imgBorder? \"1px\": '',\n        \"--image-border-color\": imgBorderColor,\n        \"--image-box-shadow\": imgShadow? \"0px 0px 16px 0px rgba(0, 0, 0, 0.1);\": \"\",\n        \"--image-border-radius\": imgRadius?\"8px\": '',\n        \"--image-background-color\": imgBackgroundColor,\n      };\n    },\n    mainTitle() {\n      let {titleAlign, titleBold, titleColor, titleSize} = this.receiveProps.specialStyle\n      return {\n        \"--main-margin-bottom\": \"10px\",\n        \"--main-font-color\": titleColor,\n        \"--main-font-size\": titleSize,\n        \"--main-font-weight\": titleBold? \"700\":'',\n        \"--main-text-align\": titleAlign,\n      };\n    },\n    halfTitle() {\n        let {descSize, descColor, descBold, descAlign} = this.receiveProps.specialStyle\n      return {\n        \"--half-font-color\": descColor,\n        \"--half-font-size\": descSize,\n        \"--half-font-weight\": descBold? \"700\": '',\n        \"--half-text-align\": descAlign,\n      };\n    },\n  },\n  data() {\n    return {\n     };\n  },\n \n  methods: {\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.picture-article {\n  width: 1200px;\n  height: 204px;\n  margin: 0 auto;\n  position: relative;\n  margin-top: var(--all-margin-top);\n  margin-bottom: var(--all-margin-bottom);\n  background-color: var(--all-background-color);\n//   margin-left: var(--all-margin-left);\n//   margin-right: var(--all-margin-right);\n//   border-width: var(--all-border-width);\n//   border-radius: var(--all-border-radius);\n  .img-box {\n    z-index: -1;\n    width: 1200px;\n    height: 204px;\n    position: absolute;\n    img {\n      width: 100%;\n      height: 100%;\n      border-width: var(--image-border-width);\n      border-color: var(--image-border-color);\n      border-style: solid;\n      box-shadow: var(--image-box-shadow);\n      border-radius: var(--image-border-radius);\n      background-color: var(--image-background-color);\n    }\n  }\n  .title {\n    display: flex;\n    margin-bottom: var(--main-margin-bottom);\n    color: var(--main-font-color);\n    font-size: var(--main-font-size);\n    font-weight: var(--main-font-weight);\n    text-align: var(--main-text-align);\n  }\n  .inner-text {\n    display: flex;\n    color: var(--half-font-color);\n    font-size: var(--half-font-size);\n    font-weight: var(--half-font-weight);\n    text-align: var(--half-text-align);\n  }\n}\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pictureAndArticle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pictureAndArticle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pictureAndArticle.vue?vue&type=template&id=6fbf5cd0&scoped=true&\"\nimport script from \"./pictureAndArticle.vue?vue&type=script&lang=js&\"\nexport * from \"./pictureAndArticle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pictureAndArticle.vue?vue&type=style&index=0&id=6fbf5cd0&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  \"6fbf5cd0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pictureAndArticle.vue?vue&type=style&index=0&id=6fbf5cd0&lang=less&scoped=true&\""],"sourceRoot":""}