| 1 |
- {"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\LimitedSeckill.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\LimitedSeckill.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"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"]}]}
|
