You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
21 KiB
1 line
21 KiB
{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\home\\home.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\home\\home.vue","mtime":1709633805000},{"path":"D:\\code\\vue\\front\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\code\\vue\\front\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgJ2FuaW1hdGUuY3NzJw0KaW1wb3J0IFN3aXBlciBmcm9tICJzd2lwZXIiOw0KDQogIGV4cG9ydCBkZWZhdWx0IHsNCiAgICAvL+aVsOaNrumbhuWQiA0KICAgIGRhdGEoKSB7DQogICAgICByZXR1cm4gew0KICAgICAgICBiYXNlVXJsOiAnJywNCiAgICAgICAgbmV3c0xpc3Q6IFtdLA0KICAgICAgICBrZWNoZW5neGlueGlSZWNvbW1lbmQ6IFtdLA0KDQoNCg0KDQoNCiAgICAgIH0NCiAgICB9LA0KICAgIGNyZWF0ZWQoKSB7DQoJCXRoaXMuYmFzZVVybCA9IHRoaXMuJGNvbmZpZy5iYXNlVXJsOw0KCQl0aGlzLmdldExpc3QoKTsNCiAgICB9LA0KCW1vdW50ZWQoKSB7DQoJCXdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCB0aGlzLmhhbmRsZVNjcm9sbCkNCgkJc2V0VGltZW91dCgoKT0+ew0KCQkJdGhpcy5oYW5kbGVTY3JvbGwoKQ0KCQl9LDEwMCkNCgkJDQoJCXRoaXMuc3dpcGVyQ2hhbmdlcygpDQoJfSwNCgliZWZvcmVEZXN0cm95KCkgew0KCSAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIHRoaXMuaGFuZGxlU2Nyb2xsKQ0KCX0sDQogICAgLy/mlrnms5Xpm4blkIgNCiAgICBtZXRob2RzOiB7DQoJCXN3aXBlckNoYW5nZXMoKSB7DQoJCQlzZXRUaW1lb3V0KCgpPT57DQoJCQl9LDc1MCkNCgkJfSwNCgkJcmVjb21tZW5kSW5kZXhDbGljazEyKGluZGV4LCBuYW1lKSB7DQoJCQl0aGlzWydyZWNvbW1lbmRJbmRleDEyJyArIG5hbWVdID0gaW5kZXgNCgkJCXRoaXMuZ2V0TGlzdCgpDQoJCQkNCgkJCWRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5yZWNvbW1lbmQgLmxpc3QxMicgKyBuYW1lICsgJyAubGlzdCAuaXRlbScpLmZvckVhY2goZWwgPT4gew0KCQkJICBlbC5jbGFzc0xpc3QucmVtb3ZlKCJhY3RpdmUiKQ0KCQkJfSkNCgkJCXNldFRpbWVvdXQoKCkgPT4gew0KCQkJICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcucmVjb21tZW5kIC5saXN0MTInICsgbmFtZSArICcgLmxpc3QgLml0ZW0nKS5mb3JFYWNoKGVsID0+IHsNCgkJCSAgICBlbC5jbGFzc0xpc3QuYWRkKCJhY3RpdmUiKQ0KCQkJICB9KQ0KCQkJfSwgMSk7DQoJCX0sDQoNCgkJbGlzdEluZGV4Q2xpY2sxMShpbmRleCwgbmFtZSkgewoJCQl0aGlzWydsaXN0SW5kZXgxMScgKyBuYW1lXSA9IGluZGV4W3RoaXNbJ2xpc3RDb2x1bW4xMScgKyBuYW1lXV0KCQkJdGhpcy5nZXRMaXN0KCkKCQl9LAoNCgkJaGFuZGxlU2Nyb2xsKCkgew0KCQkJbGV0IGFyciA9IFsNCgkJCQl7aWQ6J3NlYXJjaCcsY3NzOidhbmltYXRlX19ib3VuY2UnfSwNCgkJCQl7aWQ6J2Fib3V0Jyxjc3M6J2FuaW1hdGVfX2ZhZGVJblVwJ30sDQoJCQkJe2lkOidzeXN0ZW0nLGNzczonYW5pbWF0ZV9fZmFkZUluVXAnfSwNCgkJCQl7aWQ6J2FuaW1hdGVfcmVjb21tZW5ka2VjaGVuZ3hpbnhpJyxjc3M6J2FuaW1hdGVfX2ZhZGVJblVwJ30sDQoJCQkJe2lkOidtc2dzJyxjc3M6J2FuaW1hdGVfX2JvdW5jZSd9LA0KCQkJCXtpZDonZnJpZW5kbHknLGNzczonYW5pbWF0ZV9fYm91bmNlJ30NCgkJCV0NCgkJCQ0KCQkJZm9yIChsZXQgaSBpbiBhcnIpIHsNCgkJCQlsZXQgZG9jID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoYXJyW2ldLmlkKQ0KCQkJCWlmIChkb2MpIHsNCgkJCQkJbGV0IHRvcCA9IGRvYy5vZmZzZXRUb3ANCgkJCQkJbGV0IHdpbl90b3AgPSB3aW5kb3cuaW5uZXJIZWlnaHQgKyB3aW5kb3cucGFnZVlPZmZzZXQNCgkJCQkJLy8gY29uc29sZS5sb2codG9wLHdpbl90b3ApDQoJCQkJCWlmICh3aW5fdG9wID4gdG9wICYmIGRvYy5jbGFzc0xpc3QudmFsdWUuaW5kZXhPZihhcnJbaV0uY3NzKSA8IDApIHsNCgkJCQkJCS8vIGNvbnNvbGUubG9nKGRvYykNCgkJCQkJCWRvYy5jbGFzc0xpc3QuYWRkKGFycltpXS5jc3MpDQoJCQkJCX0NCgkJCQl9DQoJCQl9DQoJCX0sDQogICAgICBwcmVIdHRwKHN0cikgew0KICAgICAgICAgIHJldHVybiBzdHIgJiYgc3RyLnN1YnN0cigwLDQpPT0naHR0cCc7DQogICAgICB9LA0KCQlnZXRMaXN0KCkgew0KCQkJbGV0IGF1dG9Tb3J0VXJsID0gIiI7DQoJCQlsZXQgZGF0YSA9IHt9DQogICAgICAgICAgYXV0b1NvcnRVcmwgPSAia2VjaGVuZ3hpbnhpL2F1dG9Tb3J0IjsNCiAgICAgICAgICBpZihsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnZnJvbnRUb2tlbicpKSB7DQogICAgICAgICAgICAgIGF1dG9Tb3J0VXJsID0gImtlY2hlbmd4aW54aS9hdXRvU29ydDIiOw0KICAgICAgICAgIH0NCgkJCWRhdGEgPSB7CgkJCQlwYWdlOiAxLAoJCQkJbGltaXQ6IDYsCgkJCX0KCQkJdGhpcy4kaHR0cC5nZXQoYXV0b1NvcnRVcmwsIHtwYXJhbXM6IGRhdGF9KS50aGVuKHJlcyA9PiB7DQoJCQkJaWYgKHJlcy5kYXRhLmNvZGUgPT0gMCkgew0KCQkJCQl0aGlzLmtlY2hlbmd4aW54aVJlY29tbWVuZCA9IHJlcy5kYXRhLmRhdGEubGlzdDsNCgkJCQkJDQoJCQkJCQ0KCQkJCQkvLyDllYblk4HliJfooajmoLflvI/kupQNCgkJCQkJDQoJCQkJfQ0KCQkJfSk7DQoJCQkNCgkJfSwNCgkJdG9EZXRhaWwocGF0aCwgaXRlbSkgew0KCQkJdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6ICcvaW5kZXgvJyArIHBhdGgsIHF1ZXJ5OiB7aWQ6IGl0ZW0uaWR9fSk7DQoJCX0sDQoJCW1vcmVCdG4ocGF0aCkgew0KCQkJdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6ICcvaW5kZXgvJyArIHBhdGh9KTsNCgkJfQ0KICAgIH0NCiAgfQ0K"},{"version":3,"sources":["home.vue"],"names":[],"mappings":";AAoEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"home.vue","sourceRoot":"src/pages/home","sourcesContent":["<template>\r\n<div class=\"home-preview\" :style='{\"margin\":\"0px auto\",\"flexWrap\":\"wrap\",\"flexDirection\":\"column\",\"background\":\"none\",\"display\":\"flex\",\"width\":\"100%\",\"justifyContent\":\"center\"}'>\r\n\r\n\r\n\r\n\r\n\t\t\r\n\r\n\r\n<!-- 商品推荐 -->\r\n<div id=\"animate_recommendkechengxinxi\" class=\"recommend animate__animated\" :style='{\"width\":\"100%\",\"padding\":\"20px 0\",\"margin\":\"0 0 20px\",\"background\":\"#f1f1f1\",\"order\":\"1\"}'>\r\n\t<div v-if=\"false\" class=\"idea recommendIdea\" :style='{\"padding\":\"20px\",\"flexWrap\":\"wrap\",\"background\":\"#efefef\",\"justifyContent\":\"space-between\",\"display\":\"flex\"}'>\r\n\t\t<div class=\"box1\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box2\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box3\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box4\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box5\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box6\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box7\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box8\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box9\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box10\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t</div>\r\n\t\r\n <div class=\"title\" :style='{\"width\":\"100%\",\"margin\":\"30px auto\",\"lineHeight\":\"50px\",\"textAlign\":\"center\",\"background\":\"url(http://codegen.caihongy.cn/20230915/b96d1e15768f4ac495e60a79e04cb731.png) no-repeat center top\"}'>\r\n\t\t<span :style='{\"color\":\"#F5BB00\",\"fontSize\":\"32px\",\"lineHeight\":\"40px\"}'>课程信息推荐</span>\r\n\t</div>\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\r\n\r\n\r\n\t<div v-if=\"kechengxinxiRecommend.length\" class=\"list list12 index-pv1 list12kechengxinxi\" :style='{\"width\":\"100%\",\"padding\":\"0 7%\",\"background\":\"none\",\"height\":\"auto\"}'>\n\t <div class=\"list\" :style='{\"margin\":\"30px 0 0\",\"overflow\":\"hidden\",\"flexWrap\":\"wrap\",\"flex\":\"1\",\"background\":\"none\",\"display\":\"flex\",\"height\":\"auto\"}'>\r\n\t <div :style='{\"cursor\":\"pointer\",\"width\":\"31.3%\",\"margin\":\"0 2% 20px 0\",\"overflow\":\"hidden\",\"position\":\"relative\",\"height\":\"auto\"}' class=\"item list-item animation-box\" v-for=\"item,index in kechengxinxiRecommend\" :key=\"index\" @click=\"toDetail('kechengxinxiDetail', item)\">\r\n\t\t\t<img :name=\"item.id\" :style='{\"width\":\"100%\",\"margin\":\"0 0 6px\",\"objectFit\":\"cover\",\"borderRadius\":\"6px\",\"display\":\"block\",\"height\":\"280px\"}' v-if=\"preHttp(item.kechengtupian)\" :src=\"item.kechengtupian.split(',')[0]\" alt=\"\" />\r\n\t\t\t<img :name=\"item.id\" :style='{\"width\":\"100%\",\"margin\":\"0 0 6px\",\"objectFit\":\"cover\",\"borderRadius\":\"6px\",\"display\":\"block\",\"height\":\"280px\"}' v-else :src=\"baseUrl + (item.kechengtupian?item.kechengtupian.split(',')[0]:'')\" alt=\"\" />\r\n\t\t\t<div class=\"line1\" :style='{\"padding\":\"0 10px\",\"borderColor\":\"#ddd\",\"margin\":\"0 0 6px\",\"whiteSpace\":\"nowrap\",\"color\":\"#333\",\"overflow\":\"hidden\",\"borderRadius\":\"6px\",\"borderWidth\":\"0 0 1px\",\"background\":\"#fff\",\"width\":\"100%\",\"lineHeight\":\"36px\",\"fontSize\":\"14px\",\"textOverflow\":\"ellipsis\",\"borderStyle\":\"solid\"}'>{{item.kechengmingcheng}}</div>\r\n\t\t\t<div class=\"line1\" :style='{\"padding\":\"0 10px\",\"borderColor\":\"#ddd\",\"margin\":\"0 0 6px\",\"whiteSpace\":\"nowrap\",\"color\":\"#333\",\"overflow\":\"hidden\",\"borderRadius\":\"6px\",\"borderWidth\":\"0 0 1px\",\"background\":\"#fff\",\"width\":\"100%\",\"lineHeight\":\"36px\",\"fontSize\":\"14px\",\"textOverflow\":\"ellipsis\",\"borderStyle\":\"solid\"}'>{{item.kechengleixing}}</div>\r\n\t </div>\r\n\t </div>\r\n\t</div>\r\n\r\n\r\n\r\n\r\n\t\r\n\t<div @click=\"moreBtn('kechengxinxi')\" :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"margin\":\"0px auto 20px\",\"borderRadius\":\"6px\",\"textAlign\":\"center\",\"background\":\"#F5BB00\",\"display\":\"block\",\"width\":\"120px\",\"lineHeight\":\"36px\"}'>\r\n\t\t<span :style='{\"color\":\"#f5f5f5\",\"fontSize\":\"14px\"}'>查看更多</span>\r\n\t\t<i :style='{\"color\":\"#f5f5f5\",\"fontSize\":\"12px\"}' class=\"icon iconfont icon-gengduo1\"></i>\r\n\t</div>\r\n\t\r\n</div>\r\n<!-- 商品推荐 -->\r\n\r\n\t\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport 'animate.css'\r\nimport Swiper from \"swiper\";\r\n\r\n export default {\r\n //数据集合\r\n data() {\r\n return {\r\n baseUrl: '',\r\n newsList: [],\r\n kechengxinxiRecommend: [],\r\n\r\n\r\n\r\n\r\n\r\n }\r\n },\r\n created() {\r\n\t\tthis.baseUrl = this.$config.baseUrl;\r\n\t\tthis.getList();\r\n },\r\n\tmounted() {\r\n\t\twindow.addEventListener('scroll', this.handleScroll)\r\n\t\tsetTimeout(()=>{\r\n\t\t\tthis.handleScroll()\r\n\t\t},100)\r\n\t\t\r\n\t\tthis.swiperChanges()\r\n\t},\r\n\tbeforeDestroy() {\r\n\t window.removeEventListener('scroll', this.handleScroll)\r\n\t},\r\n //方法集合\r\n methods: {\r\n\t\tswiperChanges() {\r\n\t\t\tsetTimeout(()=>{\r\n\t\t\t},750)\r\n\t\t},\r\n\t\trecommendIndexClick12(index, name) {\r\n\t\t\tthis['recommendIndex12' + name] = index\r\n\t\t\tthis.getList()\r\n\t\t\t\r\n\t\t\tdocument.querySelectorAll('.recommend .list12' + name + ' .list .item').forEach(el => {\r\n\t\t\t el.classList.remove(\"active\")\r\n\t\t\t})\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t document.querySelectorAll('.recommend .list12' + name + ' .list .item').forEach(el => {\r\n\t\t\t el.classList.add(\"active\")\r\n\t\t\t })\r\n\t\t\t}, 1);\r\n\t\t},\r\n\r\n\t\tlistIndexClick11(index, name) {\n\t\t\tthis['listIndex11' + name] = index[this['listColumn11' + name]]\n\t\t\tthis.getList()\n\t\t},\n\r\n\t\thandleScroll() {\r\n\t\t\tlet arr = [\r\n\t\t\t\t{id:'search',css:'animate__bounce'},\r\n\t\t\t\t{id:'about',css:'animate__fadeInUp'},\r\n\t\t\t\t{id:'system',css:'animate__fadeInUp'},\r\n\t\t\t\t{id:'animate_recommendkechengxinxi',css:'animate__fadeInUp'},\r\n\t\t\t\t{id:'msgs',css:'animate__bounce'},\r\n\t\t\t\t{id:'friendly',css:'animate__bounce'}\r\n\t\t\t]\r\n\t\t\t\r\n\t\t\tfor (let i in arr) {\r\n\t\t\t\tlet doc = document.getElementById(arr[i].id)\r\n\t\t\t\tif (doc) {\r\n\t\t\t\t\tlet top = doc.offsetTop\r\n\t\t\t\t\tlet win_top = window.innerHeight + window.pageYOffset\r\n\t\t\t\t\t// console.log(top,win_top)\r\n\t\t\t\t\tif (win_top > top && doc.classList.value.indexOf(arr[i].css) < 0) {\r\n\t\t\t\t\t\t// console.log(doc)\r\n\t\t\t\t\t\tdoc.classList.add(arr[i].css)\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n preHttp(str) {\r\n return str && str.substr(0,4)=='http';\r\n },\r\n\t\tgetList() {\r\n\t\t\tlet autoSortUrl = \"\";\r\n\t\t\tlet data = {}\r\n autoSortUrl = \"kechengxinxi/autoSort\";\r\n if(localStorage.getItem('frontToken')) {\r\n autoSortUrl = \"kechengxinxi/autoSort2\";\r\n }\r\n\t\t\tdata = {\n\t\t\t\tpage: 1,\n\t\t\t\tlimit: 6,\n\t\t\t}\n\t\t\tthis.$http.get(autoSortUrl, {params: data}).then(res => {\r\n\t\t\t\tif (res.data.code == 0) {\r\n\t\t\t\t\tthis.kechengxinxiRecommend = res.data.data.list;\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t// 商品列表样式五\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t\r\n\t\t},\r\n\t\ttoDetail(path, item) {\r\n\t\t\tthis.$router.push({path: '/index/' + path, query: {id: item.id}});\r\n\t\t},\r\n\t\tmoreBtn(path) {\r\n\t\t\tthis.$router.push({path: '/index/' + path});\r\n\t\t}\r\n }\r\n }\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n\t.home-preview {\r\n\t\t// -------- search --------\r\n\t\t.search .select /deep/ .el-input__inner {\r\n\t\t\tborder: 1px solid #ddd;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tpadding: 0 30px 0 10px;\r\n\t\t\tbox-shadow: 0 0 0px rgba(64, 158, 255, .3);\r\n\t\t\toutline: none;\r\n\t\t\tcolor: rgba(64, 158, 255, 1);\r\n\t\t\twidth: 180px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\theight: 36px;\r\n\t\t}\r\n\t\t\r\n\t\t.search .input /deep/ .el-input__inner {\r\n\t\t\tborder: 1px solid #ddd;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tpadding: 0 10px;\r\n\t\t\tbox-shadow: 0 0 0px rgba(64, 158, 255, .3);\r\n\t\t\toutline: none;\r\n\t\t\tcolor: rgba(64, 158, 255, 1);\r\n\t\t\twidth: 180px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\theight: 36px;\r\n\t\t}\r\n\t\t// -------- search --------\r\n\t\t.recommend {\r\n\t\t\t.list3 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-next {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n }\r\n \r\n .list5 .swiper-button-next {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 {\r\n\t\t\t\t.swiper-slide-prev {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 3;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t.swiper-slide-next {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 3;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t.swiper-slide-active {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 5;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\tz-index: initial;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 10px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1.01) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t.news {\r\n\t\t\t.list3 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-next {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list6 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list6 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list6 .swiper-button-next {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list6 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\tz-index: initial;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t}\r\n\t\t}\r\n\t\r\n\t\t.lists {\r\n\t\t\t.list3 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-next {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 10px;\r\n }\r\n \r\n .list3 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-next {\r\n left: auto;\r\n right: 10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 {\r\n\t\t\t\t.swiper-slide-prev {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 3;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t.swiper-slide-next {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 3;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t.swiper-slide-active {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 5;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\tz-index: initial;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 10px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t.home-preview .recommend .list12 .tab .item {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\tborder-radius: 6px;\r\n\t\t\t\tpadding: 0 20px;\r\n\t\t\t\tmargin: 0 10px;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground: #333;\r\n\t\t\t\twidth: auto;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tline-height: 40px;\r\n\t\t\t}\r\n\t\r\n\t.home-preview .recommend .list12 .tab .item:hover {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground: #F5BB00;\r\n\t\t\t\tborder-color: #F5BB00;\r\n\t\t\t\tborder-width: 0 0 0px 0;\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t}\r\n\t\r\n\t.home-preview .recommend .list12 .tab .item.active {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground: #F5BB00;\r\n\t\t\t\tborder-color: #F5BB00;\r\n\t\t\t\tborder-width: 0 0 0px 0;\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t}\r\n\t\r\n\t.home-preview .recommend .list12 .tab .more {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tpadding: 5px 10px;\r\n\t\t\t\tmargin: 0 10px;\r\n\t\t\t\tcolor: #666;\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t\tline-height: 44px;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\t\r\n\t.home-preview .recommend .list12 .tab .more:hover {\r\n\t\t\t\tcolor: red;\r\n\t\t\t}\r\n\t\r\n\t.home-preview .recommend .list12 .item.active {\r\n\t animation-name: mymove;\r\n\t\r\n\t &:nth-of-type(1) {\r\n\t animation-duration: 1s;\r\n\t }\r\n\t &:nth-of-type(2) {\r\n\t animation-duration: 1.2s;\r\n\t }\r\n\t &:nth-of-type(3) {\r\n\t animation-duration: 1.4s;\r\n\t }\r\n\t &:nth-of-type(4) {\r\n\t animation-duration: 1.6s;\r\n\t }\r\n\t &:nth-of-type(5) {\r\n\t animation-duration: 1.8s;\r\n\t }\r\n\t &:nth-of-type(6) {\r\n\t animation-duration: 2s;\r\n\t }\r\n\t}\r\n\t\r\n\t@keyframes mymove\r\n\t{\r\n\t\tfrom {top: 320px;}\r\n\t\tto {top: 0;}\r\n\t}\r\n\r\n\r\n\r\n</style>\r\n"]}]} |