{"version":3,"sources":["webpack:///./src/views/Home.vue?d65b","webpack:///./src/views/Home.vue?d757","webpack:///./src/views/Home.vue","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?4b50","webpack:///./src/views/Home.vue?f957"],"names":["render","_vm","this","_c","_self","class","$root","apiGlobalConfigData","attrs","staticClass","_v","directives","name","rawName","value","loading","expression","_l","categoryList","c1","key","Id","on","$event","toGoods","Name","_s","formatString","Data","slice","s1","index","length","c2","ref","carousel","item","ImagePath","ShortTitle","_e","$store","getters","getUser","staticRenderFns","data","list","catchKey","goodList","classID","noticeContentText","watch","e","$alert","computed","getQuery","date","query","productID","isDelete","GoodsId","skuId","GoodsSkuId","mounted","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","stop","activated","_this","_callee2","_context2","getNotice","getAllShopType","$nextTick","Swiper","$refs","swiper","autoplay","loop","pagination","el","clickable","navigation","nextEl","prevEl","created","_this2","_callee3","_context3","getImage","methods","toGoodsInfo","$router","push","path","str","len","getChildMsg","val","id","getGoodList","Goods","_this3","_callee4","_context4","$axios","get","then","res","GetIndexGoods","_this4","_callee5","_context5","_this5","_callee6","_context6","catch","err","Promise","reject","level","arguments","undefined","categoryID","categoryName","typeLevel","searchAll","_this6","toSearch","_e$target$dataset","target","dataset","_objectSpread","$route","_defineProperty","concat","component"],"mappings":"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","file":"js/chunk-5843f63b.116da461.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=1ecf4901&prod&lang=less&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=1&id=1ecf4901&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:this.$root.apiGlobalConfigData['CondoleStyle']?'home condole-style':'home',attrs:{\"id\":\"home\",\"name\":\"home\"}},[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"slide\"},[_c('div',{staticClass:\"slider-container\"},[_c('div',{staticClass:\"slider-container-type\"},[_c('div',{staticClass:\"slider-type-name\"},[_vm._v(\"商品分类\")]),_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"slide-type-box\"},_vm._l((_vm.categoryList),function(c1){return _c('ul',{key:c1.Id,staticClass:\"slide-type-ul\"},[_c('li',[_c('div',{staticClass:\"ul-box\"},[_c('span',{staticClass:\"top-1-type\",on:{\"click\":function($event){return _vm.toGoods(c1.Id,c1.Name,1)}}},[_vm._v(\" \"+_vm._s(_vm.formatString(c1.Name,4))+\" \")]),_vm._l((c1.Data.slice(0, 2)),function(s1,index){return _c('span',{key:s1.Id,on:{\"click\":function($event){return _vm.toGoods(s1.Id,s1.Name,2)}}},[_vm._v(\" \"+_vm._s(_vm.formatString(s1.Name,4))+_vm._s(0==index && c1.Data.length>1 ? \" / \" : \"\")+\" \")])})],2),_c('div',{staticClass:\"slide-list\"},[_c('div',{staticClass:\"slide-list-box\"},[_c('div',{staticClass:\"type-deital-item\"},[_c('div',{staticClass:\"type-deital-title\"}),_c('div',{staticClass:\"type-deital-list\"},_vm._l((c1.Data),function(c2){return _c('span',{key:c2.Id,on:{\"click\":function($event){return _vm.toGoods(c2.Id,c2.Name,2)}}},[_vm._v(_vm._s(_vm.formatString(c2.Name,7)))])}),0)])])])])])}),0)])])])]),_c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"swiper-text-box\"},[_vm._v(\" 让兑换类品变得简约、快乐、高效 \")]),_c('div',{ref:\"swiper\",staticClass:\"swiper-container\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.carousel),function(item){return _c('div',{key:item.Id,staticClass:\"swiper-slide\"},[_c('img',{attrs:{\"src\":item.ImagePath,\"alt\":item.ShortTitle,\"width\":\"660\",\"height\":\"490\"}})])}),0),(_vm.carousel && _vm.carousel.length>1)?_c('div',{staticClass:\"swiper-pagination\"}):_vm._e()])]),(this.$store.getters.getUser)?_c('div',{staticClass:\"user-pannel\"},[_c('div',{staticClass:\"user-info\"},[_c('div',{staticClass:\"face-box\"},[_vm._v(\"会员\")]),_c('div',{staticClass:\"name-box\"},[_vm._v(_vm._s(this.$store.getters.getUser.Name))])]),_c('div',{staticClass:\"quicky-text\"},[_vm._v(\" 快速访问，常用功能尽在掌握 \")]),_c('div',{staticClass:\"user-nav-name\"},[_vm._v(\" 订单管理 \")]),_c('div',{staticClass:\"user-nav\"},[_c('div',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/order/index\"}},[_vm._v(\"商品订单\")])],1),_c('div',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/user/exchangeinfo\"}},[_vm._v(\"券码订单\")])],1)]),_c('div',{staticClass:\"user-nav-name\"},[_vm._v(\" 积分管理 \")]),_c('div',{staticClass:\"user-nav\"},[_c('div',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/user/exchange\"}},[_vm._v(\"积分交易\")])],1),_c('div',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/user/recharge\"}},[_vm._v(\"积分充值\")])],1)]),_c('div',{staticClass:\"user-nav-name\"},[_vm._v(\" 账户管理 \")]),_c('div',{staticClass:\"user-nav\"},[_c('div',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/user/address\"}},[_vm._v(\"收货地址\")])],1),_c('div',{staticClass:\"nav-item\"},[_c('router-link',{attrs:{\"to\":\"/user/balancehistory\"}},[_vm._v(\"账户流水\")])],1)])]):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\r\n * @Description: 首页组件\r\n * @Author: hai-27\r\n * @Date: 2020-02-07 16:23:00\r\n * @LastEditors: hai-27\r\n * @LastEditTime: 2020-02-27 13:36:12\r\n -->\r\n<template>\r\n  <div  id=\"home\" name=\"home\" :class=\"this.$root.apiGlobalConfigData['CondoleStyle']?'home condole-style':'home'\">\r\n\r\n    <!-- 轮播图 -->\r\n<div class=\"banner\">\r\n    <div class=\"wrap\" >\r\n      <div class=\"slide\">\r\n        <div class=\"slider-container\">\r\n          <div class=\"slider-container-type\">\r\n            <div class=\"slider-type-name\">商品分类</div>\r\n          <div class=\"slide-type-box\" v-loading=\"loading\">\r\n          <ul class=\"slide-type-ul\" v-for=\"c1 in categoryList\" :key=\"c1.Id\">\r\n            <li>\r\n              <div class=\"ul-box\">   \r\n\r\n                <span class=\"top-1-type\" @click=\"toGoods(c1.Id,c1.Name,1)\">\r\n                  {{ formatString(c1.Name,4)}}\r\n                </span>\r\n\r\n                <span @click=\"toGoods(s1.Id,s1.Name,2)\" v-for=\"(s1,index) in c1.Data.slice(0, 2)\" :key=\"s1.Id\">\r\n                  {{ formatString(s1.Name,4)}}{{ 0==index && c1.Data.length>1 ? \" / \" : \"\" }}\r\n                </span>\r\n            \r\n                </div>\r\n                <!-- <i class=\"icon-arrow-right\">\r\n                <img src=\"../assets/imgs/v2/righicon.png\" height=\"22\">\r\n              </i> -->\r\n              <div class=\"slide-list\">\r\n                 <div class=\"slide-list-box\">\r\n                <div class=\"type-deital-item\" >\r\n                  <div class=\"type-deital-title\" ></div>\r\n                  <div class=\"type-deital-list\">           \r\n                    <span @click=\"toGoods(c2.Id,c2.Name,2)\" v-for=\"c2 in c1.Data\" :key=\"c2.Id\">{{ formatString(c2.Name,7) }}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              </div>\r\n            </li>\r\n          </ul>        \r\n          </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"center\">\r\n      <div class=\"swiper-text-box\">\r\n        让兑换类品变得简约、快乐、高效\r\n      </div>\r\n      <div class=\"swiper-container\" ref=\"swiper\">\r\n        <div class=\"swiper-wrapper\">        \r\n          <div class=\"swiper-slide\" v-for=\"item in carousel\" :key=\"item.Id\">\r\n            <img\r\n              :src=\"item.ImagePath\"\r\n              :alt=\"item.ShortTitle\"\r\n              width=\"660\"\r\n              height=\"490\"\r\n            />\r\n          </div>\r\n \r\n        </div>\r\n        <!-- 如果需要分页器 -->\r\n        <div class=\"swiper-pagination\" v-if=\"carousel && carousel.length>1\"></div>\r\n\r\n        <!-- 如果需要导航按钮 -->\r\n        <!-- <div class=\"swiper-button-prev swiper-button-white\"></div>\r\n        <div class=\"swiper-button-next swiper-button-white\" ></div> -->\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"user-pannel\" v-if=\"this.$store.getters.getUser\">\r\n      <div class=\"user-info\">\r\n        <div class=\"face-box\">会员</div>\r\n        <div class=\"name-box\">{{ this.$store.getters.getUser.Name}}</div>\r\n      </div>\r\n      <div class=\"quicky-text\">\r\n        快速访问，常用功能尽在掌握\r\n      </div>\r\n      <div class=\"user-nav-name\">\r\n        订单管理\r\n      </div>\r\n      <div class=\"user-nav\">\r\n        <div class=\"nav-item\"> <router-link to=\"/order/index\">商品订单</router-link></div>\r\n        <div class=\"nav-item\"><router-link to=\"/user/exchangeinfo\">券码订单</router-link></div> \r\n      </div>\r\n\r\n      <div class=\"user-nav-name\">\r\n        积分管理\r\n      </div>\r\n      <div class=\"user-nav\">     \r\n        <div class=\"nav-item\"><router-link to=\"/user/exchange\">积分交易</router-link></div>\r\n        <div class=\"nav-item\"><router-link to=\"/user/recharge\">积分充值</router-link></div>     \r\n      </div>\r\n\r\n      <div class=\"user-nav-name\">\r\n        账户管理\r\n      </div>\r\n      <div class=\"user-nav\">     \r\n        <div class=\"nav-item\"><router-link to=\"/user/address\">收货地址</router-link></div>\r\n        <div class=\"nav-item\"><router-link to=\"/user/balancehistory\">账户流水</router-link></div>\r\n      </div>\r\n\r\n      <!-- <div class=\"user-nav-name\">\r\n        采购管理\r\n      </div>\r\n      <div class=\"user-nav\">     \r\n        <div class=\"nav-item\"><router-link to=\"/user/purchase\">我要采购</router-link></div>\r\n        <div class=\"nav-item\"><router-link to=\"/user/message\">我要留言</router-link></div>      \r\n      </div> -->\r\n\r\n    </div>\r\n</div>\r\n<!-- 轮播图END -->\r\n\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Swiper from \"swiper/dist/js/swiper.min.js\";\r\nimport \"swiper/dist/css/swiper.min.css\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      carousel: [], // 轮播图数据\r\n      list: [],\r\n      loading: true,\r\n      catchKey: \"cashHomeData\",\r\n      goodList: [],\r\n      classID: 0,\r\n      categoryList:[],\r\n      noticeContentText:\"\",\r\n    };\r\n  },\r\n  watch: {\r\n    // list(e) {\r\n    //   this.getGoodList = [];\r\n    //   for (let item of e) {\r\n    //     if (item.TwoTypes.length > 0) {\r\n    //       let Goods = item.TwoTypes[0].Goods;\r\n    //       this.goodList.push(Goods);\r\n    //     }\r\n    //   }\r\n    // },\r\n    noticeContentText(e){\r\n      if(e){\r\n         this.$alert(e, \"尊敬的用户您好：\", {});\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    getQuery() {\r\n      return function (date) {\r\n        var query = { productID: date.Id };\r\n        if (this.isDelete) {\r\n          query.productID = date.GoodsId;\r\n          query.skuId = date.GoodsSkuId;\r\n        }\r\n        return query;\r\n      };\r\n    }\r\n\r\n  },\r\n  async mounted() {\r\n   \r\n  },\r\n\r\n  async activated(){\r\n    //  this.$alert(\"新平台已上线，此时正在上货中，稍候为您开放。谢谢您的理解和支持。\", \"尊敬的用户您好：\", {});\r\n    //var host= window.location.host\r\n    //console.log(host)\r\n    // if(host.indexOf(this.$host) <0 && host.indexOf(this.$icphost) <0){\r\n    //   this.$alert(`当前为测试网站，为了不影响使用，请您移步至https://${this.$host}`, \"尊敬的用户您好：\",{callback:(action)=>{\r\n    //     if (action == \"confirm\"){\r\n    //      window.open('https://'+this.$host)\r\n    //     }\r\n    //   }});\r\n    // }\r\n\r\n\r\n    this.getNotice();\r\n\r\n    //获取所有菜单数据\r\n    await this.getAllShopType();\r\n\r\n    \r\n    await this.$nextTick();\r\n    new Swiper(this.$refs.swiper, {\r\n      autoplay: this.carousel && this.carousel.length>1, // 自动轮播\r\n      // autoplay: {\r\n      //   delay: 1000,\r\n      // },\r\n      loop: true, // 无限轮播\r\n      // 小圆点\r\n      pagination: {\r\n        el: \".swiper-pagination\",\r\n        clickable: true, // 可以点击跳转\r\n      },\r\n      // 左右箭头\r\n      navigation: {\r\n        nextEl: \".swiper-button-next\",\r\n        prevEl: \".swiper-button-prev\",\r\n      },\r\n    });      \r\n\r\n\r\n  },\r\n  async created() {   \r\n\r\n        // 获取轮播图数据\r\n        await this.getImage();\r\n  \r\n   //获取首页展示商品数据\r\n    //await this.GetIndexGoods();\r\n    \r\n    // const date = Date.parse(new Date());\r\n    // const cashData = localStorage.getItem(this.catchKey);\r\n    // let isGet = true;\r\n    // if (cashData) {\r\n    //   // if (cashData - date > 0) {\r\n    //   //   isGet = false;\r\n    //   // }\r\n    // }\r\n    // if (isGet) {\r\n    //   // 获取轮播图数据\r\n    //   this.getImage();\r\n    //   await this.getOneType();\r\n    //   if (this.list) {\r\n    //     localStorage.setItem(this.catchKey, date + 5 * 1000);\r\n    //   }\r\n    // }\r\n  },\r\n  methods: {\r\n    toGoodsInfo(item) {\r\n      \r\n      this.$router.push({\r\n        path: \"/goods/info\",\r\n        query: this.getQuery(item),\r\n      });\r\n\r\n    },\r\n    formatString(str,len) {\r\n      if (str.length > len) {\r\n        return str.slice(0, -1) + '...';\r\n      }\r\n      return str;\r\n    },\r\n    // 获取家电模块子组件传过来的数据\r\n    getChildMsg(val, id) {\r\n      // let refs = this.$refs[\"list\" + id];\r\n      // refs[0].onChange(val.Goods, val.Id);\r\n    },\r\n    getGoodList(val, index) {\r\n      this.goodList.push(val.Goods);\r\n    },\r\n\r\n  //获取全部分类数据\r\n  async getAllShopType() {   \r\n        this.loading = true;\r\n        await this.$axios.get(\"/api/GoodsType/GetAllType\").then((res) => {\r\n          this.categoryList = res.data;                     \r\n          this.loading = false;\r\n        });\r\n      },\r\n\r\n    //获取首页商品\r\n    async GetIndexGoods() {\r\n      this.loading = true;\r\n      await this.$axios.get(\"/api/VouchersGoods/GetIndexGoods\").then((res) => {\r\n        this.list = res.data;        \r\n        this.loading = false;\r\n      });\r\n\r\n\r\n    },\r\n    //获取相册数据\r\n    async getImage() {\r\n      // 获取轮播图数据\r\n      await this.$axios\r\n        .get(\"/api/LanternSlide/GetIndexLanternSlide\", \"\")\r\n        .then((res) => {\r\n          this.carousel = res.data;\r\n        })\r\n        .catch((err) => {\r\n          return Promise.reject(err);\r\n        });\r\n\r\n    },\r\n    toGoods(id,name,level=2){\r\n     //console.log(\"goods  togoods\"+name+\"|\"+id+\"|\"+level);\r\n      this.$router.push({\r\n          path: \"/goods\",\r\n          query: {            \r\n            categoryID: id,\r\n            categoryName: name,\r\n            typeLevel:level,\r\n            searchAll:\"本分类\"\r\n          }\r\n        });\r\n    },\r\n    getNotice () {\r\n      this.noticeContentText=\"\"\r\n      \r\n       this.$axios\r\n        .get(\"/api/VouchersGoods/GetNotice\", \"\")\r\n        .then((res) => {\r\n          this.noticeContentText = res.data;\r\n        })\r\n        .catch((err) => {\r\n          return Promise.reject(err);\r\n        });\r\n    },\r\n    toSearch(e) {\r\n      // e.target获取到触发事件的目标元素\r\n      // e.target.dataset 获取目标元素的自定义属性\r\n      const { id, name, level } = e.target.dataset;\r\n     //console.log(1);\r\n      // 解决：点击空白区域也跳转\r\n      // 只有可以点击的a元素才有自定义属性，其他元素没有\r\n      if (!level) return;\r\n\r\n      this.$router.push({\r\n        name: \"Search\",\r\n        query: {\r\n          ...this.$route.query,\r\n          [`category${level}Id`]: id,\r\n          categoryName: name,\r\n        },\r\n      });\r\n    },\r\n\r\n  },\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n#home{\r\n  // height: 700px;\r\n  //   padding-top: calc(100vh - 1153px);\r\n\r\n.banner {\r\n    width: 1200px;\r\n    height: 560px; /* 设置div高度 */\r\n    margin: 0 auto;\r\n    display: flex;\r\n    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);  \r\n    background-color: #fff;   \r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n    border-radius: 5px;\r\n  .wrap {\r\n     position: relative;\r\n     width: 270px;\r\n    // margin: 0 auto;\r\n\r\n    .slide {\r\n      // z-index: 999;\r\n      // // cursor: pointer;\r\n      // position: absolute;\r\n      // left: 0px;\r\n      // top: 10px;\r\n      width: 270px;\r\n      height: 100%;      \r\n      background-color: rgba(255, 255, 255, 0.9);\r\n      border-radius: 5px;\r\n      \r\n      .slider-container {\r\n        height: 100%;\r\n        // width: 750px;\r\n        overflow: hidden;   \r\n      }\r\n      .slider-container-type{\r\n        height: 100%;\r\n        .slider-type-name{\r\n              /* height: 40px; */\r\n            text-align: left;\r\n            /* text-align: center; */\r\n            /* line-height: 40px; */          \r\n            color: var(--ThemeColor);\r\n            border-bottom: solid 1px var(--ThemeColor);\r\n            height: 7%;\r\n            align-items: center;\r\n            display: flex;\r\n            padding: 0 10px;\r\n        }\r\n\r\n      }\r\n\r\n\r\n      ul:hover{\r\n        background-color:#F1F3F5;\r\n      }\r\n\r\n      ul > li {\r\n        // width: 220px;\r\n        height: 40px;\r\n        text-align: left;\r\n        padding-left: 15px;\r\n        align-items: center;\r\n      }\r\n      // ul > li:hover a {\r\n      //   color: #000000;\r\n      // }\r\n      ul > li > div >a {\r\n        \r\n        display: block;\r\n        width: 100px;\r\n     \r\n      font-size: 15px;\r\n      color: #000;\r\n      }\r\n      .ul-box{\r\n        width: 100%;\r\n    display: flex;\r\n    align-items:center;\r\n    height: 100%;\r\n      }\r\n \r\n      ul > li > div > span{\r\n color: #888;\r\n padding: 0 2px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: 100px;\r\n    display: inline-block;\r\n      }\r\n\r\n      .top-1-type{\r\n     \r\n        display: block;\r\n        width: 100px;\r\n     \r\n      font-size: 15px;\r\n      color: #000;\r\n      }\r\n      //.icon-arrow-right{\r\n        //color: #999;   \r\n     // }\r\n\r\n      // .icon-arrow-right:hover{\r\n      //   color: #000;\r\n      // }\r\n\r\n  \r\n\r\n      i {\r\n        float: right;\r\n        // margin-top: 5px;\r\n        margin-right: 20px;\r\n        font-size: 14px;\r\n        color: #202020;\r\n        display: none;\r\n      }\r\n\r\n .slide-type-box{\r\n  width: 270px;\r\n    height: 93%;   \r\n    overflow-y: hidden; /* 默认隐藏滚动条 */\r\n    transition: overflow-y 0.3s; /* 平滑过渡效果 */\r\n    overflow-x: hidden;\r\n   // direction: rtl; /* 将文本方向设置为从右到左 */  \r\n    // padding: 10px 0;\r\n }\r\n//   /* 可选：重置内部内容的方向 */\r\n// .slide-type-box > * {\r\n//   direction: ltr; /* 将内部内容的方向设置回从左到右 */\r\n// }\r\n\r\n\r\n.slide-type-box:hover {\r\n  overflow-y: scroll; /* 悬浮时显示滚动条 */\r\n  scrollbar-width: thin; /* 悬浮时显示滚动条 */\r\n  scrollbar-color: #888 transparent; /* 设置滚动条颜色 */\r\n}\r\n\r\n/* Webkit浏览器滚动条样式 */\r\n.slide-type-box:hover::-webkit-scrollbar {\r\n  width: 5px; /* 滚动条宽度 */\r\n}\r\n\r\n// .slide-type-box:hover::-webkit-scrollbar-thumb {\r\n//   background-color: #888; /* 滚动条滑块颜色 */\r\n//   border-radius: 3px; /* 圆角 */\r\n// }\r\n\r\n// .slide-type-box:hover::-webkit-scrollbar-track {\r\n//   background-color: transparent; /* 滚动条轨道颜色 */\r\n// }\r\n\r\n// .slide-type-box:hover > .slide-type-ul{\r\n//    margin-left:-11px !important;\r\n//   }\r\n\r\n\r\n\r\n      .slide-list {\r\n        z-index: 1000 !important;\r\n        display: none;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 250px;\r\n        width: 948px;     \r\n       // background-color: rgba(255, 255, 255);\r\n        // border: 1px solid #fff;\r\n        border-left: none;\r\n        // padding-top: 25px;\r\n        // box-shadow: 16px 2px 10px 2px rgba(0, 0, 0, 0.1);\r\n        overflow: auto;\r\n        height: 100%;\r\n        scrollbar-width: thin; /* 悬浮时显示滚动条 */\r\n\r\n        .slide-list-box{\r\n          background-color:  rgba(255, 255, 255);\r\n        height: 100%;\r\n        overflow: auto;\r\n        width: 928px; \r\n        margin-left: 20px;\r\n        }\r\n\r\n          .type-deital-item{\r\n            width: 100%;\r\n            display: flex;\r\n            margin: 10px 0;\r\n            align-items: flex-start;\r\n            padding-top: 20px;\r\n          }\r\n          .type-deital-title{\r\n            width: 10px;\r\n            cursor: pointer;\r\n            padding-left:20px ;\r\n          }\r\n          .type-deital-list{\r\n            padding-right: 20px;\r\n    line-height: 30px;\r\n    width: 100%;\r\n          }\r\n           \r\n          .type-deital-list> span{\r\n            color: #888;\r\n    padding-right: 10px;\r\n    cursor: pointer; \r\n    white-space: nowrap;\r\n    min-width: 90px;\r\n    display: inline-block;\r\n           }\r\n\r\n           .type-deital-list> span:hover{\r\n            color: var(--ThemeColor);\r\n           }\r\n      }\r\n\r\n /* 定义滚动条的整体样式 */\r\n .slide-list::-webkit-scrollbar {\r\n  width: 5px; /* 设置滚动条的宽度 */\r\n}\r\n\r\n      li:hover > .slide-list {\r\n        display: block;\r\n      }\r\n\r\n      // .slide-list > ul {\r\n      //   width: 250px;\r\n      //   float: left;\r\n      // }\r\n      // .slide-list li {\r\n      //   position: relative;\r\n      //   width: 100%;\r\n      //   height: 97px;\r\n      //   box-sizing: border-box;\r\n      // }\r\n      // .slide-list span {\r\n      //   position: absolute;\r\n      //   font-size: 14px;\r\n      //   top: 40px;\r\n      //   left: 110px;\r\n      // }\r\n      // .slide-list img {\r\n      //   width: 52px;\r\n      //   height: 52px;\r\n      //   margin-top: 20px;\r\n      //   margin-left: 20px;\r\n      // }\r\n      // .slide-list li:hover span {\r\n      //   color: #ff0000;\r\n      // }\r\n      // .slide-list1 {\r\n      //   width: 744px;\r\n      // }\r\n\r\n\r\n    }    \r\n  }\r\n  .center {\r\n    height: 550px;\r\n    width: 640px;\r\n    margin-left: 20px;\r\n\r\n    .swiper-text-box{\r\n      height: 40px;\r\n    line-height: 40px;\r\n    text-align: center;\r\n    background-color: #F4F4F4;\r\n    border-radius: 5px;\r\n    margin: 10px 0;\r\n    color: #989899;\r\n    }\r\n\r\n    img {\r\n      display: block;\r\n      width: 100%;\r\n      // height: 100%;\r\n      object-fit: cover;\r\n      border-radius: 5px;\r\n    }\r\n  }\r\n\r\n  .user-pannel{\r\n  width: 228px;\r\n  padding: 20px;\r\n  .user-info{\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 10px 0;\r\n    \r\n    .face-box{\r\n      width: 40px;\r\n    height: 40px;\r\n    background-color: #FF8385;\r\n    border-radius: 50%;\r\n    text-align: center;\r\n    line-height: 40px;\r\n    color: #fff;\r\n    font-weight: 700;\r\n    }\r\n    .name-box{\r\n      padding-left: 15px;\r\n    font-weight: 600;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    width: 170px;\r\n    font-size: 16px;\r\n    }\r\n  }\r\n  .quicky-text{\r\n    background-color: #FFDAC3;\r\n    padding: 10px;\r\n    border-radius: 5px;\r\n    margin-top: 20px;\r\n  }\r\n  .user-nav-name{\r\n    margin-top: 20px;\r\n    margin-bottom: 10px;\r\n    font-weight: 600;\r\n  }\r\n  .user-nav{\r\n    display: flex;\r\n    // margin-top: 20px;\r\n    background-color: #F7F5F5;\r\n    border-radius: 5px;\r\n    padding: 7px 10px;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n\r\n    .nav-item{\r\n       width: 80px;\r\n       padding: 7px 0;\r\n\r\n       a{\r\n        color: #000;\r\n       }\r\n       a:hover{\r\n        color: var(--ThemeColor);\r\n       }\r\n    }\r\n  }\r\n}\r\n}\r\n\r\n  // /*横屏样式*/\r\n  // @media screen and (orientation: landscape) {\r\n  //  .banner {\r\n  //     height: calc(100vh - 383px);\r\n  //   }\r\n  // }\r\n  // /*竖屏样式*/\r\n  // @media screen and (orientation: portrait) {   \r\n  //   .banner {\r\n  //     height: calc(100vh - 403px);\r\n  //   }    \r\n  // }\r\n\r\n}\r\n\r\n\r\n.show-list {\r\n  background-color: #f1f3f5;\r\n  padding-top: 20px;\r\n  min-height: 400px;\r\n  .wrap {\r\n    width: 1200px;\r\n    margin: 0 auto;\r\n    margin-top: 30px;\r\n  }\r\n  .recommend {\r\n    width: 1300px;\r\n  }\r\n  .recommend-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .left {\r\n      font-size: 24px;\r\n    }\r\n    .right {\r\n      font-size: 14px;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  .recommend-bottom {\r\n    width: 1300px;\r\n    padding-top: 20px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    .recommend-li {\r\n      width: 291px;\r\n      height: 408px;\r\n      margin-right: 10px;\r\n      margin-bottom: 10px;\r\n      background-color: #fff;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      cursor: pointer;\r\n.goodsname{\r\n  display: -webkit-box;       /* 使用弹性盒模型 */\r\n  -webkit-line-clamp: 3;      /* 限制在一个块元素显示的文本的行数 */\r\n  -webkit-box-orient: vertical;/* 设置或检索伸缩盒对象的子元素的排列方式 */\r\n  overflow: hidden;           /* 隐藏超出的内容 */\r\n  text-overflow: ellipsis;    /* 超出部分以省略号显示 */\r\n}\r\n      img {\r\n        width: 291px;\r\n        height: 253px;\r\n      }\r\n      h3 {\r\n        .tag {\r\n          color: #fff;\r\n          background-color: #f13956;\r\n          padding: 2px;\r\n          font-size: 12px;\r\n          font-weight: normal;\r\n          border-radius: 5px;\r\n        }\r\n        font-weight: 600;\r\n        font-size: 14px;\r\n        margin-top: 10px;\r\n      }\r\n      .originPrice {\r\n        font-size: 12px;\r\n        color: #aaa;\r\n        text-decoration: line-through;\r\n      }\r\n      p {\r\n        margin-top: 5px;\r\n        font-size: 13px;\r\n        color: rgb(150 150 150);\r\n      }\r\n      .price {\r\n        margin-top: 20px;\r\n        color: var(--ThemeColor);\r\n        font-size: 16px;\r\n      }\r\n      .flag {\r\n        margin-top: 10px;\r\n        color: rgb(215 70 82);\r\n        font-size: 12px;\r\n        border: 1px solid rgb(215 70 82);\r\n        padding: 2px;\r\n        border-radius: 3px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style>\r\n.swiper-container {\r\n  /* height: 100%; */\r\n}\r\n.swiper-pagination-bullet-active {\r\n  background-color: #fff !important;\r\n}\r\n.swiper-button-next,\r\n.swiper-button-prev {\r\n  width: 50px;\r\n  height: 50px;\r\n  background-color: rgba(0, 0, 0, 0.2);\r\n  border-radius: 50%;\r\n  background-size: 20%;\r\n}\r\n\r\n.swiper-button-prev {\r\n  left: 50% !important;\r\n  margin-left: -350px;\r\n}\r\n.swiper-button-next {\r\n  right: 50% !important;\r\n  margin-right: -350px;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=1ecf4901&scoped=true\"\nimport script from \"./Home.vue?vue&type=script&lang=js\"\nexport * from \"./Home.vue?vue&type=script&lang=js\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=1ecf4901&prod&lang=less&scoped=true\"\nimport style1 from \"./Home.vue?vue&type=style&index=1&id=1ecf4901&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1ecf4901\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}