{"version":3,"sources":["webpack:///./src/components/article/ArticleNormalCard.vue?2d03","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"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","size","directives","name","rawName","value","item","expression","attrs","_v","_s","author","internal","isInternal","_e","title","description","staticRenderFns","props","type","Object","default","validator","includes","computed","authority","component"],"mappings":"+HAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mDAAmDC,MAAMP,EAAIQ,MAAM,CAACJ,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACK,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOZ,EAAIa,KAAc,UAAEC,WAAW,mBAAmBR,YAAY,YAAYS,MAAM,CAAC,IAAO,QAAWf,EAAIa,KAAU,MAAG,MAAS,QAAWb,EAAIa,KAAU,WAAQT,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,OAAO,CAACE,YAAY,SAASC,MAAmB,WAAbP,EAAIQ,KAAoB,UAAY,WAAW,CAACR,EAAIgB,GAAG,OAAOhB,EAAIiB,GAAGjB,EAAIa,KAAKK,QAAQ,OAAOd,EAAG,OAAO,CAACE,YAAY,QAAQC,MAAM,CACxoB,WAAbP,EAAIQ,KAAoB,UAAY,UACpC,CAAEW,SAAUnB,EAAIoB,cACf,CAAEpB,EAAc,WAAEI,EAAG,IAAI,CAACE,YAAY,6CAA6C,CAACN,EAAIgB,GAAG,UAAUhB,EAAIqB,KAAKjB,EAAG,IAAI,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIa,KAAKS,YAA0B,WAAbtB,EAAIQ,KAAmBJ,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACN,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAIa,KAAKU,aAAa,OAAOvB,EAAIqB,UACjRG,EAAkB,GC8BtB,G,UAAA,CACEC,MAAO,CACLZ,KAAM,CACJa,KAAMC,OACNC,QAAS,WAAf,WAEIpB,KAAM,CAgBJqB,UAhBN,SAgBA,GACQ,MAAO,CAAC,QAAS,UAAUC,SAASlB,IAEtCgB,QAAS,WAGbG,SAAU,CACRX,WADJ,WAEM,MAA8B,KAAvBnB,KAAKY,KAAKmB,cChEmV,I,wBCQtWC,EAAY,eACd,EACAlC,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAS,E","file":"js/c-article-ArticleNormalCard.5f732993.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/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&\"","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"],"sourceRoot":""}