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
33 KiB
1 line
33 KiB
{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\kechengleixing\\detail.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\kechengleixing\\detail.vue","mtime":1709633803000},{"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:DQogIGltcG9ydCBDb3VudERvd24gZnJvbSAnQC9jb21wb25lbnRzL0NvdW50RG93bic7DQogIGltcG9ydCBheGlvcyBmcm9tICdheGlvcycNCiAgaW1wb3J0IFN3aXBlciBmcm9tICJzd2lwZXIiOw0KICANCiAgZXhwb3J0IGRlZmF1bHQgew0KICAgIC8v5pWw5o2u6ZuG5ZCIDQogICAgZGF0YSgpIHsNCiAgICAgIHJldHVybiB7DQogICAgICAgIHRhYmxlbmFtZTogJ2tlY2hlbmdsZWl4aW5nJywNCiAgICAgICAgYmFzZVVybDogJycsDQogICAgICAgIGJyZWFkY3J1bWJJdGVtOiBbDQogICAgICAgICAgew0KICAgICAgICAgICAgbmFtZTogJ+ivvueoi+exu+WeiycNCiAgICAgICAgICB9DQogICAgICAgIF0sDQogICAgICAgIHRpdGxlOiAnJywNCiAgICAgICAgZGV0YWlsQmFubmVyOiBbXSwNCgkJdXNlcmlkOiBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnZnJvbnRVc2VyaWQnKSwNCgkJaWQ6IDAsDQogICAgICAgIGRldGFpbDoge30sDQogICAgICAgIGFjdGl2ZU5hbWU6ICdmaXJzdCcsDQogICAgICAgIHRvdGFsOiAxLA0KICAgICAgICBwYWdlU2l6ZTogNSwNCgkJcGFnZVNpemVzOiBbMTAsMjAsMzAsNTBdLA0KICAgICAgICB0b3RhbFBhZ2U6IDEsDQogICAgICAgIGJ1eW51bWJlcjogMSwNCgkJY2VudGVyVHlwZTogZmFsc2UsDQoJCXNoYXJlVXJsOiBsb2NhdGlvbi5ocmVmLA0KICAgICAgfQ0KICAgIH0sDQogICAgY3JlYXRlZCgpIHsNCgkJaWYodGhpcy4kcm91dGUucXVlcnkuY2VudGVyVHlwZSkgew0KCQkJdGhpcy5jZW50ZXJUeXBlID0gdHJ1ZQ0KCQl9DQoJCQ0KICAgICAgICB0aGlzLmluaXQoKTsNCiAgICB9LA0KCW1vdW50ZWQoKSB7DQoJCXNldFRpbWVvdXQoKCk9PnsNCgkJCWxldCBteVN3aXBlcjIyID0gbmV3IFN3aXBlcigiLm15U3dpcGVyMjIiLCB7Im5hdmlnYXRpb24iOnsibmV4dEVsIjoiLnN3aXBlci1idXR0b24tbmV4dCIsInByZXZFbCI6Ii5zd2lwZXItYnV0dG9uLXByZXYifSwiZnJlZU1vZGUiOnRydWUsIndhdGNoU2xpZGVzVmlzaWJpbGl0eSI6dHJ1ZSwid2F0Y2hTbGlkZXNQcm9ncmVzcyI6dHJ1ZSwibG9vcGVkU2xpZGVzIjoxMCwic2xpZGVzUGVyVmlldyI6NSwic3BhY2VCZXR3ZWVuIjoxMH0pDQoJCQlsZXQgb3B0aW9uMjEgPSB7Li4ueyJuYXZpZ2F0aW9uIjp7Im5leHRFbCI6Ii5zd2lwZXItYnV0dG9uLW5leHQiLCJwcmV2RWwiOiIuc3dpcGVyLWJ1dHRvbi1wcmV2In0sImxvb3BlZFNsaWRlcyI6MTAsInNwYWNlQmV0d2VlbiI6MTAsImF1dG9wbGF5Ijp7ImRlbGF5IjoyNTAwLCJkaXNhYmxlT25JbnRlcmFjdGlvbiI6ZmFsc2V9fX0NCgkJCW9wdGlvbjIxLnRodW1icyA9IHsNCgkJCQlzd2lwZXI6IG15U3dpcGVyMjINCgkJCX0NCgkJCW5ldyBTd2lwZXIoIi5teVN3aXBlcjIxIiwgb3B0aW9uMjEpDQoJCX0sMTAwKQ0KCX0sDQogICAgLy/mlrnms5Xpm4blkIgNCiAgICBtZXRob2RzOiB7DQogICAgICAgIGluaXQoKSB7DQoJCSAgdGhpcy5pZCA9IHRoaXMuJHJvdXRlLnF1ZXJ5LmlkDQogICAgICAgICAgdGhpcy5iYXNlVXJsID0gdGhpcy4kY29uZmlnLmJhc2VVcmw7DQogICAgICAgICAgdGhpcy4kaHR0cC5nZXQodGhpcy50YWJsZW5hbWUgKyAnL2RldGFpbC8nICArIHRoaXMuaWQsIHt9KS50aGVuKHJlcyA9PiB7DQogICAgICAgICAgICBpZiAocmVzLmRhdGEuY29kZSA9PSAwKSB7DQogICAgICAgICAgICAgIHRoaXMuZGV0YWlsID0gcmVzLmRhdGEuZGF0YTsNCiAgICAgICAgICAgICAgdGhpcy4kZm9yY2VVcGRhdGUoKTsNCg0KCQkJCWlmKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdmcm9udFRva2VuJykpew0KCQkJCX0NCg0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0pOw0KICAgICAgICB9LA0KICAgICAgY3VyQ2hhbmdlKHBhZ2UpIHsNCiAgICAgICAgdGhpcy5nZXREaXNjdXNzTGlzdChwYWdlKTsNCiAgICAgIH0sDQogICAgICBwcmV2Q2xpY2socGFnZSkgew0KICAgICAgICB0aGlzLmdldERpc2N1c3NMaXN0KHBhZ2UpOw0KICAgICAgfSwNCiAgICAgIG5leHRDbGljayhwYWdlKSB7DQogICAgICAgIHRoaXMuZ2V0RGlzY3Vzc0xpc3QocGFnZSk7DQogICAgICB9LA0KCQkvLyDov5Tlm57mjInpkq4NCgkJYmFja0NsaWNrKCl7DQoJCQloaXN0b3J5LmJhY2soKQ0KCQl9LA0KCQkvLyDkuIvovb0NCgkJZG93bmxvYWQoZmlsZSl7DQoJCQlpZighZmlsZSkgew0KCQkJCXRoaXMuJG1lc3NhZ2Uoew0KCQkJCSAgdHlwZTogJ2Vycm9yJywNCgkJCQkgIG1lc3NhZ2U6ICfmlofku7bkuI3lrZjlnKgnLA0KCQkJCSAgZHVyYXRpb246IDE1MDAsDQoJCQkJfSk7DQoJCQkJcmV0dXJuOw0KCQkJfQ0KCQkgIGxldCBhcnIgPSBmaWxlLnJlcGxhY2UobmV3IFJlZ0V4cCgndXBsb2FkLycsICJnIiksICIiKQ0KCQkgIGF4aW9zLmdldCh0aGlzLmJhc2VVcmwgKyAnL2ZpbGUvZG93bmxvYWQ/ZmlsZU5hbWU9JyArIGFyciwgew0KCQkgIAloZWFkZXJzOiB7DQoJCSAgCQl0b2tlbjogbG9jYWxTdG9yYWdlLmdldEl0ZW0oImZyb250VG9rZW4iKQ0KCQkgIAl9LA0KCQkgIAlyZXNwb25zZVR5cGU6ICJibG9iIg0KCQkgIH0pLnRoZW4oKHsNCgkJICAJZGF0YQ0KCQkgIH0pID0+IHsNCgkJICAJY29uc3QgYmluYXJ5RGF0YSA9IFtdOw0KCQkgIAliaW5hcnlEYXRhLnB1c2goZGF0YSk7DQoJCSAgCWNvbnN0IG9iamVjdFVybCA9IHdpbmRvdy5VUkwuY3JlYXRlT2JqZWN0VVJMKG5ldyBCbG9iKGJpbmFyeURhdGEsIHsNCgkJICAJCXR5cGU6ICdhcHBsaWNhdGlvbi9wZGY7Y2hhcnRzZXQ9VVRGLTgnDQoJCSAgCX0pKQ0KCQkgIAljb25zdCBhID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpDQoJCSAgCWEuaHJlZiA9IG9iamVjdFVybA0KCQkgIAlhLmRvd25sb2FkID0gYXJyDQoJCSAgCS8vIGEuY2xpY2soKQ0KCQkgIAkvLyDkuIvpnaLov5nkuKrlhpnms5Xlhbzlrrnngavni5ANCgkJICAJYS5kaXNwYXRjaEV2ZW50KG5ldyBNb3VzZUV2ZW50KCdjbGljaycsIHsNCgkJICAJCWJ1YmJsZXM6IHRydWUsDQoJCSAgCQljYW5jZWxhYmxlOiB0cnVlLA0KCQkgIAkJdmlldzogd2luZG93DQoJCSAgCX0pKQ0KCQkgIAl3aW5kb3cuVVJMLnJldm9rZU9iamVjdFVSTChkYXRhKQ0KCQkgIH0sZXJyPT57DQoJCQkgIGF4aW9zLmdldCgobG9jYXRpb24uaHJlZi5zcGxpdCh0aGlzLiRjb25maWcubmFtZSkubGVuZ3RoPjEgPyBsb2NhdGlvbi5ocmVmLnNwbGl0KHRoaXMuJGNvbmZpZy5uYW1lKVswXSA6JycpICsgdGhpcy4kY29uZmlnLm5hbWUgKyAnL2ZpbGUvZG93bmxvYWQ/ZmlsZU5hbWU9JyArIGFyciwgew0KCQkJICAJaGVhZGVyczogew0KCQkJICAJCXRva2VuOiBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgiZnJvbnRUb2tlbiIpDQoJCQkgIAl9LA0KCQkJICAJcmVzcG9uc2VUeXBlOiAiYmxvYiINCgkJCSAgfSkudGhlbigoew0KCQkJICAJZGF0YQ0KCQkJICB9KSA9PiB7DQoJCQkgIAljb25zdCBiaW5hcnlEYXRhID0gW107DQoJCQkgIAliaW5hcnlEYXRhLnB1c2goZGF0YSk7DQoJCQkgIAljb25zdCBvYmplY3RVcmwgPSB3aW5kb3cuVVJMLmNyZWF0ZU9iamVjdFVSTChuZXcgQmxvYihiaW5hcnlEYXRhLCB7DQoJCQkgIAkJdHlwZTogJ2FwcGxpY2F0aW9uL3BkZjtjaGFydHNldD1VVEYtOCcNCgkJCSAgCX0pKQ0KCQkJICAJY29uc3QgYSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2EnKQ0KCQkJICAJYS5ocmVmID0gb2JqZWN0VXJsDQoJCQkgIAlhLmRvd25sb2FkID0gYXJyDQoJCQkgIAkvLyBhLmNsaWNrKCkNCgkJCSAgCS8vIOS4i+mdoui/meS4quWGmeazleWFvOWuueeBq+eLkA0KCQkJICAJYS5kaXNwYXRjaEV2ZW50KG5ldyBNb3VzZUV2ZW50KCdjbGljaycsIHsNCgkJCSAgCQlidWJibGVzOiB0cnVlLA0KCQkJICAJCWNhbmNlbGFibGU6IHRydWUsDQoJCQkgIAkJdmlldzogd2luZG93DQoJCQkgIAl9KSkNCgkJCSAgCXdpbmRvdy5VUkwucmV2b2tlT2JqZWN0VVJMKGRhdGEpDQoJCQkgIH0pDQoJCSAgfSkNCiAgICAgIH0sDQoNCg0KCQkvLyDmnYPpmZDliKTmlq0NCgkJYnRuQXV0aCh0YWJsZU5hbWUsa2V5KXsNCgkJCWlmKHRoaXMuY2VudGVyVHlwZSl7DQoJCQkJcmV0dXJuIHRoaXMuaXNCYWNrQXV0aCh0YWJsZU5hbWUsa2V5KQ0KCQkJfWVsc2V7DQoJCQkJcmV0dXJuIHRoaXMuaXNBdXRoKHRhYmxlTmFtZSxrZXkpDQoJCQl9DQoJCX0sDQoJCS8vIOS/ruaUuQ0KCQllZGl0Q2xpY2soKXsNCgkJCXRoaXMuJHJvdXRlci5wdXNoKGAvaW5kZXgva2VjaGVuZ2xlaXhpbmdBZGQ/dHlwZT1lZGl0JiZpZD0ke3RoaXMuZGV0YWlsLmlkfWApOw0KCQl9LA0KCQkvLyDliKDpmaQNCgkJZGVsQ2xpY2soKXsNCgkJCXRoaXMuJGNvbmZpcm0oJ+aYr+WQpuWIoOmZpOatpOivvueoi+exu+Wei++8nycpDQoJCQkgIC50aGVuKF8gPT4gew0KCQkJICAgIHRoaXMuJGh0dHAucG9zdCgna2VjaGVuZ2xlaXhpbmcvZGVsZXRlJywgW3RoaXMuZGV0YWlsLmlkXSkudGhlbihyZXMgPT4gew0KCQkJICAgICAgaWYgKHJlcy5kYXRhLmNvZGUgPT0gMCkgew0KCQkJICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCgkJCSAgICAgICAgICB0eXBlOiAnc3VjY2VzcycsDQoJCQkgICAgICAgICAgbWVzc2FnZTogJ+WIoOmZpOaIkOWKnyEnLA0KCQkJICAgICAgICAgIGR1cmF0aW9uOiAxNTAwLA0KCQkJCQkgIG9uQ2xvc2U6ICgpID0+IHsNCgkJCQkJCSAgaGlzdG9yeS5iYWNrKCkNCgkJCQkJICB9DQoJCQkgICAgICAgIH0pOw0KCQkJICAgICAgfQ0KCQkJICAgIH0pOw0KCQkJICB9KS5jYXRjaChfID0+IHt9KTsNCgkJfSwNCiAgICB9LA0KICAgIGNvbXBvbmVudHM6IHsNCiAgICAgIENvdW50RG93bg0KICAgIH0NCiAgfQ0K"},{"version":3,"sources":["detail.vue"],"names":[],"mappings":";AAsFA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;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;AACA;AACA;AACA;AACA;AACA","file":"detail.vue","sourceRoot":"src/pages/kechengleixing","sourcesContent":["<template>\r\n<div>\r\n\t<div :style='{\"padding\":\"20px 7%\",\"margin\":\"0px auto\",\"borderColor\":\"#ddd\",\"borderRadius\":\"0px\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"width\":\"100%\",\"borderStyle\":\"solid\"}' class=\"breadcrumb-preview\">\r\n\t\t<el-breadcrumb :separator=\"'Ξ'\" :style='{\"fontSize\":\"14px\",\"lineHeight\":\"1\"}'>\r\n\t\t\t<el-breadcrumb-item class=\"item1\" to=\"/\"><a>首页</a></el-breadcrumb-item>\r\n\t\t\t<el-breadcrumb-item class=\"item2\" v-for=\"(item, index) in breadcrumbItem\" :key=\"index\" to=\"/index/kechengleixing\"><a>{{item.name}}</a></el-breadcrumb-item>\r\n\t\t\t<el-breadcrumb-item class=\"item3\"><a href=\"javascript:void(0);\">详情</a></el-breadcrumb-item>\r\n\t\t</el-breadcrumb>\r\n\t</div>\r\n\t<div :style='{\"padding\":\"20px 7%\",\"margin\":\"0px auto\",\"borderColor\":\"#ddd\",\"borderRadius\":\"0px\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"width\":\"100%\",\"borderStyle\":\"solid\"}'>\r\n\t\t<el-button size=\"mini\" @click=\"backClick\">返回</el-button>\r\n\t</div>\r\n\t<div class=\"detail-preview\" :style='{\"padding\":\"0 7%\",\"margin\":\"40px auto\",\"flexWrap\":\"wrap\",\"display\":\"flex\",\"width\":\"100%\",\"position\":\"relative\",\"justifyContent\":\"space-between\"}'>\r\n\t\t<div class=\"attr\" :style='{\"minHeight\":\"480px\",\"padding\":\"0\",\"margin\":\"0\",\"flexWrap\":\"wrap\",\"background\":\"none\",\"display\":\"flex\",\"width\":\"55%\",\"position\":\"relative\",\"justifyContent\":\"space-between\",\"order\":\"2\"}'>\r\n\r\n\t\t\t<div class=\"info\" :style='{\"width\":\"100%\",\"padding\":\"0px\",\"margin\":\"0\",\"background\":\"#fff\",\"flex\":\"1\",\"order\":\"2\"}'>\r\n\t\t\t\t<div class=\"item\" :style='{\"padding\":\"5px 20px\",\"margin\":\"0 0 10px 0\",\"overflow\":\"hidden\",\"alignItems\":\"center\",\"background\":\"#F5BB00\",\"display\":\"flex\",\"lineHeight\":\"24px\",\"justifyContent\":\"space-between\"}'>\r\n\t\t\t\t\t<div :style='{\"width\":\"calc(100% - 300px)\",\"fontSize\":\"16px\",\"overflow\":\"hidden\",\"color\":\"#fff\"}'>\r\n </div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item\" :style='{\"padding\":\"0 10px\",\"margin\":\"0 0 0px 0\",\"borderColor\":\"#ddd\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"display\":\"flex\",\"borderStyle\":\"dashed\",\"justifyContent\":\"spaceBetween\"}'>\r\n\t\t\t\t\t<div class=\"lable\" :style='{\"padding\":\"0 10px\",\"color\":\"#999\",\"textAlign\":\"right\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"40px\",\"height\":\"40px\"}'>课程类型</div>\r\n\t\t\t\t\t<div :style='{\"padding\":\"8px 10px 0\",\"fontSize\":\"14px\",\"lineHeight\":\"24px\",\"color\":\"#666\",\"flex\":\"1\",\"height\":\"auto\"}'>{{detail.kechengleixing}}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"btn\" :style='{\"padding\":\"10px 0\",\"flexWrap\":\"wrap\",\"display\":\"flex\"}'>\r\n\t\t\t\t\t<el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 10px\",\"margin\":\"0 5px 0 0\",\"outline\":\"none\",\"color\":\"#333\",\"borderRadius\":\"4px\",\"background\":\"#009cf550\",\"width\":\"auto\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' v-if=\"btnAuth('kechengleixing','修改')\" @click=\"editClick\">修改</el-button>\r\n\t\t\t\t\t<el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0 10px\",\"margin\":\"0 5px 0 0\",\"outline\":\"none\",\"color\":\"#333\",\"borderRadius\":\"4px\",\"background\":\"#f5340050\",\"width\":\"auto\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' v-if=\"btnAuth('kechengleixing','删除')\" @click=\"delClick\">删除</el-button>\r\n\t\t\t\t\t<!-- hasChat 无 -->\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t\r\n\t\t\t<div v-if=\"detailBanner.length\" :style='{\"width\":\"40%\",\"margin\":\"0 5% 0 0\",\"background\":\"#fff\",\"height\":\"auto\",\"order\":\"1\"}'>\r\n\t\t\t <div class=\"swiper21\" :style='{\"width\":\"100%\",\"height\":\"auto\"}'>\r\n\t\t\t <div class=\"swiper-container mySwiper21\">\r\n\t\t\t <div class=\"swiper-wrapper\">\r\n\t\t\t <div class=\"swiper-slide\" v-for=\"item in detailBanner\" :key=\"item.id\">\r\n\t\t\t <div :style='{\"width\":\"100%\",\"height\":\"auto\"}'>\r\n\t\t\t <img :style='{\"objectFit\":\"cover\",\"width\":\"100%\",\"height\":\"480px\"}' v-if=\"item.substr(0,4)=='http'\" :src=\"item\" class=\"image\">\r\n\t\t\t <img :style='{\"objectFit\":\"cover\",\"width\":\"100%\",\"height\":\"480px\"}' v-else :src=\"baseUrl + item\" class=\"image\">\r\n\t\t\t </div>\r\n\t\t\t </div>\r\n\t\t\t </div>\r\n\t\t\t <div class=\"swiper-button-prev\" :style='{\"width\":\"24px\",\"margin\":\"-12px 0 0\",\"top\":\"50%\",\"height\":\"24px\"}'>\r\n\t\t\t <span class=\"icon iconfont icon-jiantou39\" :style='{\"width\":\"24px\",\"fontSize\":\"24px\",\"color\":\"#fff\",\"height\":\"24px\"}'></span>\r\n\t\t\t </div>\r\n\t\t\t <div class=\"swiper-button-next\" :style='{\"width\":\"24px\",\"margin\":\"-12px 0 0\",\"top\":\"50%\",\"height\":\"24px\"}'>\r\n\t\t\t <span class=\"icon iconfont icon-jiantou18\" :style='{\"width\":\"24px\",\"fontSize\":\"24px\",\"color\":\"#fff\",\"height\":\"24px\"}'></span>\r\n\t\t\t </div>\r\n\t\t\t </div>\r\n\t\t\t </div>\r\n\t\t\t <div class=\"swiper22\" :style='{\"width\":\"100%\",\"display\":\"none\",\"height\":\"auto\"}'>\r\n\t\t\t <div class=\"swiper-container mySwiper22\">\r\n\t\t\t <div class=\"swiper-wrapper\">\r\n\t\t\t <div class=\"swiper-slide\" v-for=\"item in detailBanner\" :key=\"item.id\">\r\n\t\t\t <div>\r\n\t\t\t\t\t\t<img :style='{\"objectFit\":\"cover\",\"width\":\"100%\",\"height\":\"100px\"}' v-if=\"item.substr(0,4)=='http'\" :src=\"item\" class=\"image\">\r\n\t\t\t\t\t\t<img :style='{\"objectFit\":\"cover\",\"width\":\"100%\",\"height\":\"100px\"}' v-else :src=\"baseUrl + item\" class=\"image\">\r\n\t\t\t </div>\r\n\t\t\t </div>\r\n\t\t\t </div>\r\n\t\t\t <div class=\"swiper-button-prev\" :style='{\"width\":\"14px\",\"margin\":\"-7px 0 0\",\"top\":\"50%\",\"height\":\"14px\"}'>\r\n\t\t\t <span class=\"icon iconfont icon-jiantou39\" :style='{\"width\":\"14px\",\"fontSize\":\"14px\",\"color\":\"#fff\",\"height\":\"14px\"}'></span>\r\n\t\t\t </div>\r\n\t\t\t <div class=\"swiper-button-next\" :style='{\"width\":\"14px\",\"margin\":\"-7px 0 0\",\"top\":\"50%\",\"height\":\"14px\"}'>\r\n\t\t\t <span class=\"icon iconfont icon-jiantou18\" :style='{\"width\":\"14px\",\"fontSize\":\"14px\",\"color\":\"#fff\",\"height\":\"14px\"}'></span>\r\n\t\t\t </div>\r\n\t\t\t </div>\r\n\t\t\t </div>\r\n\t\t\t</div>\r\n\r\n\r\n\t\t\r\n\r\n\t\t<div class=\"detail2\" :style='{\"border\":\"0px solid #ddd\",\"padding\":\"0px\",\"margin\":\"40px 0\",\"borderRadius\":\"0px\",\"background\":\"#fff\",\"flex\":\"1\",\"width\":\"65%\",\"clear\":\"both\",\"order\":\"50\"}'>\r\n\t\t</div>\r\n\t\t\r\n\t\t<el-tabs class=\"detail\" :style='{\"border\":\"1px solid #ddd\",\"width\":\"100%\",\"boxShadow\":\"none\",\"margin\":\"20px auto\",\"background\":\"#fff\",\"order\":\"50\"}' v-model=\"activeName\" type=\"border-card\">\r\n\t\t\t</el-tabs>\r\n\t</div>\r\n\t<div class=\"share_view\" :style='{\"boxShadow\":\"0 1px 6px rgba(0,0,0,.3)\",\"position\":\"fixed\",\"right\":\"0\",\"bottom\":\"20%\",\"background\":\"#fff\",\"zIndex\":\"11\"}'>\r\n\t</div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\n import CountDown from '@/components/CountDown';\r\n import axios from 'axios'\r\n import Swiper from \"swiper\";\r\n \r\n export default {\r\n //数据集合\r\n data() {\r\n return {\r\n tablename: 'kechengleixing',\r\n baseUrl: '',\r\n breadcrumbItem: [\r\n {\r\n name: '课程类型'\r\n }\r\n ],\r\n title: '',\r\n detailBanner: [],\r\n\t\tuserid: localStorage.getItem('frontUserid'),\r\n\t\tid: 0,\r\n detail: {},\r\n activeName: 'first',\r\n total: 1,\r\n pageSize: 5,\r\n\t\tpageSizes: [10,20,30,50],\r\n totalPage: 1,\r\n buynumber: 1,\r\n\t\tcenterType: false,\r\n\t\tshareUrl: location.href,\r\n }\r\n },\r\n created() {\r\n\t\tif(this.$route.query.centerType) {\r\n\t\t\tthis.centerType = true\r\n\t\t}\r\n\t\t\r\n this.init();\r\n },\r\n\tmounted() {\r\n\t\tsetTimeout(()=>{\r\n\t\t\tlet mySwiper22 = new Swiper(\".mySwiper22\", {\"navigation\":{\"nextEl\":\".swiper-button-next\",\"prevEl\":\".swiper-button-prev\"},\"freeMode\":true,\"watchSlidesVisibility\":true,\"watchSlidesProgress\":true,\"loopedSlides\":10,\"slidesPerView\":5,\"spaceBetween\":10})\r\n\t\t\tlet option21 = {...{\"navigation\":{\"nextEl\":\".swiper-button-next\",\"prevEl\":\".swiper-button-prev\"},\"loopedSlides\":10,\"spaceBetween\":10,\"autoplay\":{\"delay\":2500,\"disableOnInteraction\":false}}}\r\n\t\t\toption21.thumbs = {\r\n\t\t\t\tswiper: mySwiper22\r\n\t\t\t}\r\n\t\t\tnew Swiper(\".mySwiper21\", option21)\r\n\t\t},100)\r\n\t},\r\n //方法集合\r\n methods: {\r\n init() {\r\n\t\t this.id = this.$route.query.id\r\n this.baseUrl = this.$config.baseUrl;\r\n this.$http.get(this.tablename + '/detail/' + this.id, {}).then(res => {\r\n if (res.data.code == 0) {\r\n this.detail = res.data.data;\r\n this.$forceUpdate();\r\n\r\n\t\t\t\tif(localStorage.getItem('frontToken')){\r\n\t\t\t\t}\r\n\r\n }\r\n });\r\n },\r\n curChange(page) {\r\n this.getDiscussList(page);\r\n },\r\n prevClick(page) {\r\n this.getDiscussList(page);\r\n },\r\n nextClick(page) {\r\n this.getDiscussList(page);\r\n },\r\n\t\t// 返回按钮\r\n\t\tbackClick(){\r\n\t\t\thistory.back()\r\n\t\t},\r\n\t\t// 下载\r\n\t\tdownload(file){\r\n\t\t\tif(!file) {\r\n\t\t\t\tthis.$message({\r\n\t\t\t\t type: 'error',\r\n\t\t\t\t message: '文件不存在',\r\n\t\t\t\t duration: 1500,\r\n\t\t\t\t});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t let arr = file.replace(new RegExp('upload/', \"g\"), \"\")\r\n\t\t axios.get(this.baseUrl + '/file/download?fileName=' + arr, {\r\n\t\t \theaders: {\r\n\t\t \t\ttoken: localStorage.getItem(\"frontToken\")\r\n\t\t \t},\r\n\t\t \tresponseType: \"blob\"\r\n\t\t }).then(({\r\n\t\t \tdata\r\n\t\t }) => {\r\n\t\t \tconst binaryData = [];\r\n\t\t \tbinaryData.push(data);\r\n\t\t \tconst objectUrl = window.URL.createObjectURL(new Blob(binaryData, {\r\n\t\t \t\ttype: 'application/pdf;chartset=UTF-8'\r\n\t\t \t}))\r\n\t\t \tconst a = document.createElement('a')\r\n\t\t \ta.href = objectUrl\r\n\t\t \ta.download = arr\r\n\t\t \t// a.click()\r\n\t\t \t// 下面这个写法兼容火狐\r\n\t\t \ta.dispatchEvent(new MouseEvent('click', {\r\n\t\t \t\tbubbles: true,\r\n\t\t \t\tcancelable: true,\r\n\t\t \t\tview: window\r\n\t\t \t}))\r\n\t\t \twindow.URL.revokeObjectURL(data)\r\n\t\t },err=>{\r\n\t\t\t axios.get((location.href.split(this.$config.name).length>1 ? location.href.split(this.$config.name)[0] :'') + this.$config.name + '/file/download?fileName=' + arr, {\r\n\t\t\t \theaders: {\r\n\t\t\t \t\ttoken: localStorage.getItem(\"frontToken\")\r\n\t\t\t \t},\r\n\t\t\t \tresponseType: \"blob\"\r\n\t\t\t }).then(({\r\n\t\t\t \tdata\r\n\t\t\t }) => {\r\n\t\t\t \tconst binaryData = [];\r\n\t\t\t \tbinaryData.push(data);\r\n\t\t\t \tconst objectUrl = window.URL.createObjectURL(new Blob(binaryData, {\r\n\t\t\t \t\ttype: 'application/pdf;chartset=UTF-8'\r\n\t\t\t \t}))\r\n\t\t\t \tconst a = document.createElement('a')\r\n\t\t\t \ta.href = objectUrl\r\n\t\t\t \ta.download = arr\r\n\t\t\t \t// a.click()\r\n\t\t\t \t// 下面这个写法兼容火狐\r\n\t\t\t \ta.dispatchEvent(new MouseEvent('click', {\r\n\t\t\t \t\tbubbles: true,\r\n\t\t\t \t\tcancelable: true,\r\n\t\t\t \t\tview: window\r\n\t\t\t \t}))\r\n\t\t\t \twindow.URL.revokeObjectURL(data)\r\n\t\t\t })\r\n\t\t })\r\n },\r\n\r\n\r\n\t\t// 权限判断\r\n\t\tbtnAuth(tableName,key){\r\n\t\t\tif(this.centerType){\r\n\t\t\t\treturn this.isBackAuth(tableName,key)\r\n\t\t\t}else{\r\n\t\t\t\treturn this.isAuth(tableName,key)\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 修改\r\n\t\teditClick(){\r\n\t\t\tthis.$router.push(`/index/kechengleixingAdd?type=edit&&id=${this.detail.id}`);\r\n\t\t},\r\n\t\t// 删除\r\n\t\tdelClick(){\r\n\t\t\tthis.$confirm('是否删除此课程类型？')\r\n\t\t\t .then(_ => {\r\n\t\t\t this.$http.post('kechengleixing/delete', [this.detail.id]).then(res => {\r\n\t\t\t if (res.data.code == 0) {\r\n\t\t\t this.$message({\r\n\t\t\t type: 'success',\r\n\t\t\t message: '删除成功!',\r\n\t\t\t duration: 1500,\r\n\t\t\t\t\t onClose: () => {\r\n\t\t\t\t\t\t history.back()\r\n\t\t\t\t\t }\r\n\t\t\t });\r\n\t\t\t }\r\n\t\t\t });\r\n\t\t\t }).catch(_ => {});\r\n\t\t},\r\n },\r\n components: {\r\n CountDown\r\n }\r\n }\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n\t.editor /deep/ .avatar-uploader {\r\n\t\theight: 0;\r\n\t\tline-height: 0;\r\n\t}\r\n\t\r\n\t.detail-preview {\r\n\t\r\n\t .attr {\r\n\t .el-carousel /deep/ .el-carousel__indicator button {\r\n\t width: 0;\r\n\t height: 0;\r\n\t display: none;\r\n\t }\r\n\t\r\n\t .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {\r\n\t border-color: none;\r\n\t }\r\n\t }\r\n\t\r\n\t .detail {\r\n\t & /deep/ .el-tabs__header .el-tabs__nav-wrap {\r\n\t margin-bottom: 0;\r\n\t }\r\n\t\r\n\t & .add .el-textarea {\r\n\t width: auto;\r\n\t }\r\n\t }\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__container .el-carousel__arrow--left {\r\n\t\twidth: 36px;\r\n\t\tfont-size: 12px;\r\n\t\theight: 36px;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__container .el-carousel__arrow--left:hover {\r\n\t\tbackground: red;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__container .el-carousel__arrow--right {\r\n\t\twidth: 36px;\r\n\t\tfont-size: 12px;\r\n\t\theight: 36px;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__container .el-carousel__arrow--right:hover {\r\n\t\tbackground: red;\r\n\t}\r\n\r\n\t.attr .el-carousel /deep/ .el-carousel__indicators {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tz-index: 2;\r\n\t\tposition: absolute;\r\n\t\tlist-style: none;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__indicators li {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 4px;\r\n\t\tbackground: #fff;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 12px;\r\n\t\topacity: 0.4;\r\n\t\ttransition: 0.3s;\r\n\t\theight: 12px;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__indicators li:hover {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 4px;\r\n\t\tbackground: #fff;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 24px;\r\n\t\topacity: 0.7;\r\n\t\theight: 12px;\r\n\t}\r\n\t\r\n\t.attr .el-carousel /deep/ .el-carousel__indicators li.is-active {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 4px;\r\n\t\tbackground: #fff;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 24px;\r\n\t\topacity: 1;\r\n\t\theight: 12px;\r\n\t}\r\n\t\r\n\t.attr .el-input-number /deep/ .el-input-number__decrease {\r\n\t\tcursor: pointer;\r\n\t\tz-index: 1;\r\n\t\tdisplay: flex;\r\n\t\tborder-color: #DCDFE6;\r\n\t\tborder-radius: 4px 0 0 4px;\r\n\t\ttop: 1px;\r\n\t\tleft: 1px;\r\n\t\tbackground: #f5f5f5;\r\n\t\twidth: 40px;\r\n\t\tjustify-content: center;\r\n\t\tborder-width: 0 1px 0 0;\r\n\t\talign-items: center;\r\n\t\tposition: absolute;\r\n\t\tborder-style: solid;\r\n\t\ttext-align: center;\r\n\t\theight: 38px;\r\n\t}\r\n\t\r\n\t.attr .el-input-number /deep/ .el-input-number__decrease i {\r\n\t\tcolor: #666;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.attr .el-input-number /deep/ .el-input-number__increase {\r\n\t\tcursor: pointer;\r\n\t\tz-index: 1;\r\n\t\tdisplay: flex;\r\n\t\tborder-color: #DCDFE6;\r\n\t\tright: 1px;\r\n\t\tborder-radius: 0 4px 4px 0;\r\n\t\ttop: 1px;\r\n\t\tbackground: #f5f5f5;\r\n\t\twidth: 40px;\r\n\t\tjustify-content: center;\r\n\t\tborder-width: 0 0 0 1px;\r\n\t\talign-items: center;\r\n\t\tposition: absolute;\r\n\t\tborder-style: solid;\r\n\t\ttext-align: center;\r\n\t\theight: 38px;\r\n\t}\r\n\t\r\n\t.attr .el-input-number /deep/ .el-input-number__increase i {\r\n\t\tcolor: #666;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t.attr .el-input-number /deep/ .el-input .el-input__inner {\r\n\t\tborder: 1px solid #DCDFE6;\r\n\t\tborder-radius: 4px;\r\n\t\tpadding: 0 40px;\r\n\t\toutline: none;\r\n\t\tcolor: #666;\r\n\t\tbackground: #FFF;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 40px;\r\n\t\ttext-align: center;\r\n\t\theight: 40px;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs /deep/ .el-tabs__header {\r\n\t\tmargin: 0;\r\n\t\tbackground: #fff;\r\n\t\tborder-color: #E4E7ED;\r\n\t\tborder-width: 0 0 1px 0;\r\n\t\tborder-style: solid;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs /deep/ .el-tabs__header .el-tabs__item {\r\n\t\tborder: 0;\r\n\t\tpadding: 0 20px;\r\n\t\tmargin: 0;\r\n\t\tcolor: #999;\r\n\t\tbackground: transparent;\r\n\t\tfont-weight: 500;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 40px;\r\n\t\tposition: relative;\r\n\t\tlist-style: none;\r\n\t\theight: 40px;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs /deep/ .el-tabs__header .el-tabs__item:hover {\r\n\t\tborder: 0;\r\n\t\tcolor: #333;\r\n\t\tbackground: #fff;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs /deep/ .el-tabs__header .el-tabs__item.is-active {\r\n\t\tborder: 0;\r\n\t\tcolor: #333;\r\n\t\tbackground: #fff;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs /deep/ .el-tabs__content {\r\n\t\tpadding: 15px;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs .add /deep/ .el-form-item__label {\r\n\t\tpadding: 0 10px 0 0;\r\n\t\tcolor: #666;\r\n\t\twidth: 80px;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 40px;\r\n\t\ttext-align: right;\r\n\t}\r\n\t\r\n\t.detail-preview .detail.el-tabs .add /deep/ .el-textarea__inner {\r\n\t}\r\n\t\r\n\t.breadcrumb-preview .el-breadcrumb /deep/ .el-breadcrumb__separator {\r\n\t\tmargin: 0 9px;\r\n\t\tcolor: #ccc;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\t\r\n\t.breadcrumb-preview .el-breadcrumb .item1 /deep/ .el-breadcrumb__inner a {\r\n\t\tcolor: #333;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t\r\n\t.breadcrumb-preview .el-breadcrumb .item2 /deep/ .el-breadcrumb__inner a {\r\n\t\tcolor: #666;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t\t\r\n\t.breadcrumb-preview .el-breadcrumb .item3 /deep/ .el-breadcrumb__inner a {\r\n\t\tcolor: #999;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__total {\r\n\t\tmargin: 0 10px 0 0;\r\n\t\tcolor: #666;\r\n\t\tfont-weight: 400;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .btn-prev {\r\n\t\tborder: none;\r\n\t\tborder-radius: 2px;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #666;\r\n\t\tbackground: #f4f4f5;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tmin-width: 35px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .btn-next {\r\n\t\tborder: none;\r\n\t\tborder-radius: 2px;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #666;\r\n\t\tbackground: #f4f4f5;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tmin-width: 35px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .btn-prev:disabled {\r\n\t\tborder: none;\r\n\t\tcursor: not-allowed;\r\n\t\tborder-radius: 2px;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #C0C4CC;\r\n\t\tbackground: #f4f4f5;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .btn-next:disabled {\r\n\t\tborder: none;\r\n\t\tcursor: not-allowed;\r\n\t\tborder-radius: 2px;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #C0C4CC;\r\n\t\tbackground: #f4f4f5;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pager {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pager .number {\r\n\t\tcursor: pointer;\r\n\t\tpadding: 0 4px;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #666;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tborder-radius: 2px;\r\n\t\tbackground: #f4f4f5;\r\n\t\ttext-align: center;\r\n\t\tmin-width: 30px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pager .number:hover {\r\n\t\tcursor: pointer;\r\n\t\tpadding: 0 4px;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #fff;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tborder-radius: 2px;\r\n\t\tbackground: #F5BB00;\r\n\t\ttext-align: center;\r\n\t\tmin-width: 30px;\r\n\t\theight: 28px;\r\n}\r\n\r\n#pagination.el-pagination /deep/ .el-pager .number.active {\r\n\t\tcursor: default;\r\n\t\tpadding: 0 4px;\r\n\t\tmargin: 0 5px;\r\n\t\tcolor: #FFF;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tborder-radius: 2px;\r\n\t\tbackground: #F5BB00;\r\n\t\ttext-align: center;\r\n\t\tmin-width: 30px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__sizes {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__sizes .el-input {\r\n\t\tmargin: 0 5px;\r\n\t\twidth: 100px;\r\n\t\tposition: relative;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__sizes .el-input .el-input__inner {\r\n\t\tborder: 1px solid #DCDFE6;\r\n\t\tcursor: pointer;\r\n\t\tpadding: 0 25px 0 8px;\r\n\t\tcolor: #606266;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\tborder-radius: 3px;\r\n\t\toutline: 0;\r\n\t\tbackground: #FFF;\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__sizes .el-input span.el-input__suffix {\r\n\t\ttop: 0;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\theight: 100%;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {\r\n\t\tcursor: pointer;\r\n\t\tcolor: #C0C4CC;\r\n\t\twidth: 25px;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 28px;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t#pagination.el-pagination /deep/ .el-pagination__jump {\r\n\t\tmargin: 0 0 0 24px;\r\n\t\tcolor: #606266;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 28px;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__jump .el-input {\r\n\t\tborder-radius: 3px;\r\n\t\tpadding: 0 2px;\r\n\t\tmargin: 0 2px;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 50px;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 18px;\r\n\t\tposition: relative;\r\n\t\ttext-align: center;\r\n\t\theight: 28px;\r\n\t}\r\n\t\r\n\t#pagination.el-pagination /deep/ .el-pagination__jump .el-input .el-input__inner {\r\n\t\tborder: 1px solid #DCDFE6;\r\n\t\tcursor: pointer;\r\n\t\tpadding: 0 3px;\r\n\t\tcolor: #606266;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 28px;\r\n\t\tborder-radius: 3px;\r\n\t\toutline: 0;\r\n\t\tbackground: #FFF;\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\theight: 28px;\r\n\t}\r\n\t.share_view{\r\n\t\tposition: fixed;\r\n\t\tright:0;\r\n\t\tbottom: 20%;\r\n\t\tbackground: #fff;\r\n\t\tbox-shadow: 0 4px 6px rgba(0,0,0,.1);\r\n\t\t.share{\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 40px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tborder-bottom: 1px solid #eee;\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t\t.share:last-of-type{\r\n\t\t\tborder:none;\r\n\t\t}\r\n\t}\r\n\r\n\t.swiper21 .swiper-button-prev:after {\r\n\t\tdisplay:none;\r\n\t}\r\n\t.swiper21 .swiper-button-next:after {\r\n display:none;\r\n\t}\r\n\t.swiper22 .swiper-button-prev:after {\r\n display:none;\r\n\t}\r\n\t.swiper22 .swiper-button-next:after {\r\n display:none;\r\n\t}\r\n\t\r\n\t.swiper22 .swiper-slide div {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\topacity: 0.4;\r\n\t\t\t\theight: auto;\r\n\t\t\t}\r\n\t.swiper22 .swiper-slide.swiper-slide-thumb-active div {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t.detail-preview .el-rate /deep/ .el-rate__item {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t\tfont-size: 0;\r\n\t\t\t\tposition: relative;\r\n\t\t\t}\r\n\t\r\n\t.detail-preview .el-rate /deep/ .el-rate__item .el-rate__icon {\r\n\t\t\t\tmargin: 0 3px;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttransition: .3s;\r\n\t\t\t}\r\n</style>\r\n"]}]} |