{"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\CouponGroup.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\CouponGroup.vue","mtime":1678954023579},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJDb3Vwb25Hcm91cCIsCiAgcHJvcHM6IHsKICAgIHNldEZvcm06IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHNGb3JtOiB7fQogICAgfTsKICB9LAoKICB3YXRjaDogewogICAgc2V0Rm9ybSh2YWwpIHsKICAgICAgY29uc29sZS5sb2codmFsKTsKICAgICAgdGhpcy5zRm9ybSA9IHZhbDsKICAgIH0KCiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuc0Zvcm0gPSB0aGlzLnNldEZvcm07CiAgfQoKfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA;EACAA,mBADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CAFA;;EAUAC;IACA;MACAC;IADA;EAGA,CAdA;;EAeAC;IACAL;MACAM;MACA;IACA;;EAJA,CAfA;;EAqBAC;IACA;EACA;;AAvBA","names":["name","props","setForm","type","default","data","sForm","watch","console","created"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PDComponents","sources":["CouponGroup.vue"],"sourcesContent":["<template>\n  <div class=\"coupon-box\">\n    <div v-if=\"sForm.title || sForm.titleDesc\" class=\"coupon-title\">\n      <span class=\"title\">{{ sForm.title }}</span>\n      <span v-if=\"sForm.titleDesc\" class=\"line\">|</span>\n      <span class=\"desc\">{{ sForm.titleDesc }}</span>\n    </div>\n    <ul\n      class=\"coupon-ul\"\n      :style=\"{ paddingTop: sForm.title || sForm.titleDesc ? '2px' : '23px' }\"\n    >\n      <li\n        v-for=\"item in sForm.rowNum\"\n        :key=\"item\"\n        class=\"coupon-li\"\n        :class=\"[sForm.rowNum === 2 ? 'coupon-two-li' : '']\"\n      >\n        <div class=\"coupon-in\">\n          <p class=\"num\">¥200</p>\n          <p class=\"coupon-desc\">商品满1000可用</p>\n          <div class=\"get-btn\">\n            <span>领取使用</span>\n            <span class=\"iconfont icon-youjiantou\"></span>\n          </div>\n        </div>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: \"CouponGroup\",\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        console.log(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  .coupon-box {\n    border-radius: 16px;\n    width: 355px;\n    margin: 0 auto;\n    background-image: url(\"../../../../assets/img/pageComponents/coupon_bck.png\");\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 100% 100%;\n    .coupon-title {\n      padding: 0 12px;\n      line-height: 45px;\n      height: 45px;\n      color: #ffe6c6;\n      font-size: 12px;\n      .line {\n        margin: 0 10px;\n      }\n      .title {\n        font-size: 18px;\n        font-weight: 600;\n        color: #ffd7a4;\n        text-shadow: 1px 2px 1px rgba(175, 19, 13, 0.51);\n        background: linear-gradient(123deg, #fff7e5 0%, #f7c89a 100%);\n        background-clip: text;\n      }\n    }\n    .coupon-ul {\n      padding-left: 4px;\n      display: flex;\n      padding-bottom: 23px;\n      padding-top: 2px;\n      .coupon-li {\n        margin-left: 12px;\n        width: 100px;\n        height: 140px;\n        background: linear-gradient(180deg, #ffe3cb 3%, #fff8f2 100%);\n        border-radius: 5px;\n        padding-top: 2px;\n        .coupon-in {\n          width: 96px;\n          height: 136px;\n          border-radius: 4px;\n          border: 1px solid #a5837a;\n          margin: 0 auto;\n          text-align: center;\n          .num {\n            font-size: 24px;\n            font-family: DIN-Medium, DIN;\n            font-weight: 500;\n            color: #8b3913;\n            line-height: 29px;\n            background: linear-gradient(180deg, #934331 0%, #c5785f 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            margin-top: 26px;\n          }\n          .coupon-desc {\n            font-size: 12px;\n            font-weight: 400;\n            color: #3c3c3c;\n            line-height: 17px;\n            margin-top: 8px;\n          }\n          .get-btn {\n            width: 76px;\n            height: 24px;\n            line-height: 24px;\n            background: #9e4722;\n            border-radius: 20px;\n            color: #ffffff;\n            font-size: 10px;\n            margin: 20px auto 0;\n            .iconfont {\n              font-size: 10px;\n              margin-left: 5px;\n            }\n          }\n        }\n      }\n      .coupon-two-li {\n        width: 154px;\n        .coupon-in {\n          width: 150px;\n          .get-btn {\n            width: 86px;\n          }\n        }\n      }\n    }\n  }\n</style>\n"]}]}