{"version":3,"sources":["webpack:///./src/components/senior/SeniorCaseItem.vue?35aa","webpack:///src/components/senior/SeniorCaseItem.vue","webpack:///./src/components/senior/SeniorCaseItem.vue?2bdc","webpack:///./src/components/senior/SeniorCaseItem.vue?c4c6","webpack:///./src/components/widget/WidgetCaseList.vue?c1ef","webpack:///src/components/widget/WidgetCaseList.vue","webpack:///./src/components/widget/WidgetCaseList.vue?22e6","webpack:///./src/components/widget/WidgetCaseList.vue?1872","webpack:///./src/components/widget/WidgetCaseList.vue?ae08","webpack:///./src/components/senior/SeniorCaseItem.vue?11b7"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","type","size","attrs","item","directives","name","rawName","value","expression","_t","style","borderColor","_v","_s","activity_name","thumbnail","_e","brand","noFileTypes","file_type","length","_f","noBadge","isaward","isNew","istop","staticRenderFns","props","Object","required","validator","includes","default","String","Boolean","computed","component","data","key","swiperOptions","_l","id","slot","indexOf","components","swiper","swiperSlide","SeniorCaseItem","caseList","itemMap","freeMode","spaceBetween","slidesPerView","slidesOffsetBefore","slidesOffsetAfter","navigation","nextEl","prevEl","on","init","setTranslate","created","getCaseList","methods"],"mappings":"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","file":"js/c-widget-WidgetCaseList.f601fb8e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"senior-case-item-wrapper font-color-body\",class:[(_vm.type + \"-type\"), (_vm.size + \"-size\")],attrs:{\"href\":(\"https://hd.weibo.com/senior/view/\" + (_vm.item.id)),\"target\":\"_blank\"}},[_c('div',{staticClass:\"banner\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.item.banner),expression:\"item.banner\"}]}),_vm._t(\"after-banner-inner\")],2),_vm._t(\"default\",function(){return [_c('div',{staticClass:\"main-content\",style:({ borderColor: _vm.borderColor })},[_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.item.activity_name))]),_c('div',{staticClass:\"others\"},[(_vm.item.brand)?_c('div',{staticClass:\"brand-wrapper\"},[(_vm.type !== 'list')?_c('img',{attrs:{\"src\":_vm.item.thumbnail}}):_vm._e(),_c('span',{staticClass:\"brand-name\"},[_vm._v(\" \"+_vm._s(_vm.item.brand.name)+\" \")])]):_vm._e()]),_vm._t(\"after-main-inner\")],2)]}),(_vm.type === 'card')?[(!_vm.noFileTypes && _vm.item.file_type && _vm.item.file_type.length > 0)?_c('div',{staticClass:\"file-types\"},[_c('b',[_vm._v(\"文件\")]),_c('span',[_vm._v(_vm._s(_vm._f(\"joinFileType\")(_vm.item.file_type)))])]):_vm._e(),(!_vm.noBadge)?_c('div',{staticClass:\"badge\",class:{\n        'is-award': _vm.item.isaward - 0 === 1,\n        'is-new': _vm.isNew,\n        'is-top': _vm.item.istop - 0 === 1\n      }}):_vm._e()]:_vm._e(),_vm._t(\"after\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a\n    :href=\"`https://hd.weibo.com/senior/view/${item.id}`\"\n    target=\"_blank\"\n    :class=\"[`${type}-type`, `${size}-size`]\"\n    class=\"senior-case-item-wrapper font-color-body\"\n  >\n    <div class=\"banner\">\n      <img v-lazy=\"item.banner\" />\n      <slot name=\"after-banner-inner\"></slot>\n    </div>\n    <slot>\n      <div class=\"main-content\" :style=\"{ borderColor }\">\n        <h3 class=\"title\">{{ item.activity_name }}</h3>\n        <div class=\"others\">\n          <div v-if=\"item.brand\" class=\"brand-wrapper\">\n            <img v-if=\"type !== 'list'\" :src=\"item.thumbnail\" />\n            <span class=\"brand-name\">\n              {{ item.brand.name }}\n            </span>\n          </div>\n        </div>\n        <slot name=\"after-main-inner\"></slot>\n      </div>\n    </slot>\n    <template v-if=\"type === 'card'\">\n      <div\n        v-if=\"!noFileTypes && item.file_type && item.file_type.length > 0\"\n        class=\"file-types\"\n      >\n        <b>文件</b>\n        <span>{{ item.file_type | joinFileType }}</span>\n      </div>\n      <div\n        v-if=\"!noBadge\"\n        class=\"badge\"\n        :class=\"{\n          'is-award': item.isaward - 0 === 1,\n          'is-new': isNew,\n          'is-top': item.istop - 0 === 1\n        }\"\n      ></div>\n    </template>\n    <slot name=\"after\"></slot>\n  </a>\n</template>\n\n<script>\nimport { date } from '@/utils'\nimport dayjs from 'dayjs'\n\nexport default {\n  props: {\n    item: {\n      type: Object,\n      required: true\n    },\n    type: {\n      validator(value) {\n        return ['card', 'list', 'rank', 'custom'].includes(value)\n      },\n      default: 'card'\n    },\n    size: {\n      type: String,\n      default: 'normal'\n    },\n    noFileTypes: Boolean,\n    noBadge: Boolean,\n    borderColor: { type: String, default: '' }\n  },\n  computed: {\n    isNew() {\n      const { start_time } = this.item\n      const start = dayjs(start_time)\n      return !date.isRoughAgo(start, 180, 'day')\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.senior-case-item-wrapper {\n  border-radius: 8px;\n  display: block;\n  overflow: hidden;\n  margin-bottom: 30px;\n  position: relative;\n  background-color: #ffffff;\n  .banner {\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.2s;\n    img {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      float: left;\n      object-fit: cover;\n    }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-color: rgba(0, 0, 0, 0.15);\n      z-index: 10;\n      display: none;\n    }\n    &:after {\n      content: '';\n      display: block;\n      padding-bottom: 50%;\n      height: 0;\n    }\n  }\n  .badge {\n    position: absolute;\n    width: 26px;\n    height: 38px;\n    top: 0;\n    left: 16px;\n    background: no-repeat center/100% 100%;\n    z-index: 10;\n    &.is-new {\n      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIzOHB4IiB2aWV3Qm94PSIwIDAgMjYgMzgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5pawPC90aXRsZT4KICAgIDxnIGlkPSLorr7orqHnqL8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLokKXplIDmoYjkvost5b+r6YCf6YCJ5oup6KGM5Lia6I+c5Y2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQzLjAwMDAwMCwgLTEwMzYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLokKXplIDmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNy4wMDAwMDAsIDMzNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA3MDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuaWsCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBmaWxsPSIjMzM1MkZFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMCAtNC4wODcwMDg1MWUtMTUgMCAzOCAxMi45OTk5NzU1IDMwLjAxMzQ2NjYgMjYgMzggMjYgMCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8dGV4dCBmb250LWZhbWlseT0iUGluZ0ZhbmdTQy1NZWRpdW0sIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjE0IiBmb250LXdlaWdodD0iNDAwIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0c3BhbiB4PSI2IiB5PSIyMCI+5pawPC90c3Bhbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC90ZXh0PgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');\n    }\n    &.is-award {\n      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIzOHB4IiB2aWV3Qm94PSIwIDAgMjYgMzgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5aWWPC90aXRsZT4KICAgIDxnIGlkPSLorr7orqHnqL8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLokKXplIDmoYjkvost5b+r6YCf6YCJ5oup6KGM5Lia6I+c5Y2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQ2LjAwMDAwMCwgLTEwMzYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLokKXplIDmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNy4wMDAwMDAsIDMzNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwMy4wMDAwMDAsIDcwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5aWWIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGw9IiNCQjlEN0QiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSIwIC00LjA4NzAwODUxZS0xNSAwIDM4IDEyLjk5OTk3NTUgMzAuMDEzNDY2NiAyNiAzOCAyNiAwIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLU1lZGl1bSwgUGluZ0ZhbmcgU0MiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSI0MDAiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRzcGFuIHg9IjYiIHk9IjIwIj7lpZY8L3RzcGFuPgogICAgICAgICAgICAgICAgICAgICAgICA8L3RleHQ+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');\n    }\n    &.is-top {\n      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIzOHB4IiB2aWV3Qm94PSIwIDAgMjcgMzgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+6aG2PC90aXRsZT4KICAgIDxnIGlkPSLorr7orqHnqL8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLokKXplIDmoYjkvost5b+r6YCf6YCJ5oup6KGM5Lia6I+c5Y2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTQ5LjAwMDAwMCwgLTEwMzYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLokKXplIDmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNy4wMDAwMDAsIDMzNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwNi4wMDAwMDAsIDcwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i6aG2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGw9IiNGODY1M0YiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSIwIC00LjA4NzAwODUxZS0xNSAwIDM4IDEzLjQ5OTk3NDUgMzAuMDEzNDY2NiAyNyAzOCAyNyAwIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLU1lZGl1bSwgUGluZ0ZhbmcgU0MiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSI0MDAiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRzcGFuIHg9IjYuMjMwNzY5MjMiIHk9IjIwIj7pobY8L3RzcGFuPgogICAgICAgICAgICAgICAgICAgICAgICA8L3RleHQ+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');\n    }\n  }\n  .others {\n    position: relative;\n    overflow: hidden;\n  }\n  .main-content {\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.2s;\n    .title {\n      font-weight: bold;\n      margin: 0 0 10px;\n      transition: all 0.2s;\n    }\n  }\n  &.card-type,\n  &.rank-type {\n    .main-content {\n      border: 1px solid #efeff3;\n      border-top: none;\n      .put-time {\n        font-size: 13px;\n        color: #727272;\n      }\n      .brand-wrapper {\n        float: left;\n        img {\n          width: 36px;\n          height: 36px;\n          box-sizing: border-box;\n          float: left;\n          border-radius: 50%;\n          border: 1px solid #f4f5f7;\n          vertical-align: middle;\n          margin-right: 10px;\n        }\n        .brand-name {\n          font-size: 14px;\n          vertical-align: middle;\n          line-height: 36px;\n        }\n      }\n    }\n  }\n  &.card-type {\n    .main-content {\n      padding: 16px 20px 32px;\n      border-radius: 0 0 8px 8px;\n      .title {\n        font-size: 20px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n      .put-time {\n        float: right;\n        font-size: 13px;\n        color: #727272;\n        line-height: 36px;\n      }\n      .brand-wrapper {\n        width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n    &:hover {\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n      .banner {\n        transform: translateY(-16px);\n        &:before {\n          display: block;\n        }\n      }\n      .main-content {\n        border-color: transparent;\n        transform: translateY(-16px);\n      }\n    }\n    &.small-size {\n      margin-bottom: 24px;\n      border-radius: 3px;\n      .main-content {\n        padding: 8px 12px 20px;\n        .title {\n          font-size: 14px;\n        }\n        .put-time,\n        .brand-name {\n          font-size: 12px;\n          line-height: 20px;\n        }\n        .brand-wrapper {\n          line-height: 20px;\n          img {\n            width: 20px;\n            height: 20px;\n          }\n        }\n      }\n      &:hover {\n        .banner,\n        .main-content {\n          transform: translateY(-8px);\n        }\n      }\n    }\n  }\n  &.rank-type {\n    .main-content {\n      padding: 16px 88px 29px 16px;\n      .title {\n        display: none;\n      }\n      .brand-wrapper {\n        img {\n          width: 32px;\n          height: 32px;\n        }\n      }\n      .brand-name {\n        display: inline-block;\n        position: relative;\n        height: 36px;\n        line-height: 36px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 110px;\n        top: -2px;\n        .put-time {\n          display: block;\n          white-space: nowrap;\n          overflow: visible;\n        }\n      }\n      .others {\n        & > .put-time {\n          display: none;\n        }\n      }\n    }\n    &:first-child {\n      .banner {\n        border-radius: inherit;\n      }\n      .main-content {\n        .title {\n          display: block;\n        }\n      }\n      &:hover {\n        .main-content {\n          .title {\n            transform: translateY(-12px);\n          }\n        }\n      }\n    }\n    &:hover {\n      .banner {\n        transform: translateY(-12px);\n        &:before {\n          display: block;\n        }\n      }\n    }\n  }\n  &.list-type {\n    .banner {\n      float: left;\n      width: 300px;\n      border-radius: 8px;\n      margin-right: 16px;\n    }\n    .main-content {\n      padding: 12px 0;\n      .title {\n        font-size: 24px;\n        margin-bottom: 16px;\n      }\n      .brand-wrapper {\n        &:after {\n          content: '\\7C';\n          margin: 0 5px;\n        }\n      }\n      .put-time,\n      .brand-wrapper {\n        float: left;\n        font-size: 14px;\n      }\n    }\n  }\n  .file-types {\n    position: absolute;\n    top: 14px;\n    right: 16px;\n    font-size: 13px;\n    color: #ffffff;\n    overflow: hidden;\n    border-radius: 3px;\n    b,\n    span {\n      float: left;\n      height: 22px;\n      line-height: 22px;\n      padding: 0 8px;\n    }\n    b {\n      background-color: #ffffff;\n      color: #363636;\n    }\n    span {\n      background-color: rgba(54, 54, 54, 0.45);\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!./SeniorCaseItem.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!./SeniorCaseItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SeniorCaseItem.vue?vue&type=template&id=64d609e9&scoped=true&\"\nimport script from \"./SeniorCaseItem.vue?vue&type=script&lang=js&\"\nexport * from \"./SeniorCaseItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SeniorCaseItem.vue?vue&type=style&index=0&id=64d609e9&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  \"64d609e9\",\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 (_vm.data.type.key === 'horizon')?_c('div',{staticClass:\"widget-case-list-wrapper horizontal\"},[_c('swiper',{attrs:{\"options\":_vm.swiperOptions}},[_vm._l((_vm.caseList),function(item){return _c('swiper-slide',{key:item.id},[_c('senior-case-item',{attrs:{\"item\":item}})],1)}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"},[_c('i',{staticClass:\"iconfont icon-zuocefanhuijiantou\"})]),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"},[_c('i',{staticClass:\"iconfont icon-youcefanhuijiantou\"})])],2)],1):(['verticle', 'title'].indexOf(_vm.data.type.key) > -1)?_c('div',{staticClass:\"widget-case-list-wrapper vertical\"},_vm._l((_vm.caseList),function(item){return _c('senior-case-item',{key:item.id,attrs:{\"item\":item,\"type\":\"list\"}})}),1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template v-if=\"caseList && caseList.length\">\n  <div\n    v-if=\"data.type.key === 'horizon'\"\n    class=\"widget-case-list-wrapper horizontal\"\n  >\n    <swiper :options=\"swiperOptions\">\n      <swiper-slide v-for=\"item in caseList\" :key=\"item.id\">\n        <senior-case-item :item=\"item\"></senior-case-item>\n      </swiper-slide>\n      <div slot=\"button-prev\" class=\"swiper-button-prev\">\n        <i class=\"iconfont icon-zuocefanhuijiantou\"></i>\n      </div>\n      <div slot=\"button-next\" class=\"swiper-button-next\">\n        <i class=\"iconfont icon-youcefanhuijiantou\"></i>\n      </div>\n    </swiper>\n  </div>\n  <div\n    v-else-if=\"['verticle', 'title'].indexOf(data.type.key) > -1\"\n    class=\"widget-case-list-wrapper vertical\"\n  >\n    <senior-case-item\n      v-for=\"item in caseList\"\n      :key=\"item.id\"\n      :item=\"item\"\n      type=\"list\"\n    ></senior-case-item>\n  </div>\n</template>\n\n<script>\nimport SeniorCaseItem from '@/components/senior/SeniorCaseItem'\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\nimport 'swiper/dist/css/swiper.css'\nimport { THIRD_API } from '@/global/config'\n\nexport default {\n  components: {\n    swiper,\n    swiperSlide,\n    SeniorCaseItem\n  },\n  props: {\n    data: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  data() {\n    return {\n      caseList: [],\n      itemMap: {},\n      swiperOptions: {\n        freeMode: true,\n        spaceBetween: 26,\n        slidesPerView: 'auto',\n        slidesOffsetBefore: 24,\n        slidesOffsetAfter: 24,\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev'\n        },\n        on: {\n          init() {\n            this.setTranslate(24)\n          }\n        }\n      }\n    }\n  },\n  created() {\n    this.getCaseList()\n  },\n  methods: {\n    async getCaseList() {\n      this.data.source.forEach(item => {\n        this.itemMap[item.id] = item\n      })\n      const res = await this.$http.get(THIRD_API.alkSeniorCollect.link, {\n        params: {\n          ids: Object.keys(this.itemMap).join(',')\n        }\n      })\n      this.caseList = res.data.map(item => {\n        const { alias } = this.itemMap[item.id]\n        item.activity_name = alias || item.activity_name\n        return item\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.widget-case-list-wrapper {\n  border-radius: 3px;\n  margin: 16px auto;\n  &.horizontal {\n    background-color: #fafafb;\n    padding: 24px 0;\n  }\n  &.vertical {\n    width: 688px;\n  }\n}\n.senior-case-item-wrapper {\n  background-color: #ffffff;\n  &.card-type {\n    width: 320px;\n  }\n}\n.swiper-container {\n  position: relative;\n}\n.swiper-slide {\n  width: auto;\n  height: auto;\n}\n.swiper-button-next,\n.swiper-button-prev {\n  background-color: #ffffff;\n  width: 32px;\n  height: 58px;\n  line-height: 58px;\n  margin-top: -29px;\n  background-image: none;\n  i {\n    font-size: 20px;\n    color: #363636;\n    font-weight: bold;\n    position: absolute;\n  }\n  &.swiper-button-disabled {\n    display: none;\n  }\n}\n.swiper-button-next {\n  right: 0;\n  border-radius: 100px 0 0 100px;\n  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.15);\n  i {\n    left: 10px;\n  }\n}\n.swiper-button-prev {\n  left: 0;\n  border-radius: 0 100px 100px 0;\n  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.15);\n  i {\n    left: 5px;\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!./WidgetCaseList.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!./WidgetCaseList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WidgetCaseList.vue?vue&type=template&id=7967ea30&scoped=true&v-if=caseList%20%26%26%20caseList.length&\"\nimport script from \"./WidgetCaseList.vue?vue&type=script&lang=js&\"\nexport * from \"./WidgetCaseList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WidgetCaseList.vue?vue&type=style&index=0&id=7967ea30&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  \"7967ea30\",\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!./WidgetCaseList.vue?vue&type=style&index=0&id=7967ea30&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!./SeniorCaseItem.vue?vue&type=style&index=0&id=64d609e9&lang=scss&scoped=true&\""],"sourceRoot":""}