| 1 |
- {"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\\IntegralGoods.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\IntegralGoods.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJHb29kc0dyb3VwIiwKICBwcm9wczogewogICAgc2V0Rm9ybTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0KICB9LAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgc0Zvcm06IHt9LAogICAgICBnb29kc19saXN0OiBbXQogICAgfTsKICB9LAoKICBjb21wdXRlZDogewogICAgZ29vZHNMaXN0KCkgewogICAgICBpZiAodGhpcy5zRm9ybS5uYXZTdHlsZSA9PT0gMikgewogICAgICAgIGlmICh0aGlzLnNGb3JtLnRhYkxpc3RbMF0uZ29vZHNGcm9tID09PSAxKSB7CiAgICAgICAgICBsZXQgbGlzdCA9IFtdOwoKICAgICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgNjsgaSA9IGkgKyAxKSB7CiAgICAgICAgICAgIGxpc3QucHVzaCh7CiAgICAgICAgICAgICAgdGl0bGU6ICLllYblk4HlkI3np7DllYblk4HlkI3np7DllYblk4HlkI3np7DllYblk4HlkI3np7DllYblk4HlkI3np7AiLAogICAgICAgICAgICAgIGJyYW5kTmFtZTogIuWVhuWTgeWTgeeJjCIsCiAgICAgICAgICAgICAgaW1hZ2VzOiBbImh0dHA6Ly9pbWFnZS5xaWFubmlhby52aXAvMTYwODg2ODI4ODgwMDMxLzM1ZTk3YmNhMzRkYWI0NzY2OTJkMmFkOGNjNDc5NTRiL3RpbWcgKDEpLmpwZWciXQogICAgICAgICAgICB9KTsKICAgICAgICAgIH0KCiAgICAgICAgICByZXR1cm4gbGlzdDsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgcmV0dXJuIHRoaXMuc0Zvcm0udGFiTGlzdFswXS5nb29kc19saXN0OwogICAgICAgIH0KICAgICAgfSBlbHNlIHsKICAgICAgICBpZiAodGhpcy5zRm9ybS5nb29kc0Zyb20gPT09IDEpIHsKICAgICAgICAgIGxldCBsaXN0ID0gW107CgogICAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCA2OyBpID0gaSArIDEpIHsKICAgICAgICAgICAgbGlzdC5wdXNoKHsKICAgICAgICAgICAgICB0aXRsZTogIuWVhuWTgeWQjeensOWVhuWTgeWQjeensOWVhuWTgeWQjeensOWVhuWTgeWQjeensOWVhuWTgeWQjeensCIsCiAgICAgICAgICAgICAgYnJhbmROYW1lOiAi5ZWG5ZOB5ZOB54mMIiwKICAgICAgICAgICAgICBpbWFnZXM6IFsiaHR0cDovL2ltYWdlLnFpYW5uaWFvLnZpcC8xNjA4ODY4Mjg4ODAwMzEvMzVlOTdiY2EzNGRhYjQ3NjY5MmQyYWQ4Y2M0Nzk1NGIvdGltZyAoMSkuanBlZyJdCiAgICAgICAgICAgIH0pOwogICAgICAgICAgfQoKICAgICAgICAgIHJldHVybiBsaXN0OwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICByZXR1cm4gdGhpcy5zRm9ybS5nb29kc19saXN0OwogICAgICAgIH0KICAgICAgfQogICAgfQoKICB9LAogIHdhdGNoOiB7CiAgICBzZXRGb3JtKHZhbCkgewogICAgICB0aGlzLnNGb3JtID0gdmFsOwogICAgICB0aGlzLmdvb2RzX2xpc3QgPSB0aGlzLnNGb3JtLm5hdlN0eWxlID09PSAyID8gdGhpcy5zRm9ybS50YWJMaXN0WzBdLmdvb2RzX2xpc3QgOiB0aGlzLnNGb3JtLmdvb2RzX2xpc3Q7CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLnNGb3JtID0gdGhpcy5zZXRGb3JtOwogIH0sCgogIG1ldGhvZHM6IHsKICAgIHNwbGl0UHJpY2UocHJpY2UpIHsKICAgICAgbGV0IGFyciA9IHByaWNlLnNwbGl0KCIuIik7CiAgICAgIHJldHVybiBgJHthcnJbMF19PHNwYW4gc3R5bGU9ImZvbnQtc2l6ZToxMnB4OyI+LiR7YXJyWzFdfTwvc3Bhbj5gOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgPA;EACAA,kBADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CAFA;;EAUAC;IACA;MACAC,SADA;MAEAC;IAFA;EAIA,CAfA;;EAgBAC;IACAC;MACA;QACA;UACA;;UACA;YACAC;cACAC,6BADA;cAEAC,iBAFA;cAGAC,SACA,0FADA;YAHA;UAOA;;UACA;QACA,CAZA,MAYA;UACA;QACA;MACA,CAhBA,MAgBA;QACA;UACA;;UACA;YACAH;cACAC,6BADA;cAEAC,iBAFA;cAGAC,SACA,0FADA;YAHA;UAOA;;UACA;QACA,CAZA,MAYA;UACA;QACA;MACA;IACA;;EAnCA,CAhBA;EAqDAC;IACAZ;MACA;MACA,kBACA,4BACA,gCADA,GAEA,qBAHA;IAIA;;EAPA,CArDA;;EA8DAa;IACA;EACA,CAhEA;;EAiEAC;IACAC;MACA;MACA;IACA;;EAJA;AAjEA","names":["name","props","setForm","type","default","data","sForm","goods_list","computed","goodsList","list","title","brandName","images","watch","created","methods","splitPrice"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PDComponents","sources":["IntegralGoods.vue"],"sourcesContent":["<template>\n <div class=\"goods-view\" :style=\"{ backgroundColor: sForm.bgColor }\">\n <div v-if=\"sForm.navStyle === 1\">\n <!-- 标题栏风格1-->\n <div\n v-if=\"sForm.titleStyle === 2\"\n :style=\"{\n color: sForm.titleColor,\n backgroundColor: sForm.titleBgColor,\n }\"\n class=\"title-view clearfix\"\n >\n {{ sForm.title }}\n <span v-if=\"sForm.title_two\" class=\"second-tit\">\n {{ sForm.title_two }}\n </span>\n </div>\n <!-- 标题栏风格2-->\n <div\n v-if=\"sForm.titleStyle === 1\"\n class=\"tit-view-two clearfix\"\n :style=\"{\n color: sForm.titleColor,\n backgroundColor: sForm.titleBgColor,\n }\"\n >\n <span\n class=\"tit-view-two-line\"\n :style=\"{ background: sForm.titleSetColor }\"\n ></span>\n <span class=\"tit-two-text\">{{ sForm.title }}</span>\n <span v-if=\"sForm.title_two\" class=\"tit-two-text-c\">\n {{ sForm.title_two }}\n </span>\n </div>\n <!-- 标题栏风格3-->\n <div\n v-if=\"sForm.titleStyle === 3\"\n class=\"tit-view-three\"\n :style=\"{\n color: sForm.titleColor,\n backgroundColor: sForm.titleBgColor,\n }\"\n >\n <div class=\"tit-three-text\">\n <div class=\"tit-view-style tit-view-style-left\">\n <span\n class=\"three-style-big\"\n :style=\"{ background: sForm.titleSetColor }\"\n ></span>\n <span\n class=\"three-style-small\"\n :style=\"{ background: sForm.titleSetColor }\"\n ></span>\n </div>\n {{ sForm.title }}\n <div class=\"tit-view-style tit-view-style-right\">\n <span\n class=\"three-style-small\"\n :style=\"{ background: sForm.titleSetColor }\"\n ></span>\n <span\n class=\"three-style-big\"\n :style=\"{ background: sForm.titleSetColor }\"\n ></span>\n </div>\n </div>\n\n <div v-if=\"sForm.title_two\" class=\"tit-three-text-c\">\n {{ sForm.title_two }}\n </div>\n </div>\n <!-- 标题栏风格4 -->\n <div\n v-if=\"sForm.titleStyle === 4\"\n class=\"tit-view-four\"\n :style=\"{\n color: sForm.titleColor,\n backgroundColor: sForm.titleBgColor,\n }\"\n >\n <div class=\"tit-four-text\">\n {{ sForm.title }}\n </div>\n <div v-if=\"sForm.title_two\" class=\"tit-four-text-c\">\n {{ sForm.title_two }}\n </div>\n </div>\n </div>\n <!-- 商品区 单列-->\n <ul v-if=\"sForm.colNum === 1\" class=\"goods-one-ul\">\n <li\n v-for=\"(item, index) in goodsList\"\n :key=\"index\"\n class=\"goods-one-li clearfix\"\n :style=\"{ backgroundColor: sForm.itemBgColor }\"\n >\n <div class=\"img-view float_left\">\n <img class=\"goods-one-img\" :src=\"item.images\" />\n </div>\n <div class=\"goods-one-info float_left\">\n <p\n v-if=\"sForm.goodsInfo.indexOf(1) > -1\"\n class=\"ellipsis goods-one-name\"\n :style=\"{ color: sForm.textColor }\"\n >\n {{ item.title }}\n </p>\n <p v-if=\"sForm.goodsInfo.indexOf(4) > -1\" class=\"ellipsis goods-desc\">\n 商品卖点商品卖点商品卖点商品卖点商品卖点商品卖点商品卖点\n </p>\n\n <p v-if=\"sForm.goodsInfo.indexOf(5) > -1\" class=\"sale-num\">\n 已售1000件\n </p>\n <div class=\"price-view clearfix\">\n <div class=\"float_left\">\n <span\n v-if=\"sForm.goodsInfo.indexOf(2) > -1\"\n :style=\"{ color: sForm.priceColor }\"\n class=\"sale-price\"\n >\n <i class=\"ic-rem\">¥</i>\n <i v-html=\"splitPrice('34.5')\"></i>\n </span>\n </div>\n <div class=\"float_right\">\n <span\n v-if=\"sForm.btnStyle === 1\"\n class=\"iconfont icon-xinzeng1\"\n ></span>\n <span\n v-else-if=\"sForm.btnStyle === 2\"\n class=\"iconfont icon-gouwuche1\"\n ></span>\n </div>\n </div>\n </div>\n </li>\n </ul>\n <!-- 商品区 两列-->\n <ul\n v-if=\"sForm.colNum === 2\"\n class=\"goods-two-ul\"\n :style=\"{ flexWrap: sForm.type === 1 ? 'wrap' : 'nowrap' }\"\n >\n <li\n v-for=\"(item, index) in goodsList\"\n :key=\"index\"\n class=\"goods-two-li\"\n :style=\"{ backgroundColor: sForm.itemBgColor }\"\n >\n <div class=\"img-view\">\n <img class=\"goods-two-img\" :src=\"item.images\" />\n </div>\n <div class=\"goods-two-info\">\n <p\n v-if=\"sForm.goodsInfo.indexOf(1) > -1\"\n class=\"ellipsis goods-two-name\"\n :style=\"{ color: sForm.textColor }\"\n >\n {{ item.title }}\n </p>\n <div class=\"price-view clearfix\">\n <div class=\"float_left\">\n <span\n v-if=\"sForm.goodsInfo.indexOf(2) > -1\"\n :style=\"{ color: sForm.priceColor }\"\n class=\"sale-price\"\n >\n <i class=\"ic-rem\">¥</i>\n <i v-html=\"splitPrice('34.5')\"></i>\n </span>\n </div>\n <div class=\"float_right\">\n <span\n v-if=\"sForm.btnStyle === 1\"\n class=\"iconfont icon-xinzeng1\"\n ></span>\n <span\n v-else-if=\"sForm.btnStyle === 2\"\n class=\"iconfont icon-gouwuche1\"\n ></span>\n </div>\n </div>\n </div>\n </li>\n </ul>\n <!-- 商品区 三列-->\n <ul\n v-if=\"sForm.colNum === 3\"\n class=\"goods-three-ul\"\n :style=\"{ flexWrap: sForm.type === 1 ? 'wrap' : 'nowrap' }\"\n >\n <li\n v-for=\"(item, index) in goodsList\"\n :key=\"index\"\n class=\"goods-three-li\"\n :style=\"{ backgroundColor: sForm.itemBgColor }\"\n >\n <div class=\"img-view\">\n <img class=\"goods-three-img\" :src=\"item.images\" />\n </div>\n <div class=\"goods-three-info\">\n <p\n v-if=\"sForm.goodsInfo.indexOf(1) > -1\"\n class=\"ellipsis goods-three-name\"\n :style=\"{ color: sForm.textColor }\"\n >\n {{ item.title }}\n </p>\n <div class=\"price-view clearfix\">\n <div class=\"float_left\">\n <span\n v-if=\"sForm.goodsInfo.indexOf(2) > -1\"\n :style=\"{ color: sForm.priceColor }\"\n class=\"sale-price\"\n >\n <i class=\"ic-rem\">¥</i>\n <i v-html=\"splitPrice('34.5')\"></i>\n </span>\n </div>\n <div class=\"float_right\">\n <span\n v-if=\"sForm.btnStyle === 1\"\n class=\"iconfont icon-xinzeng1\"\n ></span>\n <span\n v-else-if=\"sForm.btnStyle === 2\"\n class=\"iconfont icon-gouwuche1\"\n ></span>\n </div>\n </div>\n </div>\n </li>\n </ul>\n </div>\n</template>\n\n<script>\n export default {\n name: \"GoodsGroup\",\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 },\n computed: {\n goodsList() {\n if (this.sForm.navStyle === 2) {\n if (this.sForm.tabList[0].goodsFrom === 1) {\n let list = [];\n for (let i = 0; i < 6; i = i + 1) {\n list.push({\n title: \"商品名称商品名称商品名称商品名称商品名称\",\n brandName: \"商品品牌\",\n images: [\n \"http://image.qianniao.vip/160886828880031/35e97bca34dab476692d2ad8cc47954b/timg (1).jpeg\",\n ],\n });\n }\n return list;\n } else {\n return this.sForm.tabList[0].goods_list;\n }\n } else {\n if (this.sForm.goodsFrom === 1) {\n let list = [];\n for (let i = 0; i < 6; i = i + 1) {\n list.push({\n title: \"商品名称商品名称商品名称商品名称商品名称\",\n brandName: \"商品品牌\",\n images: [\n \"http://image.qianniao.vip/160886828880031/35e97bca34dab476692d2ad8cc47954b/timg (1).jpeg\",\n ],\n });\n }\n return list;\n } else {\n return this.sForm.goods_list;\n }\n }\n },\n },\n watch: {\n setForm(val) {\n this.sForm = val;\n this.goods_list =\n this.sForm.navStyle === 2\n ? this.sForm.tabList[0].goods_list\n : this.sForm.goods_list;\n },\n },\n created() {\n this.sForm = this.setForm;\n },\n methods: {\n splitPrice(price) {\n let arr = price.split(\".\");\n return `${arr[0]}<span style=\"font-size:12px;\">.${arr[1]}</span>`;\n },\n },\n };\n</script>\n\n<style scoped lang=\"scss\">\n .cate-nav-s {\n white-space: nowrap;\n line-height: 35px;\n width: 100%;\n overflow: hidden;\n }\n .cate-li {\n display: inline-block;\n font-size: 14px;\n color: #666;\n font-weight: 400;\n padding: 0 10px;\n text-align: center;\n }\n .cate-on:after {\n content: \" \";\n display: block;\n width: 25px;\n margin: 0 auto;\n border-radius: 3px;\n height: 3px;\n background: linear-gradient(315deg, #fd463e 0%, #ff7f61 100%);\n transform: translateY(-3px);\n }\n .cate-on {\n color: #fd463e;\n font-size: 16px;\n }\n /* 标题栏风格1*/\n .title-view {\n font-size: 18px;\n font-weight: 500;\n color: #2a2a2a;\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: 10px;\n .second-tit {\n margin-left: 8px;\n min-width: 46px;\n padding: 0 10px;\n height: 24px;\n line-height: 24px;\n text-align: center;\n background: linear-gradient(90deg, #ff9148 0%, #fa6400 100%);\n border-radius: 0px 12px 0px 12px;\n font-size: 10px;\n font-weight: 400;\n color: #ffffff;\n display: inline-block;\n }\n }\n /* 标题栏风格2*/\n .tit-view-two {\n padding: 10px;\n font-size: 12px;\n border-bottom: 1px solid #eee;\n .tit-two-text {\n font-size: 16px;\n }\n .tit-view-two-line {\n content: \"\";\n display: inline-block;\n width: 3px;\n height: 16px;\n background: #fd463e;\n vertical-align: middle;\n transform: translateY(-2px);\n margin-right: 5px;\n }\n .tit-two-text-c {\n padding-left: 5px;\n }\n }\n\n /* 标题栏风格3*/\n .tit-view-three {\n text-align: center;\n padding: 10px;\n }\n .tit-three-text {\n font-size: 16px;\n font-weight: 600;\n position: relative;\n display: inline-block;\n min-width: 64px;\n height: 22px;\n }\n .tit-view-style {\n position: absolute;\n line-height: 18px;\n }\n .tit-view-style-left {\n left: -20px;\n top: 2px;\n transform: rotate(50deg);\n }\n .tit-view-style-left .three-style-small {\n transform: translateX(2px);\n }\n .tit-view-style-right {\n right: -20px;\n bottom: 2px;\n transform: rotate(50deg);\n }\n .tit-view-style-right .three-style-small {\n transform: translateX(-2px);\n }\n .tit-four-text-c,\n .tit-three-text-c {\n font-size: 12px;\n font-weight: 300;\n padding-top: 3px;\n }\n .three-style-big {\n display: inline-block;\n width: 4px;\n height: 18px;\n background: #fd463e;\n border-radius: 4px;\n vertical-align: middle;\n }\n .three-style-small {\n display: inline-block;\n width: 3px;\n height: 8px;\n background: #fd463e;\n opacity: 0.6;\n border-radius: 4px;\n vertical-align: middle;\n }\n /* 标题栏风格4*/\n .tit-view-four {\n text-align: center;\n padding: 10px;\n }\n .tit-four-text {\n font-size: 16px;\n font-weight: 600;\n }\n .tit-four-text:before {\n display: inline-block;\n content: \"\";\n width: 30px;\n height: 1px;\n background: #333;\n vertical-align: middle;\n margin-right: 5px;\n }\n .tit-four-text:after {\n display: inline-block;\n content: \"\";\n width: 30px;\n height: 1px;\n background: #333;\n vertical-align: middle;\n margin-left: 5px;\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 .goods-two-ul {\n display: flex;\n flex-wrap: wrap;\n padding: 0 12px;\n overflow: hidden;\n .goods-two-li {\n padding: 19px 0 17px;\n display: inline-block;\n margin: 5px;\n border-radius: 8px;\n background-color: #ffffff;\n .img-view {\n position: relative;\n width: 166px;\n .goods-tag {\n position: absolute;\n top: -6px;\n left: 12px;\n width: 52px;\n height: 16px;\n background: linear-gradient(139deg, #fd0000 0%, #fa6400 100%);\n border-radius: 4px;\n color: #ffffff;\n font-size: 12px;\n line-height: 16px;\n text-align: center;\n }\n .goods-two-img {\n display: block;\n width: 130px;\n height: 130px;\n border-radius: 10px;\n margin: 0 auto;\n }\n }\n\n .goods-two-info {\n margin: 10px auto 0;\n width: 151px;\n .goods-two-name {\n font-size: 14px;\n font-weight: 500;\n color: #111111;\n -webkit-line-clamp: 2;\n margin-bottom: 4px;\n }\n .price-view {\n .sale-price {\n color: #fa6400;\n font-size: 20px;\n font-weight: 500;\n .ic-rem {\n font-size: 10px;\n font-weight: normal;\n }\n }\n .desc-price {\n font-size: 12px;\n font-weight: 400;\n color: #d8d8d8;\n text-decoration: line-through;\n margin-left: 4px;\n }\n .float_right {\n transform: translateY(4px);\n .iconfont {\n font-size: 20px;\n background-image: -webkit-linear-gradient(\n 90deg,\n #fe923e 0%,\n #ff3724 100%\n );\n -webkit-background-clip: text;\n color: transparent;\n }\n }\n }\n }\n }\n }\n .goods-three-ul {\n display: flex;\n flex-wrap: wrap;\n overflow: hidden;\n padding: 0 12px;\n .goods-three-li {\n border-radius: 6px;\n overflow: hidden;\n background-color: #ffffff;\n display: inline-block;\n width: 109px;\n margin: 4px;\n .img-view {\n width: 109px;\n .goods-three-img {\n width: 109px;\n height: 109px;\n margin: 0 auto;\n display: block;\n }\n }\n .goods-three-info {\n padding: 8px;\n width: 109px;\n .goods-three-name {\n font-size: 14px;\n color: #111111;\n padding-bottom: 2px;\n }\n .price-view {\n .sale-price {\n color: #fa6400;\n font-size: 18px;\n font-weight: 500;\n .ic-rem {\n font-size: 12px;\n }\n }\n .desc-price {\n font-size: 12px;\n font-weight: 400;\n color: #d8d8d8;\n text-decoration: line-through;\n margin-left: 4px;\n }\n .float_right {\n transform: translateY(4px);\n .iconfont {\n font-size: 18px;\n background-image: -webkit-linear-gradient(\n 90deg,\n #fe923e 0%,\n #ff3724 100%\n );\n -webkit-background-clip: text;\n color: transparent;\n }\n }\n }\n }\n }\n }\n .goods-one-ul {\n .goods-one-li {\n background-color: #ffffff;\n border-radius: 8px;\n padding: 16px 12px 12px;\n width: 355px;\n margin: 10px auto;\n .img-view {\n position: relative;\n .goods-one-img {\n width: 130px;\n height: 130px;\n border-radius: 8px;\n }\n .tag-view {\n position: absolute;\n left: -4px;\n top: -4px;\n width: 52px;\n text-align: center;\n height: 16px;\n background: linear-gradient(139deg, #fd0000 0%, #fa6400 100%);\n border-radius: 4px;\n color: #ffffff;\n font-size: 12px;\n line-height: 16px;\n display: inline-block;\n }\n }\n .goods-one-info {\n width: 190px;\n padding-left: 10px;\n height: 130px;\n position: relative;\n .goods-one-name {\n font-size: 14px;\n font-weight: 500;\n color: #111111;\n -webkit-line-clamp: 2;\n margin-bottom: 12px;\n }\n .goods-desc {\n font-size: 12px;\n color: #fa6400;\n margin-bottom: 12px;\n }\n\n .sale-num {\n font-size: 13px;\n color: #9d9d9d;\n }\n .price-view {\n position: absolute;\n bottom: -4px;\n left: 10px;\n width: 100%;\n .sale-price {\n color: #fa6400;\n font-size: 20px;\n font-weight: 500;\n .ic-rem {\n font-size: 10px;\n font-weight: normal;\n }\n }\n .desc-price {\n font-size: 12px;\n font-weight: 400;\n color: #d8d8d8;\n text-decoration: line-through;\n margin-left: 4px;\n }\n .float_right {\n transform: translateY(4px);\n .iconfont {\n font-size: 20px;\n background-image: -webkit-linear-gradient(\n 90deg,\n #fe923e 0%,\n #ff3724 100%\n );\n -webkit-background-clip: text;\n color: transparent;\n }\n }\n }\n }\n }\n }\n</style>\n"]}]}
|
