{"version":3,"sources":["webpack:///./src/utils/mockData/harvardData.js","webpack:///src/components/common/mySwiper/mySwiper.vue","webpack:///./src/components/common/mySwiper/mySwiper.vue?e3b1","webpack:///./src/components/common/mySwiper/mySwiper.vue?001a","webpack:///./src/components/common/mySwiper/mySwiper.vue","webpack:///./src/components/common/mySwiper/mySwiper.vue?23bf"],"names":["expertList","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","swipeid","style","paginationFlag","type","staticStyle","_t","directives","name","rawName","value","expression","staticRenderFns","component"],"mappings":"kHAQc,QACVA,WAAW,CACP,CACI,GAAK,EACL,KAAO,kBACP,OAAS,iEACT,KAAO,4DACP,MAAQ,kBAEZ,CACI,GAAK,EACL,KAAO,UACP,OAAS,yDACT,KAAO,mFACP,MAAQ,mBAEZ,CACI,GAAK,EACL,KAAO,oBACP,OAAS,mEACT,KAAO,4CACP,MAAQ,eAEZ,CACI,GAAK,EACL,KAAO,qBACP,OAAS,oEACT,KAAO,mEACP,MAAQ,kBAEZ,CACI,GAAK,EACL,KAAO,kBACP,OAAS,iEACT,KAAO,wGACP,MAAQ,aAEZ,CACI,GAAK,EACL,KAAO,kBACP,OAAS,iEACT,KAAO,kEACP,MAAQ,eAEZ,CACI,GAAK,EACL,KAAO,mBACP,OAAS,kEACT,KAAO,qFACP,MAAQ,kB,mGCw9CpB,QACA,gBACA,gBACA,OACA,WACA,sBACA,UAIA,OACA,SACA,YACA,YAEA,gBACA,aACA,YAEA,WACA,YACA,WAEA,iBACA,YACA,WAEA,gBACA,YACA,aAEA,UACA,aACA,YAEA,MACA,aACA,YAEA,gBACA,aACA,YAEA,QACA,YACA,YAMA,MACA,YACA,cAEA,eACA,YACA,WAEA,gBACA,YACA,WAEA,WACA,YACA,sBAEA,gBACA,aACA,YAEA,mBACA,aACA,YAEA,gBACA,YACA,WAEA,eACA,YAEA,aACA,YACA,YAGA,uBAGA,mBACA,eACA,aAEA,SACA,gBACA,WACA,mCAEA,2CACA,YAEA,sBAEA,gDAEA,+BAIA,YAEA,kBACA,mCACA,yCAEA,oBACA,CACA,uBACA,mBACA,yBAEA,WAEA,gCACA,8BACA,gCACA,IACA,gBAGA,qCACA,6DAEA,QACA,aACA,mBAKA,yCACA,QACA,aACA,kEAGA,IACA,wDACA,QACA,aACA,MAEA,YAoBA,+CACA,0CACA,wBACA,2CACA,4CACA,4BAEA,GACA,iCACA,6BACA,wBAEA,GACA,eACA,eACA,aACA,2CAEA,wBAGA,4CACA,eAMA,0CACA,wBACA,2CACA,mCACA,2CAIA,yCAEA,yBAOA,wBAsBA,yBACA,uCACA,qBAEA,sBADA,OACA,EAEA,EAUA,iDAKA,uBACA,4CACA,YACA,gCAEA,MAEA,uBACA,yB,wDC9xDA,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmBC,MAAMP,EAAIQ,QAAQC,MAAOT,EAAIU,eAAiB,GAAK,iCAAkC,CAACN,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAkB,QAAZP,EAAIW,KAAiB,oBAAsB,GAAGC,YAAY,CAAC,UAAY,6BAA6B,sBAAsB,QAAQ,CAACZ,EAAIa,GAAG,eAAe,GAAGT,EAAG,MAAM,CAACU,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOjB,EAAkB,eAAEkB,WAAW,mBAAmBZ,YAAY,oBAChkBa,EAAkB,G,YCD0V,S,wBCQ5WC,EAAY,eACd,EACArB,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAC,E,2CCnBf,W","file":"js/chunk-36f0cf48.e7a382a2.js","sourcesContent":["/*\n * @Author: your name\n * @Date: 2019-12-26 17:08:49\n * @LastEditTime : 2019-12-30 10:22:28\n * @LastEditors  : Please set LastEditors\n * @Description: In User Settings Edit\n * @FilePath: /xingmahui_front/src/utils/mockData/harvardData.js\n */\nexport default{\n    expertList:[\n        {\n            \"id\":0,\n            \"name\":'Elise M.Taveras',\n            \"imgUrl\":\"https://image-mom.feihe.com/harvard/expert/Elise-M.Taveras.png\",\n            \"info\":\"儿科医生，医学博士， 哈佛医学院儿科学教授和哈佛大学陈氏公共卫生学院营养系教授，哈佛大学公共卫生学院的公共卫生硕士\",\n            \"level\":\"哈佛大学医学院婴儿营养学教授\"\n        },\n        {\n            \"id\":1,\n            \"name\":'Brodsky',\n            \"imgUrl\":\"https://image-mom.feihe.com/harvard/expert/Brodsky.png\",\n            \"info\":\"新生儿科医生，BIDMC新生儿重症监护病房副主任，BIDMC新生儿科教育主任，哈佛医学院（HMS）儿科副教授。 目前是AAP在线期刊NeoReviews的主编。\",\n            \"level\":\"哈佛医学院（HMS）儿科副教授\"\n        },\n        {\n            \"id\":2,\n            \"name\":'Camilia R. Martin',\n            \"imgUrl\":\"https://image-mom.feihe.com/harvard/expert/Camilia-R.-Martin.png\",\n            \"info\":\"哈佛医学院儿科学副教授，新生儿重症监护室副主任，哈佛大学公共卫生学院流行病学硕士。\",\n            \"level\":\"哈佛医学院儿科学副教授\"\n        },\n        {\n            \"id\":3,\n            \"name\":'Claire Zar-Kessler',\n            \"imgUrl\":\"https://image-mom.feihe.com/harvard/expert/Claire-Zar-Kessler.png\",\n            \"info\":\"毕业于纽约阿尔伯特•爱因斯坦医学院，后来到MGH完成儿科胃肠病学研究。重点研究运动和功能性紊乱，特别是慢性腹痛和儿童便秘的治疗。\",\n            \"level\":\"马萨诸塞州儿童总医院儿科主任\"\n        },\n        {\n            \"id\":4,\n            \"name\":'Maureen Leonard',\n            \"imgUrl\":\"https://image-mom.feihe.com/harvard/expert/Maureen-Leonard.png\",\n            \"info\":\"哈佛医学院儿科讲师，麻省儿童总医院乳糜泻研究与治疗中心临床主任，得到哈佛大学营养肥胖研究中心和NIH（FDK109620A）的资助。经常诊疗患乳糜泻、非乳糜泻谷蛋白敏感性和其他谷蛋白相关疾病成人和儿童。\",\n            \"level\":\"哈佛医学院儿科讲师\"\n        },\n        {\n            \"id\":5,\n            \"name\":'Victoria Martin',\n            \"imgUrl\":\"https://image-mom.feihe.com/harvard/expert/Victoria-Martin.png\",\n            \"info\":\"麻省儿童总医院小儿胃肠病、肝病和营养科的小儿胃肠病学家，哈佛医学院的儿科学讲师。发表过多篇文章，其科研和教学都获得了多个奖项。\",\n            \"level\":\"哈佛医学院的儿科学讲师\"\n        },\n        {\n            \"id\":6,\n            \"name\":'Lauren Fiechtner',\n            \"imgUrl\":\"https://image-mom.feihe.com/harvard/expert/Lauren-Fiechtner.png\",\n            \"info\":\"麻省儿童总医院胃肠病学和营养学部营养主任，在哈佛大学公共卫生学院获得了公共卫生硕士学位。她的研究成果发表在多个期刊上，包括美国公共卫生杂志，儿童肥胖和预防医学杂志。\",\n            \"level\":\"哈佛大学公共卫生学硕士\"\n        }\n    ]\n}","<template>\n  <div class=\"mySwiper\">\n    <div\n      class=\"swiper-container\"\n      :class=\"swipeid\"\n      :style=\"paginationFlag ? '' : 'padding-bottom:0px !important'\"\n    >\n      <div\n        class=\"swiper-wrapper\"\n        style=\"transform: translate3d(0px, 0px, 0px); transition-duration: 0ms\"\n        :class=\"type == 'home' ? 'swiper-goods-home' : ''\"\n      >\n        <!-- 存放具体的轮播内容 -->\n        <slot name=\"swiper-con\"></slot>\n      </div>\n      <!-- 分页器 -->\n      <div class=\"pagination\" v-show=\"paginationFlag\"></div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"less\" scoped>\n@import '../../../assets/less/harvard.less';\n.mySwiper {\n  width: 100%;\n  .banner_recommend_swiper {\n    // padding-bottom: 20px;\n    height: 116px;\n    .swiper-wrapper {\n      .swiper-slide {\n        height: 116px;\n        background-size: 100% 100%;\n        background-position: center center;\n        a {\n          width: 100%;\n          height: 161px;\n          display: inline-block;\n        }\n      }\n    }\n    /deep/ .swiper-pagination-clickable {\n      // bottom: 8px;\n      font-size: 0;\n      position: relative;\n      text-align: center;\n      transition: opacity 0.3s;\n      transform: translateZ(0);\n      z-index: 10;\n      .swiper-pagination-bullet {\n        width: 4px;\n        height: 4px;\n        background: @expertFontColor153;\n        opacity: 1;\n        margin: 0 2px;\n        &.swiper-pagination-bullet-active {\n          width: 12px;\n          height: 4px;\n          background: @mainColor;\n          border-radius: 2px;\n        }\n      }\n    }\n  }\n\n  .expert_recommend_swiper {\n    padding-bottom: 20px;\n    height: 173px;\n    .swiper-wrapper {\n      .swiper-slide {\n        width: 332px;\n        height: 173px;\n        border-radius: 10px;\n        background: url('../../../assets/images/activity/harvard/bg2.png');\n        background-size: 100% 100%;\n        background-repeat: no-repeat;\n        overflow: hidden;\n        box-sizing: border-box;\n        position: relative;\n        .expertHead {\n          margin: 26px 30px 0;\n          border-bottom: 1px solid #d7ab3a;\n          padding-bottom: 10px;\n          .expertImg {\n            width: 52px;\n            height: 52px;\n            background-size: cover;\n            background-position: center center;\n            border-radius: 50%;\n            overflow: hidden;\n            float: left;\n            margin-right: 15px;\n          }\n          .name {\n            color: @colorY1;\n            font-size: @fontSize16;\n            font-weight: bold;\n            padding: 5px 0;\n            line-height: 1.2;\n          }\n          .hospital {\n            font-size: @fontSize14;\n            color: @colorY1;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            overflow: hidden;\n          }\n        }\n        .info {\n          padding: 8px 30px 0;\n          color: @color153;\n          font-size: @fontSize12;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          display: -webkit-box;\n          -webkit-line-clamp: 3;\n          -webkit-box-orient: vertical;\n        }\n      }\n    }\n    /deep/ .swiper-pagination-clickable {\n      bottom: 12px;\n      font-size: 0;\n      position: absolute;\n      text-align: center;\n      transition: opacity 0.3s;\n      transform: translateZ(0);\n      z-index: 10;\n      .swiper-pagination-bullet {\n        width: 6px;\n        height: 6px;\n        background: #d8d8d8;\n        opacity: 1;\n        margin: 0 3px;\n        &.swiper-pagination-bullet-active {\n          width: 6px;\n          height: 6px;\n          background: rgba(238, 186, 97, 1);\n        }\n      }\n    }\n  }\n  .bj_doctor_swiper {\n    padding-bottom: 20px;\n    height: 102px;\n    .swiper-wrapper {\n      margin-left: -25px;\n      .swiper-slide {\n        position: relative;\n        width: 295px;\n        height: 102px;\n        // background: red;\n        overflow: hidden;\n        box-sizing: border-box;\n        border-radius: 8px;\n        > div:nth-of-type(1) {\n          width: 85px;\n          height: 102px;\n          position: relative;\n          .doctor_image {\n            left: 50%;\n            top: 50%;\n            bottom: 0;\n            transform: translate(-50%, -50%);\n            height: 96px;\n            position: absolute;\n            z-index: 100;\n          }\n        }\n\n        .swiper-content {\n          width: 100%;\n          position: absolute;\n          height: 102px;\n          background: #ffffff;\n          bottom: 0;\n          border-radius: 10px;\n          > .swiper-content-right {\n            padding-top: 10px;\n            box-sizing: border-box;\n            float: right;\n            width: 210px;\n            height: 100%;\n            // background: red;\n            > div {\n              float: left;\n              > span {\n                display: inline-block;\n                margin-top: 10px;\n                font-size: 10px;\n                font-family: PingFangSC-Regular, PingFang SC;\n                font-weight: 400;\n                color: #e0b76b;\n                line-height: 14px;\n              }\n            }\n\n            > span:nth-of-type(1) {\n              float: left;\n              // display: inline-block;\n              margin-top: 4px;\n              font-size: 16px;\n              font-family: PingFangSC-Medium, PingFang SC;\n              font-weight: 500;\n              color: #e0b76b;\n              line-height: 22px;\n            }\n            > p:nth-of-type(1) {\n              margin-top: 5px;\n              float: left;\n              font-size: 10px;\n              font-family: PingFangSC-Regular, PingFang SC;\n              font-weight: 400;\n              color: #666666;\n              line-height: 14px;\n              padding-right: 2px;\n            }\n          }\n        }\n\n        .info {\n          padding: 8px 30px 0;\n          color: @color153;\n          font-size: @fontSize12;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          display: -webkit-box;\n          -webkit-line-clamp: 3;\n          -webkit-box-orient: vertical;\n        }\n      }\n    }\n  }\n  .advertising_swiper {\n    height: 34px;\n    .swiper-wrapper {\n      height: 34px;\n      .swiper-slide {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        height: 34px;\n        position: relative;\n        overflow: hidden;\n        box-sizing: border-box;\n        border-radius: 8px;\n        .tagWrap {\n          width: 100%;\n          height: 34px;\n          position: absolute;\n          right: 0;\n          z-index: 99;\n        }\n        .type {\n          width: 23px;\n          height: 12px;\n          margin-right: 6px;\n          background: #ffebf5;\n          border-radius: 4px;\n          border: 1px solid #fc6791;\n          font-size: 9px;\n          color: #f13e70;\n          line-height: 13px;\n          text-align: center;\n        }\n        p {\n          width: 100%;\n          font-size: 12px;\n          color: #666666;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n      }\n    }\n  }\n  .food_column_swiper {\n    position: relative;\n    height: 202px;\n    .swiper-wrapper {\n      position: relative;\n      // margin-left: -25px;\n      .swiper-slide {\n        position: relative;\n        height: 202px;\n        overflow: hidden;\n        box-sizing: border-box;\n        background-size: 100% 100%;\n        .bottom-title {\n          box-sizing: border-box;\n          padding: 0 16px;\n          position: absolute;\n          bottom: 0px;\n          width: 100%;\n          height: 36px;\n          line-height: 36px;\n          font-size: 14px;\n          background: rgba(0, 0, 0, 0.5);\n          color: #ffffff;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n        }\n      }\n    }\n    /deep/ .swiper-pagination-clickable {\n      display: flex;\n      justify-content: flex-end;\n      margin-right: 28px;\n      top: 152px;\n      position: absolute;\n      text-align: center;\n      transition: opacity 0.3s;\n      transform: translateZ(0);\n      z-index: 10;\n      .swiper-pagination-bullet {\n        width: 6px;\n        height: 6px;\n        background: #c1c1c1;\n        opacity: 1;\n        margin: 0 6px;\n        &.swiper-pagination-bullet-active {\n          background: #f4c757;\n        }\n      }\n    }\n  }\n  .jc_doctor_swiper {\n    // .swiper-wrapper{\n    //  margin-left: -20px;\n    // }\n    /deep/ .swiper-pagination-clickable {\n      bottom: -14px;\n      font-size: 0;\n      position: absolute;\n      text-align: center;\n      transition: opacity 0.3s;\n      transform: translateZ(0);\n      z-index: 10;\n      .swiper-pagination-bullet {\n        width: 8px;\n        height: 8px;\n        background: #d8d8d8;\n        opacity: 1;\n        margin: 0 3px;\n        &.swiper-pagination-bullet-active {\n          width: 8px;\n          height: 8px;\n          background: rgba(238, 186, 97, 1);\n        }\n      }\n    }\n  }\n\n  .topic_list_swiper {\n    padding-bottom: 20px;\n    height: 161px;\n    .swiper-wrapper {\n      .swiper-slide {\n        height: 161px;\n        border-radius: 8px;\n        overflow: hidden;\n        background-size: 100% 100%;\n        background-position: center center;\n        background-repeat: no-repeat;\n        a {\n          width: 100%;\n          height: 161px;\n          display: inline-block;\n        }\n      }\n    }\n    /deep/ .swiper-pagination-clickable {\n      bottom: 8px;\n      font-size: 0;\n      position: absolute;\n      text-align: center;\n      transition: opacity 0.3s;\n      transform: translateZ(0);\n      z-index: 10;\n      .swiper-pagination-bullet {\n        width: 4px;\n        height: 4px;\n        background: @expertFontColor153;\n        opacity: 1;\n        margin: 0 2px;\n        &.swiper-pagination-bullet-active {\n          width: 12px;\n          height: 4px;\n          background: @mainColor;\n          border-radius: 2px;\n        }\n      }\n    }\n  }\n  .banner_course_swiper {\n    height: 116px;\n    padding-bottom: 20px;\n    .swiper-wrapper {\n      .swiper-slide {\n        background-color: @expertBorderColor242;\n        border-radius: 8px;\n        overflow: hidden;\n        span {\n          width: 100%;\n          height: 116px;\n          display: block;\n          background-size: cover;\n          background-position: center center;\n        }\n      }\n    }\n    /deep/ .swiper-pagination-clickable {\n      bottom: 8px;\n      font-size: 0;\n      position: relative;\n      text-align: center;\n      transition: opacity 0.3s;\n      transform: translateZ(0);\n      z-index: 10;\n      .swiper-pagination-bullet {\n        width: 4px;\n        height: 4px;\n        background: @expertFontColor153;\n        opacity: 1;\n        margin: 0 2px;\n        &.swiper-pagination-bullet-active {\n          width: 12px;\n          height: 4px;\n          background: @mainColor;\n          border-radius: 2px;\n        }\n      }\n    }\n  }\n  .xingma_goods_swiper {\n    .swiper-wrapper {\n      .swiper-slide {\n        height: 198px;\n        background: @expertFontColor255;\n        box-shadow: 0px 2px 12px -2px rgba(0, 0, 0, 0.15);\n        border-radius: 8px;\n        border: 1px solid @expertBorderColor242;\n        box-sizing: border-box;\n        a {\n          width: 100%;\n          display: inline-block;\n        }\n        .imgCon {\n          height: 128px;\n          background-size: cover;\n          background-position: center center;\n        }\n        .con {\n          padding: 10px 8px;\n          .tit {\n            font-size: @indexFontSize12;\n            font-weight: bold;\n            color: @expertFontColor51;\n            margin-bottom: 4px;\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n          }\n          .info {\n            font-size: @indexFontSize12;\n            font-weight: bold;\n            color: rgba(255, 109, 105, 1);\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n          }\n          .shopline {\n            color: #c1c1c1;\n            text-decoration: line-through;\n          }\n        }\n      }\n    }\n  }\n  .detail_recommend_swiper {\n    .swiper-wrapper {\n      .swiper-slide {\n        height: 115px;\n        box-sizing: border-box;\n      }\n    }\n  }\n  .course_recommend_swiper {\n    .swiper-wrapper {\n      .swiper-slide {\n        width: 290px !important;\n        height: 121px;\n        background: @expertFontColor255;\n        // box-shadow:0px 3px 6px 0px rgba(112,84,0,0.31);\n        border-radius: 4px;\n        box-shadow: 0px 0px 2px 0px #dddddd;\n        // border: 1px solid #FFFAED;\n        // border: 1px solid #FFFAED;\n        overflow: hidden;\n        box-sizing: border-box;\n        position: relative;\n        padding: 12px 11px 11px;\n        .imgCon {\n          width: 81px;\n          height: 97px;\n          background-size: cover;\n          background-position: center center;\n          border-radius: 4px;\n          float: left;\n          margin-bottom: 11px;\n          img {\n            width: 100%;\n            height: 100%;\n          }\n        }\n        .con {\n          padding-left: 2.4rem;\n          .tit {\n            font-size: @indexFontSize15;\n            color: @expertFontColor51;\n            line-height: 1.4em;\n            height: 2.5em;\n            overflow: hidden;\n            margin-bottom: 5px;\n            font-weight: 500;\n            text-overflow: -o-ellipsis-lastline;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            line-clamp: 2;\n            -webkit-box-orient: vertical;\n          }\n          .expert_con {\n            color: @expertFontColor153;\n            margin-bottom: 2px;\n            display: table;\n            -webkit-transform: scale(0.92);\n            transform: scale(0.92);\n            -webkit-transform-origin: 0;\n            transform-origin: 0;\n            line-height: 20px;\n            .expert_con_text {\n              max-width: 180px;\n              height: 20px;\n              overflow: hidden;\n              display: table-cell;\n              font-size: @indexFontSize12;\n              white-space: nowrap;\n              text-overflow: ellipsis;\n            }\n          }\n          .tips {\n            margin-bottom: 5px;\n            float: left;\n            width: 100%;\n            height: 22px;\n            span {\n              font-size: @indexFontSize12;\n              height: 19px;\n              padding: 0 4px;\n              line-height: 19px;\n              display: inline-block;\n              box-sizing: border-box;\n              color: rgba(169, 178, 244, 1);\n              max-width: 83px;\n              overflow: hidden;\n              background: rgba(246, 247, 254, 1);\n              border-radius: 2px;\n              // padding-top: 1px;\n              text-align: center;\n            }\n          }\n        }\n        .views {\n          color: rgba(204, 204, 204, 1);\n          display: table;\n          -webkit-transform: scale(0.92);\n          transform: scale(0.92);\n          -webkit-transform-origin: 0;\n          transform-origin: 0;\n          max-width: 33%;\n          position: absolute;\n          bottom: 16px;\n          left: 11px;\n          .views_sign {\n            display: table-cell;\n            font-size: @indexFontSize12;\n            background: url(../../../assets/images/home/signNum.png) no-repeat\n              left center;\n            background-size: 9px;\n            padding-left: 11px;\n          }\n        }\n      }\n    }\n  }\n  .experts_online_swiper {\n    .swiper-slide {\n      width: 117px;\n      height: 146px;\n      background: @expertFontColor255;\n      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);\n      border-radius: 8px;\n      border: 1px solid @expertBorderColor242;\n      box-sizing: border-box;\n      .imgCon {\n        width: 46px;\n        height: 46px;\n        background: @expertBorderColor242;\n        border-radius: 50%;\n        margin: 0 auto;\n        background: #eee;\n        background-position: center center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        margin-top: 13px;\n      }\n      .con {\n        padding: 0 13px;\n        text-align: center;\n        .tit {\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          margin: 12px 0;\n          font-size: @indexFontSize14;\n          font-weight: 500;\n          color: @expertFontColor51;\n        }\n        .info {\n          max-height: 34px;\n          line-height: 18px;\n          font-size: @indexFontSize12;\n          font-weight: 400;\n          color: @expertFontColor153;\n          text-overflow: ellipsis;\n          display: -webkit-box;\n          -webkit-line-clamp: 2;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n        }\n      }\n    }\n    .swiper-slide1 {\n      background: @expertBorderColor242;\n      position: relative;\n      img {\n        width: auto;\n        height: 144px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        max-width: 100%;\n        max-height: 100%;\n      }\n    }\n  }\n  .course_special_banner1 {\n    height: 116px;\n    .swiper-wrapper {\n      .swiper-slide {\n        height: 116px;\n        border-radius: 8px;\n        background-size: cover;\n        background-position: center center;\n        background-color: @expertBorderColor242;\n      }\n    }\n  }\n  .course_special_banner2 {\n    height: 116px;\n    .swiper-wrapper {\n      .swiper-slide {\n        height: 116px;\n        border-radius: 8px;\n        background-size: cover;\n        background-position: center center;\n        background-color: @expertBorderColor242;\n      }\n    }\n  }\n  .course_special_banner3 {\n    height: 116px;\n    .swiper-wrapper {\n      .swiper-slide {\n        height: 116px;\n        border-radius: 8px;\n        background-size: cover;\n        background-position: center center;\n        background-color: @expertBorderColor242;\n      }\n    }\n  }\n  .special_list_swiper {\n    padding-bottom: 14px;\n    overflow: hidden;\n    .swiper-wrapper {\n      .swiper-slide {\n        height: 135px;\n        background: @expertFontColor255;\n        box-sizing: border-box;\n        padding-top: 10px;\n        a {\n          width: 100%;\n          display: inline-block;\n        }\n        .imgCon {\n          height: 82px;\n          background-size: cover;\n          background-position: center center;\n          margin-bottom: 9px;\n          position: relative;\n          border-radius: 4px;\n          .videoLoading {\n            width: 59px;\n            line-height: 1;\n            background-color: #ff5353;\n            position: absolute;\n            color: rgba(255, 255, 255, 1);\n            font-size: 10px;\n            border-radius: 0 4px 0 4px;\n            bottom: 0;\n            text-align: center;\n            padding: 3px 0;\n          }\n        }\n        .tit {\n          border: 0px !important;\n          font-size: 13px;\n          font-weight: 400;\n          color: rgba(102, 102, 102, 1);\n          line-height: 18px;\n          height: 36px;\n          margin-bottom: 14px;\n          text-overflow: -o-ellipsis-lastline;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          display: -webkit-box;\n          -webkit-line-clamp: 2;\n          line-clamp: 2;\n          -webkit-box-orient: vertical;\n        }\n        .tit2 {\n          color: rgba(255, 83, 83, 1);\n        }\n      }\n    }\n  }\n  .canEatList-repice {\n    padding-bottom: 20px;\n    height: 120px;\n    .swiper-wrapper {\n      // overflow: hidden;\n      .swiper-slide {\n        height: 120px;\n        border-radius: 8px;\n        overflow: hidden;\n        background-size: cover;\n        background-position: center center;\n        display: flex;\n        position: relative;\n        .swiper-slide-card {\n          width: 100%;\n          height: 100%;\n          display: flex;\n          .canEat-img {\n            width: 92px;\n            height: 92px;\n            margin: 14px 8px;\n            display: flex;\n            justify-content: center;\n            text-align: center;\n            overflow: hidden;\n            align-items: center;\n            img {\n              width: 92px;\n              height: 92px;\n            }\n          }\n          .canEat-recipe {\n            width: 70px;\n            height: 26px;\n            background: #fd6e40;\n            border-radius: 0px 8px 0px 8px;\n            position: absolute;\n            top: 0;\n            right: 0;\n            font-size: 12px;\n            font-family: PingFangSC-Regular, PingFang SC;\n            font-weight: 400;\n            color: #ffffff;\n            line-height: 26px;\n            text-align: center;\n          }\n          .canEat-cent {\n            width: 220px;\n            height: 92px;\n            margin: 14px 8px;\n            .canEat-title {\n              width: 144px;\n              height: 20px;\n              font-size: 14px;\n              font-family: PingFang-SC-Medium, PingFang-SC;\n              font-weight: 500;\n              color: #333333;\n              line-height: 20px;\n              max-width: 144px;\n              overflow: hidden;\n              text-overflow: ellipsis;\n              white-space: nowrap;\n            }\n            .canEat-txt {\n              margin-top: 18px;\n              width: 144px;\n              height: 20px;\n              font-size: 12px;\n              font-family: PingFangSC-Regular, PingFang SC;\n              font-weight: 400;\n              color: #999999;\n              line-height: 18px;\n            }\n            .canEat-num {\n              margin-top: 18px;\n              width: 144px;\n              height: 20px;\n              font-size: 10px;\n              font-family: PingFangSC-Regular, PingFang SC;\n              font-weight: 400;\n              color: #cccccc;\n              line-height: 14px;\n            }\n          }\n          .shop-cent {\n            width: 220px;\n            height: 92px;\n            margin: 14px 8px;\n            .shop-title {\n              width: 211px;\n              height: 20px;\n              font-size: 14px;\n              font-family: PingFang-SC-Medium, PingFang-SC;\n              font-weight: 500;\n              color: #333333;\n              line-height: 20px;\n              max-width: 211px;\n              overflow: hidden;\n              text-overflow: ellipsis;\n              white-space: nowrap;\n            }\n            .shop-txt {\n              margin-top: 18px;\n              width: 100%;\n              height: 20px;\n              font-size: 14px;\n              font-family: PingFangSC-Medium, PingFang SC;\n              font-weight: 500;\n              color: #fd6e40;\n              line-height: 20px;\n            }\n            .shop-num {\n              display: block;\n              margin-top: 18px;\n              width: 100%;\n              height: 14px;\n              font-size: 10px;\n              font-family: PingFangSC-Regular, PingFang SC;\n              font-weight: 400;\n              color: #cccccc;\n              line-height: 14px;\n            }\n          }\n          .shop_a {\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            left: 0;\n          }\n        }\n      }\n    }\n    /deep/ .swiper-pagination-clickable {\n      bottom: 30px;\n      font-size: 0;\n      position: absolute;\n      text-align: center;\n      transition: opacity 0.3s;\n      transform: translateZ(0);\n      z-index: 10;\n      .swiper-pagination-bullet {\n        width: 4px;\n        height: 4px;\n        background: #d8d8d8;\n        opacity: 1;\n        margin: 0 3px;\n        &.swiper-pagination-bullet-active {\n          width: 12px;\n          height: 4px;\n          background: #f1cd8f;\n          border-radius: 2px;\n        }\n      }\n    }\n  }\n\n  .banner_profile_swiper {\n    height: 86px;\n    padding-bottom: 20px;\n    .swiper-wrapper {\n      .swiper-slide {\n        background-color: @expertBorderColor242;\n        overflow: hidden;\n        a {\n          width: 100%;\n          display: block;\n        }\n        span {\n          width: 100%;\n          height: 86px;\n          display: block;\n          background-size: 100% 100%;\n          background-position: center center;\n        }\n      }\n    }\n    /deep/ .swiper-pagination-clickable {\n      bottom: 8px;\n      font-size: 0;\n      position: absolute;\n      text-align: center;\n      transition: opacity 0.3s;\n      transform: translateZ(0);\n      z-index: 10;\n      .swiper-pagination-bullet {\n        width: 4px;\n        height: 4px;\n        background: @expertFontColor153;\n        opacity: 1;\n        margin: 0 2px;\n        &.swiper-pagination-bullet-active {\n          width: 12px;\n          height: 4px;\n          background: @mainColor;\n          border-radius: 2px;\n        }\n      }\n    }\n  }\n  .banner_point_swiper {\n    height: 110px;\n    padding-bottom: 20px;\n    .swiper-wrapper {\n      border-radius: 8px;\n      .swiper-slide {\n        background-color: @expertBorderColor242;\n        overflow: hidden;\n        border-radius: 8px;\n        a {\n          width: 100%;\n          display: block;\n        }\n        span {\n          width: 100%;\n          height: 110px;\n          display: block;\n          background-size: 100% 100%;\n          background-position: center center;\n        }\n      }\n    }\n    /deep/ .swiper-pagination-clickable {\n      bottom: 8px;\n      font-size: 0;\n      position: absolute;\n      text-align: center;\n      transition: opacity 0.3s;\n      transform: translateZ(0);\n      z-index: 10;\n      .swiper-pagination-bullet {\n        width: 4px;\n        height: 4px;\n        background: @expertFontColor153;\n        opacity: 1;\n        margin: 0 2px;\n        &.swiper-pagination-bullet-active {\n          width: 12px;\n          height: 4px;\n          background: @mainColor;\n          border-radius: 2px;\n        }\n      }\n    }\n  }\n  .profile_card_swiper {\n    margin: 0 17px;\n  }\n  .swiper-container {\n    overflow: inherit;\n  }\n  .swiper-slide {\n    overflow: hidden;\n  }\n  .baby_card_swiper {\n    .swiper-slide {\n      width: 96px !important;\n      height: 140px;\n      margin-right: 10px;\n      border-radius: 8px;\n      box-sizing: border-box;\n      position: relative;\n      .title {\n        width: 100%;\n        font-size: 12px;\n        font-weight: 600;\n        color: #333;\n        margin-right: 96px;\n        padding: 6px 0 10px 6px;\n      }\n      img {\n        margin: 0 auto;\n        display: block;\n      }\n      .text {\n        text-align: center;\n        padding-top: 12px;\n        color: #d69f36;\n      }\n      .title_tips {\n        position: absolute;\n        top: 25px;\n        left: 32px;\n        width: 50px;\n        background: #ff6f52;\n        color: #fff;\n        font-size: 8px;\n        text-align: center;\n        line-height: 16px;\n        opacity: 0.71;\n        border-radius: 7px;\n        padding-top: 2px;\n      }\n    }\n    .bblc {\n      border: 1px solid rgba(255, 240, 240, 1);\n      background: #fdf7f7;\n      img {\n        width: 32px;\n        height: 62px;\n      }\n    }\n    .czqx {\n      border: 1px solid rgba(239, 243, 249, 1);\n      background: #f9f9fe;\n      .title {\n        padding-bottom: 22px;\n      }\n      img {\n        width: 50px;\n        height: 50px;\n      }\n    }\n    .eat {\n      border: 1px solid rgba(239, 243, 249, 1);\n      background: #f9f9fe;\n      .title {\n        padding-bottom: 22px;\n      }\n      img {\n        width: 50px;\n        height: 50px;\n      }\n    }\n    .ymtx {\n      border: 1px solid rgba(233, 245, 237, 1);\n      background: #f4faf6;\n      .title {\n        padding-bottom: 22px;\n      }\n      img {\n        width: 50px;\n        height: 50px;\n      }\n    }\n    .bbyy {\n      border: 1px solid rgba(255, 242, 218, 1);\n      background: #fffdef;\n      .title {\n        padding-bottom: 22px;\n      }\n      img {\n        width: 51px;\n        height: 51px;\n      }\n    }\n    .mmyy {\n      border: 1px solid rgba(255, 240, 240, 1);\n      background: #fdf7f7;\n      .title {\n        padding-bottom: 22px;\n      }\n      img {\n        width: 60px;\n        height: 50px;\n      }\n    }\n    .jtyy {\n      border: 1px solid rgba(243, 248, 251, 1);\n      background: #f9fdff;\n      .title {\n        padding-bottom: 22px;\n      }\n      img {\n        width: 52px;\n        height: 52px;\n      }\n    }\n    .cjtx {\n      border: 1px solid rgba(255, 234, 213, 1);\n      background: #fff9f2;\n      .title {\n        padding-bottom: 22px;\n      }\n      img {\n        width: 51px;\n        height: 51px;\n      }\n    }\n    .zdtx {\n      border: 1px solid rgba(255, 243, 214, 1);\n      background: #fffef2;\n      .title {\n        padding-bottom: 22px;\n      }\n      img {\n        width: 50px;\n        height: 50px;\n      }\n    }\n    /deep/ .pagination {\n      text-align: center;\n    }\n  }\n  .baby_card_swiper1 {\n    .minor {\n      width: 31.33% !important;\n    }\n    .swiper-pagination-bullets {\n      text-align: center;\n    }\n  }\n  .child_list_swiper {\n    .swiper-wrapper {\n      margin-top: 4px;\n      .swiper-slide {\n        width: 340px;\n        // margin-left: 12px;\n        .img {\n          width: 100%;\n          height: 135px;\n          img {\n            width: 100%;\n            height: 100%;\n          }\n        }\n        .title {\n          // position: absolute;\n          // bottom: 41px;\n          // width: 100%;\n          // height: 60px;\n          background: #fff;\n          font-size: 14px;\n          padding: 8px 12px;\n          font-weight: 500;\n          display: -webkit-box;\n          -webkit-box-orient: vertical;\n          -webkit-line-clamp: 2;\n          word-break: break-all;\n        }\n      }\n    }\n  }\n  .course_hot_swiper {\n    .swiper-wrapper {\n      margin: 0 10px;\n      .swiper-slide {\n        height: 116px;\n        max-width: 160px;\n        border-radius: 8px;\n        overflow: hidden;\n        .active_top {\n          height: 36px;\n          line-height: 36px;\n          background: linear-gradient(\n            270deg,\n            rgba(255, 236, 174, 1) 0%,\n            rgba(254, 236, 182, 1) 30%,\n            rgba(255, 246, 219, 1) 74%,\n            rgba(237, 211, 136, 1) 100%\n          );\n          p {\n            font-weight: bold;\n            font-size: @indexFontSize14;\n            color: rgba(181, 132, 68, 1);\n            text-align: center;\n          }\n        }\n        img {\n          width: 136px;\n          height: 116px;\n        }\n        &:last-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n  .suckTopBanner__swiper {\n    width: 100%;\n    height: 34px;\n  }\n  .homeBg_banner_swiper {\n    height: 100%;\n    width: 100%;\n    -webkit-overflow-scrolling: touch;\n    .swiper-slide {\n      -webkit-overflow-scrolling: touch;\n      img {\n        width: 100%;\n        // position: fixed;\n      }\n    }\n    /deep/.pagination {\n      position: absolute;\n      top: 128px;\n      left: 85%;\n      z-index: 10;\n      width: 38px;\n      height: 22px;\n      // border-radius: 13px;\n      // border: 1px solid #ffffff;\n      // background: rgba(255, 255, 255, 0.6);\n      text-align: center;\n      line-height: 22px;\n      .swiper-pagination-bullet {\n        background: #c1c1c1;\n      }\n      .swiper-pagination-bullet-active {\n        background: #f4c757;\n      }\n    }\n  }\n  // 孕育百科-编辑推荐\n  .exclusive_edit_swiper {\n    .swiper-wrapper {\n      .swiper-slide {\n        width: 128px;\n        img {\n          width: 128px;\n          height: 78px;\n          display: block;\n          border-radius: 8px;\n        }\n        .text {\n          width: 120px;\n          padding: 8px 4px 12px;\n          font-size: 13px;\n          font-weight: bold;\n          text-align: center;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          overflow: hidden;\n        }\n      }\n    }\n  }\n  // 首页专家视角-资源位\n  .expert_article_swiper {\n    .article_list {\n      width: 270px !important;\n      padding: 13px 8px;\n      background: #edf1f8;\n      border-radius: 8px;\n      border: 1px solid #ececec;\n      box-sizing: border-box;\n      display: flex;\n      justify-content: space-between;\n      .left {\n        width: 135px;\n        height: 72px;\n        position: relative;\n        img {\n          width: 100%;\n          height: 100%;\n          border-top-right-radius: 4px;\n          border-top-left-radius: 4px;\n          display: block;\n        }\n        i {\n          width: 20px;\n          height: 20px;\n          display: inline-block;\n          background: url('../../../assets/images/nweHome/play.png') no-repeat;\n          background-size: contain;\n          position: absolute;\n          left: 57px;\n          top: 26px;\n          z-index: 1;\n        }\n        span {\n          width: 100%;\n          display: inline-block;\n          line-height: 18px;\n          font-size: 10px;\n          text-align: center;\n          border-bottom-left-radius: 4px;\n          border-bottom-right-radius: 4px;\n          background: linear-gradient(90deg, #fef5a0 0%, #fee063 100%);\n          color: #7b4215;\n        }\n      }\n      .right {\n        width: 141px;\n        margin-left: 8px;\n        .title {\n          width: 100%;\n          height: 44px;\n          line-height: 22px;\n          font-size: 15px;\n          color: #333;\n          overflow: hidden;\n          display: -webkit-box;\n          -webkit-box-orient: vertical;\n          -webkit-line-clamp: 2;\n          -ms-text-overflow: ellipsis;\n          text-overflow: ellipsis;\n        }\n        .name {\n          font-size: 11px;\n          color: #999;\n          width: 100%;\n          line-height: 16px;\n          display: inline-block;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .share_info {\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n          img {\n            width: 27px;\n            height: 27px;\n          }\n          button {\n            width: 62px;\n            height: 28px;\n            border: none;\n            background: linear-gradient(90deg, #ff9062 0%, #ff8e6b 100%);\n            border-radius: 27px;\n            color: #fff;\n            margin-left: 8px;\n          }\n          .success {\n            background: linear-gradient(90deg, #ff9062 0%, #ff8e6b 100%);\n            opacity: 0.59;\n          }\n        }\n      }\n    }\n    // 营养厨房\n    .nutrition_kitchen {\n      padding: 13px 8px;\n      .left {\n        width: 133px;\n        height: 90px;\n        img {\n          height: 72px;\n        }\n      }\n      .right {\n        width: 143px;\n        position: relative;\n        .share_info {\n          img {\n            position: absolute;\n            right: 0;\n            bottom: 0;\n          }\n        }\n      }\n    }\n    // 新鲜育儿观   哈佛育儿课堂\n    .fresh_parenting,\n    .harvard_classroom {\n      padding: 20px 8px 17px;\n      .left {\n        width: 109px;\n        height: 79px;\n        img {\n          height: 61px;\n        }\n      }\n      .right {\n        width: 167px;\n      }\n    }\n    // 星妈课堂\n    .xingma_classroom {\n      .left {\n        height: 92px;\n        width: 67px;\n        img {\n          border-radius: 4px;\n        }\n        span {\n          position: absolute;\n          left: 0;\n          bottom: 0;\n        }\n      }\n      .right {\n        width: 209px;\n        .time {\n          margin-top: 6px;\n          font-size: 11px;\n          line-height: 16px;\n          color: #999;\n        }\n        .share_info {\n          justify-content: space-between;\n          .order_number {\n            margin-top: 3px;\n            line-height: 16ppx;\n            color: #999;\n            font-size: 11px;\n          }\n          .share {\n            display: flex;\n            align-items: center;\n          }\n        }\n      }\n    }\n  }\n  // 首页好物推荐\n  .goods_recommend_swiper {\n    .goods_box {\n      .box {\n        width: 120px;\n        height: 191px;\n        margin-right: 8px;\n        position: relative;\n        border-radius: 8px;\n        border: 1px solid #ececec;\n        .goods_img {\n          width: 108px;\n          height: 108px;\n          padding: 11px 6px;\n          i {\n            display: block;\n            width: 108px;\n            height: 108px;\n            background-size: 100% 100%;\n            background-position: center center;\n          }\n        }\n        .title {\n          width: 112px;\n          padding: 4px 4px 0;\n          line-height: 20px;\n          color: #333;\n          font-size: 14px;\n          display: inline-block;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .price {\n          margin-top: 8px;\n          padding: 0 4px;\n          color: #ff6146;\n          font-weight: bold;\n          font-size: 12px;\n          line-height: 17px;\n        }\n      }\n      &:last-child {\n        .box {\n          margin-right: 12px;\n        }\n      }\n      .tagWrap {\n        width: 100%;\n        height: 198px;\n        position: absolute;\n        top: 0;\n        left: 0;\n      }\n    }\n  }\n  // 热门活动\n  .popular_activities_swiper {\n    position: relative;\n    overflow: hidden;\n    .swiper-wrapper {\n      .swiper-slide {\n        width: 100%;\n        height: 220px;\n        img {\n          width: 100%;\n          height: 220px;\n        }\n      }\n    }\n    /deep/ .swiper-pagination-clickable {\n      position: absolute;\n      bottom: 38px;\n      left: 50%;\n      transform: translate(-50%, 0);\n      width: auto;\n      transition: opacity 0.3s;\n      z-index: 10;\n      .swiper-pagination-bullet {\n        width: 4px;\n        height: 4px;\n        background: @expertFontColor153;\n        opacity: 1;\n        margin: 0 2px;\n        &.swiper-pagination-bullet-active {\n          width: 12px;\n          height: 4px;\n          background: @mainColor;\n          border-radius: 2px;\n        }\n      }\n    }\n  }\n}\n// .mySwiper .banner_recommend_swiper{\n//   padding-bottom: 0.33333rem!important;\n// }\n// .mySwiper .banner_recommend_swiper .swiper-pagination-clickable{\n//   bottom:0!important;\n// }\n</style>\n\n<script>\nimport Swiper from 'swiper'\nimport 'swiper/dist/css/swiper.css'\nimport harvardData from '../../../utils/mockData/harvardData'\nimport API from '@/utils/axiosApi/getUserInfoIntellect' //智能推算接口\nexport default {\n  name: 'mySwiper',\n  data() {\n    return {\n      clientX1: 0,\n      activeBabyCardIndex: 0,\n      timer: 0,\n    }\n  },\n\n  props: {\n    swipeid: {\n      type: String,\n      default: '',\n    },\n    paginationFlag: {\n      type: Boolean,\n      default: false,\n    },\n    slidesNum: {\n      type: Number,\n      default: 3,\n    },\n    spaceBetweenNum: {\n      type: Number,\n      default: 0,\n    },\n    autoplayNumber: {\n      type: Number,\n      default: 3000,\n    },\n    autoplay: {\n      type: Boolean,\n      default: false,\n    },\n    loop: {\n      type: Boolean,\n      default: true,\n    },\n    centeredSlides: {\n      type: Boolean,\n      default: false,\n    },\n    userId: {\n      type: String,\n      default: '',\n    },\n    // touchEndFn: {\n    //   type: Function,\n    //   default: null\n    // },\n    type: {\n      type: String,\n      default: null,\n    },\n    offsetPxAfter: {\n      type: Number,\n      default: 0,\n    },\n    offsetPxBefore: {\n      type: Number,\n      default: 0,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n    },\n    allowTouchMove: {\n      type: Boolean,\n      default: true,\n    },\n    cssWidthAndHeight: {\n      type: Boolean,\n      default: false,\n    },\n    referrerItemId: {\n      type: Number,\n      default: 0,\n    },\n    recommendList: {\n      type: Array,\n    },\n    readingTime: {\n      type: Number,\n      default: 0,\n    },\n  },\n  activated() {\n    console.log(this.dom, '------------===================')\n  },\n  mounted() {\n    this.isKeep = true\n    this.init()\n  },\n  methods: {\n    init() {\n      var that = this\n      this.dom = new Swiper('.' + that.swipeid, {\n        //分页器\n        pagination: { el: '.pagination', clickable: true },\n        loop: that.loop,\n        // 切换方向\n        direction: that.direction,\n        // 显示个数\n        slidesPerView: that.slidesNum == 0 ? 'auto' : that.slidesNum,\n        // slide间距\n        spaceBetween: that.spaceBetweenNum,\n        //用户操作swiper之后，不禁止autoplay\n        //autoplayDisableOnInteraction: false,\n        //修改swiper自己或子元素时，自动初始化swiper\n        observer: true,\n        //修改swiper的父元素时，自动初始化swiper\n        observeParents: true,\n        allowTouchMove: this.allowTouchMove,\n        cssWidthAndHeight: this.cssWidthAndHeight,\n        // 轮播时间间隔\n        autoplay: that.autoplay\n          ? {\n              delay: that.autoplayNumber,\n              stopOnLastSlide: false,\n              disableOnInteraction: false,\n            }\n          : that.autoplay,\n        // 居中显示\n        centeredSlides: that.centeredSlides,\n        offsetPxAfter: that.offsetPxAfter,\n        offsetPxBefore: that.offsetPxBefore,\n        on: {\n          tap: function (e) {\n            console.log(12312)\n            // 营养厨房轮播图跳转添加自定义属性 loop模式：会在原本slide 前后复制若干个slide (默认一个，不会复制点击事件)，解决办法就是定义自定义属性，点击拿到自定义属性id，子传父跳转\n            if (e.target.attributes['data-item']) {\n              const data = JSON.parse(e.target.attributes['data-item'].nodeValue)\n              // console.log(JSON.parse(e.target.attributes['data-item'].nodeValue), 'nodeValue')\n              that.$emit(\n                'slideClick',\n                  data.recipe_id || data.id\n              )\n            }\n            console.log(e.target)\n            // 首页资源位跳转\n            if (e.target.attributes['home-data-item']) {\n              that.$emit(\n                'slideClick',\n                JSON.parse(e.target.attributes['home-data-item'].nodeValue)\n              )\n            }else{\n              try{\n                const data = JSON.parse(e.target.attributes['data'].nodeValue)\n                that.$emit(\n                    'slideClick',\n                    data.id\n                )\n              }catch (event){\n                console.log(e)\n                // console.log(e.target.attributes['data'].nodeValue)\n              }\n\n            }\n          },\n          // touchEnd: function (swiper, event) {\n          //   if (that.swipeid === 'detail_recommend_swiper') {\n          //     //添加智能推荐（周需）\n          //     const arr = harvardData.expertList\n          //     this.activeIndex = this.activeIndex % arr.length\n          //     console.warn(\n          //       this.activeIndex,\n          //       event,\n          //       swiper,\n          //       '2937294y3887343874384738473847384'\n          //     )\n          //   }\n          // },\n          slideChangeTransitionEnd: function () {\n            if (that.swipeid === 'detail_recommend_swiper') {\n              const arr = harvardData.expertList\n              this.activeIndex = this.activeIndex % arr.length\n              const itemData = that.recommendList.filter((item, index) => {\n                return index === this.activeIndex\n              })\n              const pkData = {\n                itemId: `${itemData[0].pkContent}`,\n                itemTraceId: itemData[0].itemTraceId,\n                itemType: itemData[0].itemType,\n              }\n              const vote = {\n                crmId: that.userId,\n                behaviorType: 1,\n                itemData: [pkData],\n                referrerItemId: `${that.referrerItemId}`,\n                // commentText//非必填\n                duration: that.readingTime,\n              }\n              console.warn('智能推荐需要的参数', vote)\n              API.reportUserBehavior({}, vote, (res) => {\n                if (res.code == 200) {\n                  console.log(res, '用户滑动智能推算成功')\n                } else {\n                  console.error('请求失败')\n                }\n              })\n            } else if (that.swipeid === 'expert_recommend_swiper') {\n              const arr = harvardData.expertList\n              this.activeIndex = this.activeIndex % arr.length\n              sensors.track('ExchangSpecialist', {\n                specialist_name: arr[this.activeIndex].name,\n              })\n            }\n            // this.activeIndex = this.activeIndex % arr.length\n            that.$emit('slideChange', this.activeIndex)\n          },\n          touchStart: function (event) {\n            //if(that.swipeid==='archives_card_swiper'){\n            // that.clientX1 = event.changedTouches[0].clientX\n            // that.timeStampX1 = event.timeStamp\n            // console.log('开始坐标',that.clientX1);\n            // }\n          },\n          touchMove: function (event) {\n            //你的事件\n            //   if(that.swipeid==='archives_card_swiper'){\n            //     if (that.clientX1 === 0) return false\n            //     // console.log('走');\n            //     const clientX2 = event.changedTouches[0].clientX\n            //     let disX = that.clientX1 - clientX2\n            //     // 判断左右滑动的阀值为15\n            //     if (disX > 15) {\n            //       // 左滑\n            //       that.clientX1 = 0\n            //       that.activeBabyCardIndex=1\n            //       // this.currentSwiper = this.currentSwiper + 1\n            //     }\n            //     if (disX < -15) {\n            //       // 右滑\n            //       that.clientX1 = 0\n            //       that.activeBabyCardIndex=0\n            //       // this.currentSwiper = this.currentSwiper - 1\n            //     }\n            //   }\n          },\n          transitionEnd: function () {\n            if (that.swipeid === 'archives_card_swiper') {\n              var index = that.dom.progress\n              if (index == '1') {\n                that.activeBabyCardIndex = 1\n              } else {\n                that.activeBabyCardIndex = 0\n              }\n              //   console.log(index)\n              //   console.log(that.activeBabyCardIndex)\n              // var timeStampX2 = event.timeStamp\n              // var diffX2 = timeStampX2 - that.timeStampX1\n              // if (diffX2>500) {\n              //   return false\n              // }\n              console.log(this.activeIndex)\n              that.$emit('pageChange', that.activeBabyCardIndex)\n            }\n          },\n        },\n      })\n      setTimeout(() => {\n        $('.baby_card_swiper1 .swiper-wrapper').css(\n          'transform',\n          'translate3d(0px, 0px, 0px)'\n        )\n      }, 1000)\n    },\n    jumpSwiper(id) {\n      this.dom.slideTo(id)\n    },\n  },\n}\n</script>\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mySwiper\"},[_c('div',{staticClass:\"swiper-container\",class:_vm.swipeid,style:(_vm.paginationFlag ? '' : 'padding-bottom:0px !important')},[_c('div',{staticClass:\"swiper-wrapper\",class:_vm.type == 'home' ? 'swiper-goods-home' : '',staticStyle:{\"transform\":\"translate3d(0px, 0px, 0px)\",\"transition-duration\":\"0ms\"}},[_vm._t(\"swiper-con\")],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.paginationFlag),expression:\"paginationFlag\"}],staticClass:\"pagination\"})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./mySwiper.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!./mySwiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mySwiper.vue?vue&type=template&id=3fdf2754&scoped=true&\"\nimport script from \"./mySwiper.vue?vue&type=script&lang=js&\"\nexport * from \"./mySwiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mySwiper.vue?vue&type=style&index=0&id=3fdf2754&prod&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  \"3fdf2754\",\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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mySwiper.vue?vue&type=style&index=0&id=3fdf2754&prod&lang=less&scoped=true&\""],"sourceRoot":""}