{"version":3,"sources":["webpack:///./src/components/article/ArticleSimpleCard.vue?952d","webpack:///src/components/article/ArticleSimpleCard.vue","webpack:///./src/components/article/ArticleSimpleCard.vue?6c54","webpack:///./src/components/article/ArticleSimpleCard.vue?a333","webpack:///./src/components/article/ArticleSimpleCard.vue?b572"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","size","theme","directives","name","rawName","value","item","expression","attrs","_v","_s","title","author","staticRenderFns","props","type","Object","default","validator","includes","component"],"mappings":"6JAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,6CAA6CC,MAAM,CAAE,QAAUP,EAAIQ,KAAQ,SAAWR,EAAIS,QAAS,CAACL,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACM,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOb,EAAIc,KAAc,UAAEC,WAAW,mBAAmBT,YAAY,YAAYU,MAAM,CAAC,IAAO,QAAWhB,EAAIc,KAAU,MAAG,MAAS,QAAWd,EAAIc,KAAU,WAAQV,EAAG,MAAM,CAACE,YAAY,oDAAoD,CAACF,EAAG,OAAO,CAACE,YAAY,QAAQC,MAAmB,UAAbP,EAAIQ,KAAmB,UAAY,WAAW,CAACR,EAAIiB,GAAG,IAAIjB,EAAIkB,GAAGlB,EAAIc,KAAKK,OAAO,OAAOf,EAAG,OAAO,CAACE,YAAY,kBAAkB,CAACN,EAAIiB,GAAG,MAAMjB,EAAIkB,GAAGlB,EAAIc,KAAKM,gBACtuBC,EAAkB,GCsBtB,G,UAAA,CACEC,MAAO,CACLR,KAAM,CACJS,KAAMC,OACNC,QAAS,WAAf,WAEIjB,KAAM,CAeJkB,UAfN,SAeA,GACQ,MAAO,CAAC,QAAS,UAAUC,SAASd,IAEtCY,QAAS,UAEXhB,MAAO,CACLiB,UADN,SACA,GACQ,MAAO,CAAC,QAAS,UAAUC,SAASd,IAEtCY,QAAS,aCrD2V,I,wBCQtWG,EAAY,eACd,EACA7B,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,2CCnBf","file":"js/c-article-ArticleSimpleCard.332522f8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"article-simple-card-component app-flex-row\",class:[(\"size-\" + _vm.size), (\"theme-\" + _vm.theme)]},[_c('div',{staticClass:\"image-wrapper\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.item.thumbnail),expression:\"item.thumbnail\"}],staticClass:\"thumbnail\",attrs:{\"alt\":(\"微博营销 \" + (_vm.item.title)),\"title\":(\"微博营销 \" + (_vm.item.title))}})]),_c('div',{staticClass:\"info app-flex-rest app-flex-column-space-between\"},[_c('span',{staticClass:\"title\",class:_vm.size === 'small' ? 'font-16' : 'font-18'},[_vm._v(\" \"+_vm._s(_vm.item.title)+\" \")]),_c('span',{staticClass:\"author font-14\"},[_vm._v(\"作者：\"+_vm._s(_vm.item.author))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"article-simple-card-component app-flex-row\"\n    :class=\"[`size-${size}`, `theme-${theme}`]\"\n  >\n    <div class=\"image-wrapper\">\n      <img\n        v-lazy=\"item.thumbnail\"\n        class=\"thumbnail\"\n        :alt=\"`微博营销 ${item.title}`\"\n        :title=\"`微博营销 ${item.title}`\"\n      />\n    </div>\n    <div class=\"info app-flex-rest app-flex-column-space-between\">\n      <span class=\"title\" :class=\"size === 'small' ? 'font-16' : 'font-18'\">\n        {{ item.title }}\n      </span>\n      <span class=\"author font-14\">作者：{{ item.author }}</span>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    item: {\n      type: Object,\n      default: () => ({})\n    },\n    size: {\n      /**\n       * 大小：\n       * normal：\n       * width：379px height：168px\n       * info:  padding: 24px 20px 24px;\n       * author: font-size:14px; margin-bottom:12px\n       * title: font-size:18px\n\n       * small:\n       * width：215px height:128px\n       * info: padding: 8px 16px;\n       * author: font-size:14px;\n       * title: font-size:16px\n       */\n      validator(value) {\n        return ['small', 'normal'].includes(value)\n      },\n      default: 'normal'\n    },\n    theme: {\n      validator(value) {\n        return ['light', 'normal'].includes(value)\n      },\n      default: 'normal'\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n/** 宽：379px 高：168px */\n.article-simple-card-component {\n  width: 379px;\n  height: 168px;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n  margin-bottom: 24px;\n  .image-wrapper {\n    width: 168px;\n    height: 168px;\n    overflow: hidden;\n    .thumbnail {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.3s;\n    }\n  }\n\n  .info {\n    border: 1px solid $neutral-color-3;\n    border-left: none;\n    padding: 24px 20px 24px;\n    background-color: $neutral-color-1;\n    height: 100%;\n    .title {\n      @include text-over-flow(3);\n      margin-bottom: 20px;\n      word-break: break-all;\n      font-weight: bold;\n    }\n  }\n\n  &.size-small {\n    width: 343px;\n    height: 128px;\n    .image-wrapper {\n      width: 128px;\n      height: 128px;\n    }\n    .info {\n      border: none;\n      padding: 8px 16px;\n      background-color: $white;\n      .title {\n        margin-bottom: 0;\n      }\n    }\n  }\n  &.theme-normal:hover {\n    /**\n    图片整体放大5%,底色色值#ffffff\n     */\n    .image-wrapper .thumbnail {\n      transform: scale(1.05);\n    }\n    .info {\n      background-color: $white;\n    }\n  }\n  &.theme-light:hover {\n    .info {\n      background-color: $neutral-color-1;\n      .title {\n        color: $base-color-1;\n      }\n    }\n  }\n}\n</style>\n","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!./ArticleSimpleCard.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!./ArticleSimpleCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticleSimpleCard.vue?vue&type=template&id=41968b30&scoped=true&\"\nimport script from \"./ArticleSimpleCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleSimpleCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticleSimpleCard.vue?vue&type=style&index=0&id=41968b30&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  \"41968b30\",\n  null\n  \n)\n\nexport default component.exports","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/lib/loaders/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/lib/index.js??vue-loader-options!./ArticleSimpleCard.vue?vue&type=style&index=0&id=41968b30&lang=scss&scoped=true&\""],"sourceRoot":""}