{"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\\GoodsGroup.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\GoodsGroup.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJHb29kc0dyb3VwIiwKICBwcm9wczogewogICAgc2V0Rm9ybTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0KICB9LAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgc0Zvcm06IHt9LAogICAgICBnb29kc19saXN0OiBbXQogICAgfTsKICB9LAoKICBjb21wdXRlZDogewogICAgZ29vZHNMaXN0KCkgewogICAgICBpZiAodGhpcy5zRm9ybS5uYXZTdHlsZSA9PT0gMikgewogICAgICAgIGlmICh0aGlzLnNGb3JtLnRhYkxpc3RbMF0uZ29vZHNGcm9tID09PSAxKSB7CiAgICAgICAgICBsZXQgbGlzdCA9IFtdOwoKICAgICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgNjsgaSA9IGkgKyAxKSB7CiAgICAgICAgICAgIGxpc3QucHVzaCh7CiAgICAgICAgICAgICAgdGl0bGU6ICLllYblk4HlkI3np7DllYblk4HlkI3np7DllYblk4HlkI3np7DllYblk4HlkI3np7DllYblk4HlkI3np7AiLAogICAgICAgICAgICAgIGJyYW5kTmFtZTogIuWVhuWTgeWTgeeJjCIsCiAgICAgICAgICAgICAgaW1hZ2VzOiBbcmVxdWlyZSgiQC9hc3NldHMvaW1nL2dvb2RzLmpwZWciKV0KICAgICAgICAgICAgfSk7CiAgICAgICAgICB9CgogICAgICAgICAgcmV0dXJuIGxpc3Q7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIHJldHVybiB0aGlzLnNGb3JtLnRhYkxpc3RbMF0uZ29vZHNfbGlzdDsKICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgaWYgKHRoaXMuc0Zvcm0uZ29vZHNGcm9tID09PSAxKSB7CiAgICAgICAgICBsZXQgbGlzdCA9IFtdOwoKICAgICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgNjsgaSA9IGkgKyAxKSB7CiAgICAgICAgICAgIGxpc3QucHVzaCh7CiAgICAgICAgICAgICAgdGl0bGU6ICLllYblk4HlkI3np7DllYblk4HlkI3np7DllYblk4HlkI3np7DllYblk4HlkI3np7DllYblk4HlkI3np7AiLAogICAgICAgICAgICAgIGJyYW5kTmFtZTogIuWVhuWTgeWTgeeJjCIsCiAgICAgICAgICAgICAgaW1hZ2VzOiBbcmVxdWlyZSgiQC9hc3NldHMvaW1nL2dvb2RzLmpwZWciKV0KICAgICAgICAgICAgfSk7CiAgICAgICAgICB9CgogICAgICAgICAgcmV0dXJuIGxpc3Q7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIHJldHVybiB0aGlzLnNGb3JtLmdvb2RzX2xpc3Q7CiAgICAgICAgfQogICAgICB9CiAgICB9CgogIH0sCiAgd2F0Y2g6IHsKICAgIHNldEZvcm0odmFsKSB7CiAgICAgIHRoaXMuc0Zvcm0gPSB2YWw7CiAgICAgIHRoaXMuZ29vZHNfbGlzdCA9IHRoaXMuc0Zvcm0ubmF2U3R5bGUgPT09IDIgPyB0aGlzLnNGb3JtLnRhYkxpc3RbMF0uZ29vZHNfbGlzdCA6IHRoaXMuc0Zvcm0uZ29vZHNfbGlzdDsKICAgIH0KCiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuc0Zvcm0gPSB0aGlzLnNldEZvcm07CiAgfSwKCiAgbWV0aG9kczogewogICAgc3BsaXRQcmljZShwcmljZSkgewogICAgICBsZXQgYXJyID0gcHJpY2Uuc3BsaXQoIi4iKTsKICAgICAgcmV0dXJuIGAke2FyclswXX08c3BhbiBzdHlsZT0iZm9udC1zaXplOjEycHg7Ij4uJHthcnJbMV19PC9zcGFuPmA7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyQA;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;YAHA;UAKA;;UACA;QACA,CAVA,MAUA;UACA;QACA;MACA,CAdA,MAcA;QACA;UACA;;UACA;YACAH;cACAC,6BADA;cAEAC,iBAFA;cAGAC;YAHA;UAKA;;UACA;QACA,CAVA,MAUA;UACA;QACA;MACA;IACA;;EA/BA,CAhBA;EAiDAC;IACAZ;MACA;MACA,kBACA,4BACA,gCADA,GAEA,qBAHA;IAIA;;EAPA,CAjDA;;EA0DAa;IACA;EACA,CA5DA;;EA6DAC;IACAC;MACA;MACA;IACA;;EAJA;AA7DA","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":["GoodsGroup.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    <ul v-if=\"sForm.navStyle === 2\" class=\"cate-nav-s\">\n      <li\n        v-for=\"(item, index) in sForm.tabList\"\n        :key=\"index\"\n        class=\"cate-li\"\n        :class=\"[index === 1 ? 'cate-on' : '']\"\n      >\n        {{ item.tabName }}\n      </li>\n    </ul>\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[0]\" />\n          <div v-if=\"sForm.goodsInfo.indexOf(6) > -1\" class=\"tag-view\">\n            {{ item.brandName || \"商品品牌\" }}\n          </div>\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              <span v-if=\"sForm.goodsInfo.indexOf(3) > -1\" class=\"desc-price\">\n                ¥120\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          <div v-if=\"sForm.goodsInfo.indexOf(6) > -1\" class=\"goods-tag\">\n            {{ item.brandName || \"商品品牌\" }}\n          </div>\n          <img class=\"goods-two-img\" :src=\"item.images[0]\" />\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              <span v-if=\"sForm.goodsInfo.indexOf(3) > -1\" class=\"desc-price\">\n                ¥120\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[0]\" />\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              <span v-if=\"sForm.goodsInfo.indexOf(3) > -1\" class=\"desc-price\">\n                ¥120\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: [require(\"@/assets/img/goods.jpeg\")],\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: [require(\"@/assets/img/goods.jpeg\")],\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"]}]}