{"version":3,"sources":["webpack:///./src/components/widget/WidgetArticleCard.vue?a35b","webpack:///src/components/widget/WidgetArticleCard.vue","webpack:///./src/components/widget/WidgetArticleCard.vue?027a","webpack:///./src/components/widget/WidgetArticleCard.vue?5aa6","webpack:///./src/components/article/ArticleNormalCard.vue?2d03","webpack:///./src/components/article/ArticleItem.vue?eda0","webpack:///./src/components/article/ArticleItem.vue?887d","webpack:///src/components/article/ArticleItem.vue","webpack:///./src/components/article/ArticleItem.vue?a9c3","webpack:///./src/components/article/ArticleItem.vue?8557","webpack:///./src/components/article/ArticleLineCard.vue?ec40","webpack:///src/components/article/ArticleLineCard.vue","webpack:///./src/components/article/ArticleLineCard.vue?108a","webpack:///./src/components/article/ArticleLineCard.vue?c3bc","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","webpack:///./src/components/article/ArticleNormalCard.vue?eb3e","webpack:///src/components/article/ArticleNormalCard.vue","webpack:///./src/components/article/ArticleNormalCard.vue?c751","webpack:///./src/components/article/ArticleNormalCard.vue?f09f","webpack:///./src/components/article/ArticleLineCard.vue?184c","webpack:///./src/components/widget/WidgetArticleCard.vue?4df8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","articleInfo","_e","staticRenderFns","components","ArticleItem","props","data","type","Object","default","created","getArticleInfo","methods","component","name","params","id","item","linkTarget","view","tag","size","theme","ArticleNormalCard","ArticleLineCard","ArticleSimpleCard","validator","includes","value","computed","directives","rawName","expression","_v","_s","title","description","author","_f","release_time","class","internal","isInternal","authority"],"mappings":"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","file":"js/c-widget-WidgetArticleCard.bf4bfeee.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.articleInfo)?_c('div',{staticClass:\"widget-article-card-wrapper\"},[_c('ArticleItem',{attrs:{\"item\":_vm.articleInfo,\"link-target\":\"_blank\"}})],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"articleInfo\" class=\"widget-article-card-wrapper\">\n    <ArticleItem :item=\"articleInfo\" link-target=\"_blank\"></ArticleItem>\n  </div>\n</template>\n\n<script>\nimport ArticleItem from '@/components/article/ArticleItem'\nimport { THIRD_API } from '@/global/config'\n\nexport default {\n  components: {\n    ArticleItem\n  },\n  props: {\n    data: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  data() {\n    return {\n      articleInfo: null\n    }\n  },\n  created() {\n    this.getArticleInfo()\n  },\n  methods: {\n    async getArticleInfo() {\n      const {\n        source: { id = '', alias }\n      } = this.data\n      if (!id) {\n        return\n      }\n      const { data = [] } = await this.$http.get(\n        THIRD_API.alkArticleDetail.link,\n        {\n          params: { id }\n        }\n      )\n      if (alias) {\n        data.title = alias\n      }\n      this.articleInfo = data\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.widget-article-card-wrapper {\n  width: 278px;\n  margin: 30px auto 0;\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!./WidgetArticleCard.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!./WidgetArticleCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WidgetArticleCard.vue?vue&type=template&id=4e853ce1&scoped=true&\"\nimport script from \"./WidgetArticleCard.vue?vue&type=script&lang=js&\"\nexport * from \"./WidgetArticleCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WidgetArticleCard.vue?vue&type=style&index=0&id=4e853ce1&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  \"4e853ce1\",\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!./ArticleNormalCard.vue?vue&type=style&index=0&id=dfe1a92c&lang=scss&scoped=true&\"","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!./ArticleItem.vue?vue&type=style&index=0&id=0113cdce&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('router-link',{staticClass:\"article-item-component\",attrs:{\"to\":{ name: 'article_view', params: { id: _vm.item.id } },\"target\":_vm.linkTarget}},[_c(_vm.view,{tag:\"component\",attrs:{\"item\":_vm.item,\"size\":_vm.size,\"theme\":_vm.theme}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <router-link\n    :to=\"{ name: 'article_view', params: { id: item.id } }\"\n    :target=\"linkTarget\"\n    class=\"article-item-component\"\n  >\n    <component :is=\"view\" :item=\"item\" :size=\"size\" :theme=\"theme\"></component>\n  </router-link>\n</template>\n\n<script>\nimport ArticleNormalCard from './ArticleNormalCard'\nimport ArticleSimpleCard from './ArticleSimpleCard'\nimport ArticleLineCard from './ArticleLineCard'\n\nexport default {\n  components: {\n    ArticleNormalCard,\n    ArticleLineCard,\n    ArticleSimpleCard\n  },\n  props: {\n    type: {\n      validator(value) {\n        /**\n         * 展示类型：\n         * simple-card：左右布局，使用位置：首页中的最新资讯\n         * line-card：左右布局，展示desc，使用位置：案例榜单列表\n         * normal-card: 上下布局，使用位置：行业资讯列表，推荐...\n         */\n        return ['simple-card', 'line-card', 'normal-card'].includes(value)\n      },\n      default: 'normal-card'\n    },\n    item: {\n      type: Object,\n      default: () => ({})\n    },\n    size: {\n      validator(value) {\n        return ['small', 'normal'].includes(value)\n      },\n      default: 'normal'\n    },\n    theme: { type: String, default: 'normal' },\n    // 是否需要在新tab页打开\n    linkTarget: { type: String, default: '_seft' }\n  },\n  computed: {\n    view() {\n      return `article-${this.type}`\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.article-item-component {\n  color: $text-color-default;\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!./ArticleItem.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!./ArticleItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticleItem.vue?vue&type=template&id=0113cdce&scoped=true&\"\nimport script from \"./ArticleItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticleItem.vue?vue&type=style&index=0&id=0113cdce&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  \"0113cdce\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"article-line-card-component app-flex-row\"},[_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 font-14\"},[_c('div',{staticClass:\"app-flex-column\"},[_c('span',{staticClass:\"title font-18\"},[_vm._v(_vm._s(_vm.item.title))]),_c('p',{staticClass:\"desc font-color-desc\"},[_vm._v(\" \"+_vm._s(_vm.item.description)+\" \")])]),_c('div',{staticClass:\"bottom-info app-flex-row-space-between\"},[_c('span',{staticClass:\"author\"},[_vm._v(\"作者：\"+_vm._s(_vm.item.author))]),_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(_vm._f(\"relativeTimeFormat\")(_vm.item.release_time,'M月D日')))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"article-line-card-component app-flex-row\">\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 font-14\">\n      <div class=\"app-flex-column\">\n        <span class=\"title font-18\">{{ item.title }}</span>\n        <p class=\"desc font-color-desc\">\n          {{ item.description }}\n        </p>\n      </div>\n      <div class=\"bottom-info app-flex-row-space-between\">\n        <span class=\"author\">作者：{{ item.author }}</span>\n        <span class=\"time\">{{\n          item.release_time | relativeTimeFormat('M月D日')\n        }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    item: {\n      type: Object,\n      default: () => ({})\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n/** \n normal\n 宽：856px 高：128px \n image: 宽，高：128px\n*/\n.article-line-card-component {\n  width: 100%;\n  height: 128px;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n  margin-bottom: 32px;\n  .image-wrapper {\n    width: 128px;\n    height: 128px;\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: 16px 44px 16px 32px;\n    background-color: $neutral-color-1;\n    height: 100%;\n    overflow: hidden;\n    .title,\n    .desc {\n      width: 100%;\n      @include text-ellipsis;\n    }\n    .title {\n      font-weight: bold;\n      margin-bottom: 12px;\n    }\n  }\n  &: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}\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!./ArticleLineCard.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!./ArticleLineCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticleLineCard.vue?vue&type=template&id=c66dab86&scoped=true&\"\nimport script from \"./ArticleLineCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleLineCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticleLineCard.vue?vue&type=style&index=0&id=c66dab86&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  \"c66dab86\",\n  null\n  \n)\n\nexport default component.exports","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&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"article-normal-card-component transition-wrapper\",class:_vm.size},[_c('div',{staticClass:\"image-wrapper top\"},[_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 bottom app-flex-column\"},[_c('span',{staticClass:\"author\",class:_vm.size === 'normal' ? 'font-14' : 'font-12'},[_vm._v(\" 作者：\"+_vm._s(_vm.item.author)+\" \")]),_c('span',{staticClass:\"title\",class:[\n        _vm.size === 'normal' ? 'font-18' : 'font-14',\n        { internal: _vm.isInternal }\n      ]},[(_vm.isInternal)?_c('i',{staticClass:\"internal-icon font-12 app-flex-row-center\"},[_vm._v(\" 对内 \")]):_vm._e(),_c('p',[_vm._v(_vm._s(_vm.item.title))])]),(_vm.size === 'normal')?_c('span',{staticClass:\"desc font-14\"},[_vm._v(\" \"+_vm._s(_vm.item.description)+\" \")]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"article-normal-card-component transition-wrapper\" :class=\"size\">\n    <div class=\"image-wrapper top\">\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 bottom app-flex-column\">\n      <span class=\"author\" :class=\"size === 'normal' ? 'font-14' : 'font-12'\">\n        作者：{{ item.author }}\n      </span>\n      <span\n        class=\"title\"\n        :class=\"[\n          size === 'normal' ? 'font-18' : 'font-14',\n          { internal: isInternal }\n        ]\"\n      >\n        <i v-if=\"isInternal\" class=\"internal-icon font-12 app-flex-row-center\">\n          对内\n        </i>\n        <p>{{ item.title }}</p>\n      </span>\n      <span v-if=\"size === 'normal'\" class=\"desc font-14\">\n        {{ item.description }}\n      </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：278px height：197px+140px = 337px\n       * info: padding: 14px 24px 40px 24px\n       * author: font-size:14px; margin-bottom:12px\n       * title: font-size:18px\n       * desc: font-size:14px\n       * small:\n       * width：196px height：139px+108px = 247px\n       * info: padding: 12px 12px 24px 12px\n       * author: font-size:12px; margin-bottom:8px\n       * title: font-size:14px\n       * desc: 不显示\n       */\n      validator(value) {\n        return ['small', 'normal'].includes(value)\n      },\n      default: 'normal'\n    }\n  },\n  computed: {\n    isInternal() {\n      return this.item.authority == '1'\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.article-normal-card-component {\n  @include transitionCard;\n\n  cursor: pointer;\n  .image-wrapper {\n    width: 100%;\n\n    .thumbnail {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      object-fit: cover;\n    }\n  }\n  .info {\n    height: 140px;\n    .title {\n      @include text-over-flow;\n      // margin: 12px 0 14px;\n      word-break: break-word;\n      &.internal {\n        position: relative;\n        .internal-icon {\n          color: $white;\n          background-color: $base-color-3;\n          height: 18px;\n          width: 40px;\n          position: absolute;\n          left: 0;\n          top: 4px;\n          text-indent: 0;\n          border-radius: 18px;\n        }\n        & > p {\n          text-indent: 50px;\n        }\n      }\n    }\n    .desc {\n      @include text-over-flow(3);\n      word-break: break-all;\n      height: 0;\n    }\n  }\n\n  &.normal {\n    /** 宽：278px 高：197px */\n    width: 278px;\n    margin-bottom: 30px;\n    .image-wrapper {\n      height: 197px;\n      .thumbnail {\n        width: 278px;\n        height: 197px;\n      }\n    }\n    .info {\n      padding: 14px 24px 0;\n      .author {\n        margin-bottom: 12px;\n      }\n    }\n    &:hover {\n      /**\n    图片增加15%黑色遮罩，图片上移32px，图片区域减少76px高\n    文字增加76px高度，底色色值#ffffff\n     */\n      .image-wrapper {\n        height: 121px;\n        .thumbnail {\n          margin-top: -32px;\n        }\n      }\n      .info {\n        height: 216px;\n        .desc {\n          height: auto;\n          padding-top: 14px;\n          color: $text-color-desc;\n        }\n        .author {\n          margin-bottom: 14px;\n        }\n      }\n    }\n  }\n\n  &.small {\n    /** 宽：196px 高：247px */\n    width: 196px;\n    margin-bottom: 24px;\n    .image-wrapper {\n      width: 196px;\n      height: 139px;\n      .thumbnail {\n        width: 196px;\n        height: 139px;\n        transition: transform 0.3s;\n      }\n    }\n    .info {\n      height: 108px;\n      padding: 12px 12px 24px 12px;\n      .author {\n        margin-bottom: 8px;\n      }\n    }\n    &:hover {\n      /** 图片扩大1.05倍 */\n      .image-wrapper .thumbnail {\n        transform: scale(1.05) translate(-50%, -50%);\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!./ArticleNormalCard.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!./ArticleNormalCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticleNormalCard.vue?vue&type=template&id=dfe1a92c&scoped=true&\"\nimport script from \"./ArticleNormalCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleNormalCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticleNormalCard.vue?vue&type=style&index=0&id=dfe1a92c&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  \"dfe1a92c\",\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!./ArticleLineCard.vue?vue&type=style&index=0&id=c66dab86&lang=scss&scoped=true&\"","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!./WidgetArticleCard.vue?vue&type=style&index=0&id=4e853ce1&lang=scss&scoped=true&\""],"sourceRoot":""}