{"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\\LimitedSeckill.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\LimitedSeckill.vue","mtime":1678954023580},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJMaW1pdGVkU2Vja2lsbCIsCiAgcHJvcHM6IHsKICAgIHNldEZvcm06IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHNGb3JtOiB7fSwKICAgICAgZ29vZHNfbGlzdDogW3sKICAgICAgICBpbWFnZXM6ICIiLAogICAgICAgIHRpdGxlOiAi5ZWG5ZOB5ZCN56ewIiwKICAgICAgICBpZDogIjAwMSIsCiAgICAgICAgc2t1SWQ6ICIwMDIiCiAgICAgIH0sIHsKICAgICAgICBpbWFnZXM6ICIiLAogICAgICAgIHRpdGxlOiAi5ZWG5ZOB5ZCN56ewIiwKICAgICAgICBpZDogIjAwNSIsCiAgICAgICAgc2t1SWQ6ICIwMDYiCiAgICAgIH0sIHsKICAgICAgICBpbWFnZXM6ICIiLAogICAgICAgIHRpdGxlOiAi5ZWG5ZOB5ZCN56ewIiwKICAgICAgICBpZDogIjAwNCIsCiAgICAgICAgc2t1SWQ6ICIwMDMiCiAgICAgIH1dCiAgICB9OwogIH0sCgogIHdhdGNoOiB7CiAgICBzZXRGb3JtKHZhbCkgewogICAgICB0aGlzLnNGb3JtID0gdmFsOwogICAgfQoKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5zRm9ybSA9IHRoaXMuc2V0Rm9ybTsKICB9Cgp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA;EACAA,sBADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CAFA;;EAUAC;IACA;MACAC,SADA;MAEAC,aACA;QACAC,UADA;QAEAC,aAFA;QAGAC,SAHA;QAIAC;MAJA,CADA,EAOA;QACAH,UADA;QAEAC,aAFA;QAGAC,SAHA;QAIAC;MAJA,CAPA,EAaA;QACAH,UADA;QAEAC,aAFA;QAGAC,SAHA;QAIAC;MAJA,CAbA;IAFA;EAuBA,CAlCA;;EAmCAC;IACAV;MACA;IACA;;EAHA,CAnCA;;EAwCAW;IACA;EACA;;AA1CA","names":["name","props","setForm","type","default","data","sForm","goods_list","images","title","id","skuId","watch","created"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PDComponents","sources":["LimitedSeckill.vue"],"sourcesContent":["<template>\n  <div class=\"LimitedSeckill\" :style=\"{ backgroundColor: sForm.bgColor }\">\n    <div class=\"top-div clearfix\">\n      <div class=\"float_left\">\n        <div class=\"icon-xsms\">\n          <i class=\"iconfont icon-shijian\"></i>\n          <span>限时</span>\n          <span style=\"color: #000000\">秒杀</span>\n        </div>\n        <ul class=\"time-ul clearfix\">\n          <li class=\"time-li float_left\">\n            <span>00</span>\n          </li>\n          <li class=\"icon-maohao float_left\">:</li>\n          <li class=\"time-li float_left\">\n            <span>04</span>\n          </li>\n          <li class=\"icon-maohao float_left\">:</li>\n          <li class=\"time-li float_left\">\n            <span>59</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"float_right more-btn\">\n        查看全部\n        <i class=\"iconfont icon-jinru1\"></i>\n      </div>\n    </div>\n    <ul v-if=\"sForm.colNum === 2\" class=\"goods-ul goods-ul-two\">\n      <li v-for=\"(item, index) in 2\" :key=\"index\" class=\"goods-li\">\n        <div class=\"goods-img\">\n          <img\n            src=\"https://onlineimg.qianniao.vip/159826609288688/b8ca10e4ce35fded735c980403dfedf7/O1CN01HU5sWZ27Aktv3iVWn_!!0-item_pic.jpg\"\n            alt=\"\"\n          />\n          <div class=\"goods-tag\">\n            <span>商品标签</span>\n          </div>\n        </div>\n        <div class=\"goods-name ellipsis\">\n          商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称\n        </div>\n        <div class=\"goods-price clearfix\">\n          <div class=\"float_left\">¥214</div>\n          <div class=\"float_right\">\n            <span class=\"rem-ic\">¥</span>\n            <span class=\"price-text\">199.98</span>\n            <div class=\"time-tag\"></div>\n            <span class=\"time-text\">抢</span>\n          </div>\n        </div>\n      </li>\n    </ul>\n    <ul v-if=\"sForm.colNum === 3\" class=\"goods-ul\">\n      <li v-for=\"(item, index) in 3\" :key=\"index\" class=\"goods-li\">\n        <div class=\"goods-img\">\n          <img\n            src=\"https://onlineimg.qianniao.vip/159826609288688/b8ca10e4ce35fded735c980403dfedf7/O1CN01HU5sWZ27Aktv3iVWn_!!0-item_pic.jpg\"\n            alt=\"\"\n          />\n        </div>\n        <div class=\"goods-name ellipsis\">商品名称商品名称</div>\n        <div class=\"goods-price clearfix\">\n          <div class=\"float_left\">¥214</div>\n          <div class=\"float_right\">\n            <span class=\"rem-ic\">¥</span>\n            <span class=\"price-text\">199.98</span>\n            <div class=\"time-tag\"></div>\n            <span class=\"time-text\">抢</span>\n          </div>\n        </div>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: \"LimitedSeckill\",\n    props: {\n      setForm: {\n        type: Object,\n        default: () => {\n          return {};\n        },\n      },\n    },\n    data() {\n      return {\n        sForm: {},\n        goods_list: [\n          {\n            images: \"\",\n            title: \"商品名称\",\n            id: \"001\",\n            skuId: \"002\",\n          },\n          {\n            images: \"\",\n            title: \"商品名称\",\n            id: \"005\",\n            skuId: \"006\",\n          },\n          {\n            images: \"\",\n            title: \"商品名称\",\n            id: \"004\",\n            skuId: \"003\",\n          },\n        ],\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  .LimitedSeckill {\n    .top-div {\n      padding: 13px 16px;\n      .icon-xsms {\n        font-weight: bold;\n        font-size: 16px;\n        display: inline-block;\n        vertical-align: middle;\n        color: #fa6400;\n        .icon-shijian {\n          font-size: 14px;\n          font-weight: normal;\n          margin-right: 2px;\n        }\n      }\n      .time-ul {\n        font-size: 13px;\n        margin-left: 10px;\n        display: inline-block;\n        vertical-align: middle;\n        .icon-maohao {\n          height: 20px;\n          width: 10px;\n          text-align: center;\n          font-size: 16px;\n          line-height: 20px;\n          font-weight: bold;\n          transform: translateY(-2px);\n        }\n        .time-li {\n          height: 20px;\n          font-family: \"DINCond-Bold\", \"DINCond\";\n          background-color: #000000;\n          color: #ffffff;\n          width: 18px;\n          text-align: center;\n          font-size: 13px;\n          line-height: 20px;\n          border-radius: 4px;\n          font-weight: bold;\n          span {\n            transform: scaleX(0.85);\n            display: inline-block;\n          }\n        }\n      }\n      .more-btn {\n        font-size: 14px;\n        color: #9d9d9d;\n        .icon-jinru1 {\n          font-size: 13px;\n          transform: translateY(-1px);\n          display: inline-block;\n        }\n      }\n    }\n    .goods-ul {\n      display: flex;\n      padding: 0 11px;\n      .goods-li {\n        flex: 3;\n        padding: 0 5px 20px;\n        .goods-img {\n          img {\n            width: 110px;\n            height: 110px;\n            border-radius: 6px;\n            display: block;\n          }\n        }\n        .goods-name {\n          margin: 0 5px;\n          font-weight: 400;\n          line-height: 20px;\n          padding-top: 10px;\n          color: rgba(0, 0, 0, 0.85);\n        }\n        .goods-price {\n          margin: 0 5px;\n          padding-top: 5px;\n          .float_left {\n            font-size: 12px;\n            font-family: DINPro-Regular, DINPro;\n            font-weight: 400;\n            color: #9d9d9d;\n            line-height: 16px;\n            text-decoration: line-through;\n          }\n          .float_right {\n            width: 66px;\n            padding-left: 5px;\n            height: 19px;\n            background: linear-gradient(90deg, #fe923e 0%, #ff3724 100%);\n            border-radius: 10px 4px 4px 10px;\n            font-size: 12px;\n            font-family: DINPro-Medium, DINPro;\n            font-weight: 600;\n            color: #ffffff;\n            line-height: 19px;\n            position: relative;\n            overflow: hidden;\n            .rem-ic {\n              display: inline-block;\n              transform: translateX(2px);\n            }\n            .price-text {\n              transform: scaleX(0.85);\n              display: inline-block;\n            }\n            .time-tag {\n              position: absolute;\n              right: -8px;\n              transform: rotate(-60deg);\n              top: 0;\n              text-align: center;\n              color: #ffffff;\n              width: 24px;\n              height: 24px;\n              background: linear-gradient(90deg, #fe923e 0%, #ff3724 100%);\n              border-radius: 4px;\n              border: 1px solid rgba(255, 255, 255, 0.8);\n            }\n            .time-text {\n              position: absolute;\n              transform: scale(0.75, 0.75);\n              right: 2px;\n              top: 1px;\n              font-size: 12px;\n            }\n          }\n        }\n      }\n    }\n    .goods-ul-two {\n      .goods-li {\n        flex: 2;\n        .goods-img {\n          position: relative;\n          img {\n            width: 130px;\n            height: 130px;\n            border-radius: 8px;\n            display: block;\n            margin: 0 auto;\n          }\n          .goods-tag {\n            width: 52px;\n            height: 16px;\n            background: linear-gradient(139deg, #fd0000 0%, #fa6400 100%);\n            border-radius: 4px;\n            position: absolute;\n            top: -7px;\n            left: 7px;\n            font-size: 12px;\n            color: #ffffff;\n            line-height: 15px;\n            span {\n              display: inline-block;\n              transform: scale(0.85, 0.85);\n            }\n          }\n        }\n        .goods-name {\n          -webkit-line-clamp: 2;\n        }\n        .goods-price {\n          .float_right {\n            width: 86px;\n            padding-left: 10px;\n            .rem-ic {\n              transform: translateX(0);\n            }\n            .price-text {\n              transform: scaleX(1);\n              margin-left: 2px;\n            }\n          }\n        }\n      }\n    }\n  }\n  .ellipsis {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n</style>\n"]}]}