{"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\AdvGroup.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\AdvGroup.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJBZHZHcm91cCIsCiAgcHJvcHM6IHsKICAgIHNldEZvcm06IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHNGb3JtOiB7fQogICAgfTsKICB9LAoKICB3YXRjaDogewogICAgc2V0Rm9ybSh2YWwpIHsKICAgICAgdGhpcy5zRm9ybSA9IHZhbDsKICAgIH0KCiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuc0Zvcm0gPSB0aGlzLnNldEZvcm07CiAgfQoKfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwLA;EACAA,gBADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CAFA;;EAUAC;IACA;MACAC;IADA;EAGA,CAdA;;EAeAC;IACAL;MACA;IACA;;EAHA,CAfA;;EAoBAM;IACA;EACA;;AAtBA","names":["name","props","setForm","type","default","data","sForm","watch","created"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PDComponents","sources":["AdvGroup.vue"],"sourcesContent":["<template>\n  <div class=\"AdvGroup\">\n    <div v-if=\"sForm.style.styleId !== 3\" class=\"group-one\">\n      <div class=\"one-li one-left\">\n        <div class=\"left-title-view\">\n          <span class=\"title\" :style=\"{ color: sForm.adv_list[0].titleColor }\">\n            {{ sForm.adv_list[0].title }}\n          </span>\n          <span class=\"desc\" :style=\"{ color: sForm.adv_list[0].descColor }\">\n            {{ sForm.adv_list[0].desc }}\n          </span>\n        </div>\n        <div class=\"more-btn\">\n          <span>{{ sForm.adv_list[0].btnText }}</span>\n          <span class=\"iconfont icon-jinru1\"></span>\n        </div>\n        <div>\n          <img\n            class=\"adv-img\"\n            :src=\"\n              sForm.adv_list[0].image.url ||\n              require('@/assets/img/replace-img.png')\n            \"\n          />\n        </div>\n      </div>\n      <div class=\"one-li one-right\">\n        <div class=\"right-li clearfix\">\n          <div class=\"float_left\">\n            <p class=\"title\" :style=\"{ color: sForm.adv_list[1].titleColor }\">\n              {{ sForm.adv_list[1].title }}\n            </p>\n            <p class=\"desc\" :style=\"{ color: sForm.adv_list[1].descColor }\">\n              {{ sForm.adv_list[1].desc }}\n            </p>\n            <div class=\"more-btn\">\n              <span>{{ sForm.adv_list[1].btnText }}</span>\n              <span class=\"iconfont icon-jinru1\"></span>\n            </div>\n          </div>\n          <div class=\"float_right\">\n            <img\n              class=\"adv-img\"\n              :src=\"\n                sForm.adv_list[1].image.url ||\n                require('@/assets/img/replace-img.png')\n              \"\n            />\n          </div>\n        </div>\n        <div class=\"right-li clearfix\">\n          <div class=\"float_left\">\n            <p class=\"title\" :style=\"{ color: sForm.adv_list[2].titleColor }\">\n              {{ sForm.adv_list[2].title }}\n            </p>\n            <p class=\"desc\" :style=\"{ color: sForm.adv_list[2].descColor }\">\n              {{ sForm.adv_list[2].desc }}\n            </p>\n            <div class=\"more-btn\">\n              <span>{{ sForm.adv_list[2].btnText }}</span>\n              <span class=\"iconfont icon-jinru1\"></span>\n            </div>\n          </div>\n          <div class=\"float_right\">\n            <img\n              class=\"adv-img\"\n              :src=\"\n                sForm.adv_list[2].image.url ||\n                require('@/assets/img/replace-img.png')\n              \"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"sForm.style.styleId === 1\" class=\"group-two\">\n      <div class=\"group-li\">\n        <div class=\"group-title\">\n          <span class=\"title\" :style=\"{ color: sForm.adv_list[3].titleColor }\">\n            {{ sForm.adv_list[3].title }}\n          </span>\n          <span class=\"desc\" :style=\"{ color: sForm.adv_list[3].descColor }\">\n            {{ sForm.adv_list[3].desc }}\n          </span>\n        </div>\n        <div class=\"clearfix\">\n          <div class=\"more-btn float_left\">\n            <span>{{ sForm.adv_list[3].btnText }}</span>\n            <span class=\"iconfont icon-jinru1\"></span>\n          </div>\n          <div class=\"float_right\">\n            <img\n              class=\"adv-img\"\n              :src=\"\n                sForm.adv_list[3].image.url ||\n                require('@/assets/img/replace-img.png')\n              \"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"group-li\">\n        <div class=\"group-title\">\n          <span class=\"title\" :style=\"{ color: sForm.adv_list[4].titleColor }\">\n            {{ sForm.adv_list[4].title }}\n          </span>\n          <span class=\"desc\" :style=\"{ color: sForm.adv_list[4].descColor }\">\n            {{ sForm.adv_list[4].desc }}\n          </span>\n        </div>\n        <div class=\"clearfix\">\n          <div class=\"more-btn float_left\">\n            <span>{{ sForm.adv_list[4].btnText }}</span>\n            <span class=\"iconfont icon-jinru1\"></span>\n          </div>\n          <div class=\"float_right\">\n            <img\n              class=\"adv-img\"\n              :src=\"\n                sForm.adv_list[4].image.url ||\n                require('@/assets/img/replace-img.png')\n              \"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n    <!--    样式3-->\n    <div v-if=\"sForm.style.styleId === 3\" class=\"group-two\">\n      <div class=\"group-li\">\n        <div class=\"group-title\">\n          <span class=\"title\" :style=\"{ color: sForm.adv_list[0].titleColor }\">\n            {{ sForm.adv_list[0].title }}\n          </span>\n          <span class=\"desc\" :style=\"{ color: sForm.adv_list[0].descColor }\">\n            {{ sForm.adv_list[0].desc }}\n          </span>\n        </div>\n        <div class=\"clearfix\">\n          <div class=\"more-btn float_left\">\n            <span>{{ sForm.adv_list[0].btnText }}</span>\n            <span class=\"iconfont icon-jinru1\"></span>\n          </div>\n          <div class=\"float_right\">\n            <img\n              class=\"adv-img\"\n              :src=\"\n                sForm.adv_list[0].image.url ||\n                require('@/assets/img/replace-img.png')\n              \"\n            />\n          </div>\n        </div>\n      </div>\n      <div class=\"group-li\">\n        <div class=\"group-title\">\n          <span class=\"title\" :style=\"{ color: sForm.adv_list[1].titleColor }\">\n            {{ sForm.adv_list[1].title }}\n          </span>\n          <span class=\"desc\" :style=\"{ color: sForm.adv_list[1].descColor }\">\n            {{ sForm.adv_list[1].desc }}\n          </span>\n        </div>\n        <div class=\"clearfix\">\n          <div class=\"more-btn float_left\">\n            <span>{{ sForm.adv_list[1].btnText }}</span>\n            <span class=\"iconfont icon-jinru1\"></span>\n          </div>\n          <div class=\"float_right\">\n            <img\n              class=\"adv-img\"\n              :src=\"\n                sForm.adv_list[1].image.url ||\n                require('@/assets/img/replace-img.png')\n              \"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: \"AdvGroup\",\n    props: {\n      setForm: {\n        type: Object,\n        default: () => {\n          return {};\n        },\n      },\n    },\n    data() {\n      return {\n        sForm: {},\n      };\n    },\n    watch: {\n      setForm(val) {\n        this.sForm = val;\n      },\n    },\n    created() {\n      this.sForm = this.setForm;\n    },\n  };\n</script>\n\n<style scoped lang=\"scss\">\n  .AdvGroup {\n    background-color: #ffffff;\n    .more-btn {\n      font-size: 10px;\n      font-weight: 400;\n      color: #cacaca;\n      line-height: 14px;\n      .iconfont {\n        font-size: 10px;\n      }\n    }\n    .group-one {\n      display: flex;\n      .one-li {\n        flex: 2;\n      }\n      .one-left {\n        padding-left: 16px;\n        padding-top: 12px;\n        padding-bottom: 12px;\n        border-right: 1px solid #eeeeee;\n        .adv-img {\n          margin-top: 16px;\n          width: 159px;\n          height: 120px;\n          border-radius: 8px;\n        }\n        .left-title-view {\n          line-height: 23px;\n          padding-bottom: 4px;\n          .title {\n            font-size: 16px;\n            font-weight: 500;\n            color: #2a2a2a;\n          }\n          .desc {\n            margin-left: 4px;\n            font-size: 12px;\n            font-weight: 400;\n            color: #f05064;\n          }\n        }\n      }\n      .one-right {\n        padding-right: 16px;\n        .right-li {\n          padding: 12px 0 12px 12px;\n          position: relative;\n          .more-btn {\n            position: absolute;\n            left: 12px;\n            bottom: 12px;\n          }\n          .title {\n            font-size: 14px;\n            font-weight: 500;\n            color: #2a2a2a;\n            line-height: 20px;\n          }\n          .desc {\n            font-size: 12px;\n            font-weight: 400;\n            color: #fd6f02;\n            line-height: 17px;\n            padding-top: 4px;\n          }\n          &:first-child {\n            border-bottom: 1px solid #eeeeee;\n            .desc {\n              color: #3cb4b6;\n            }\n          }\n        }\n        .adv-img {\n          width: 67px;\n          height: 76px;\n          border-radius: 4px;\n        }\n      }\n    }\n  }\n  .group-two {\n    display: flex;\n    border-top: 1px solid #eeeeee;\n    .group-li {\n      padding: 12px 0;\n      flex: 2;\n      &:first-child {\n        padding-left: 16px;\n        padding-right: 12px;\n        border-right: 1px solid #eeeeee;\n      }\n      &:nth-child(2) {\n        padding-right: 16px;\n        padding-left: 12px;\n      }\n      .group-title {\n        padding-bottom: 6px;\n        line-height: 20px;\n        .title {\n          font-size: 14px;\n          font-weight: 500;\n          color: #2a2a2a;\n        }\n        .desc {\n          margin-left: 4px;\n          font-size: 12px;\n          font-weight: 400;\n          color: #19906c;\n        }\n      }\n      .adv-img {\n        width: 97px;\n        height: 54px;\n        border-radius: 4px;\n      }\n    }\n  }\n</style>\n"]}]}