{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\xuexijindu\\detail.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\xuexijindu\\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:DQogIGltcG9ydCBDb3VudERvd24gZnJvbSAnQC9jb21wb25lbnRzL0NvdW50RG93bic7DQogIGltcG9ydCBheGlvcyBmcm9tICdheGlvcycNCiAgaW1wb3J0IFN3aXBlciBmcm9tICJzd2lwZXIiOw0KICANCiAgZXhwb3J0IGRlZmF1bHQgew0KICAgIC8v5pWw5o2u6ZuG5ZCIDQogICAgZGF0YSgpIHsNCiAgICAgIHJldHVybiB7DQogICAgICAgIHRhYmxlbmFtZTogJ3h1ZXhpamluZHUnLA0KICAgICAgICBiYXNlVXJsOiAnJywNCiAgICAgICAgYnJlYWRjcnVtYkl0ZW06IFsNCiAgICAgICAgICB7DQogICAgICAgICAgICBuYW1lOiAn5a2m5Lmg6L+b5bqmJw0KICAgICAgICAgIH0NCiAgICAgICAgXSwNCiAgICAgICAgdGl0bGU6ICcnLA0KICAgICAgICBkZXRhaWxCYW5uZXI6IFtdLA0KCQl1c2VyaWQ6IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdmcm9udFVzZXJpZCcpLA0KCQlpZDogMCwNCiAgICAgICAgZGV0YWlsOiB7fSwNCiAgICAgICAgYWN0aXZlTmFtZTogJ2ZpcnN0JywNCiAgICAgICAgdG90YWw6IDEsDQogICAgICAgIHBhZ2VTaXplOiA1LA0KCQlwYWdlU2l6ZXM6IFsxMCwyMCwzMCw1MF0sDQogICAgICAgIHRvdGFsUGFnZTogMSwNCiAgICAgICAgYnV5bnVtYmVyOiAxLA0KCQljZW50ZXJUeXBlOiBmYWxzZSwNCgkJc2hhcmVVcmw6IGxvY2F0aW9uLmhyZWYsDQogICAgICB9DQogICAgfSwNCiAgICBjcmVhdGVkKCkgew0KCQlpZih0aGlzLiRyb3V0ZS5xdWVyeS5jZW50ZXJUeXBlKSB7DQoJCQl0aGlzLmNlbnRlclR5cGUgPSB0cnVlDQoJCX0NCgkJDQogICAgICAgIHRoaXMuaW5pdCgpOw0KICAgIH0sDQoJbW91bnRlZCgpIHsNCgkJc2V0VGltZW91dCgoKT0+ew0KCQkJbGV0IG15U3dpcGVyMjIgPSBuZXcgU3dpcGVyKCIubXlTd2lwZXIyMiIsIHsibmF2aWdhdGlvbiI6eyJuZXh0RWwiOiIuc3dpcGVyLWJ1dHRvbi1uZXh0IiwicHJldkVsIjoiLnN3aXBlci1idXR0b24tcHJldiJ9LCJmcmVlTW9kZSI6dHJ1ZSwid2F0Y2hTbGlkZXNWaXNpYmlsaXR5Ijp0cnVlLCJ3YXRjaFNsaWRlc1Byb2dyZXNzIjp0cnVlLCJsb29wZWRTbGlkZXMiOjEwLCJzbGlkZXNQZXJWaWV3Ijo1LCJzcGFjZUJldHdlZW4iOjEwfSkNCgkJCWxldCBvcHRpb24yMSA9IHsuLi57Im5hdmlnYXRpb24iOnsibmV4dEVsIjoiLnN3aXBlci1idXR0b24tbmV4dCIsInByZXZFbCI6Ii5zd2lwZXItYnV0dG9uLXByZXYifSwibG9vcGVkU2xpZGVzIjoxMCwic3BhY2VCZXR3ZWVuIjoxMCwiYXV0b3BsYXkiOnsiZGVsYXkiOjI1MDAsImRpc2FibGVPbkludGVyYWN0aW9uIjpmYWxzZX19fQ0KCQkJb3B0aW9uMjEudGh1bWJzID0gew0KCQkJCXN3aXBlcjogbXlTd2lwZXIyMg0KCQkJfQ0KCQkJbmV3IFN3aXBlcigiLm15U3dpcGVyMjEiLCBvcHRpb24yMSkNCgkJfSwxMDApDQoJfSwNCiAgICAvL+aWueazlembhuWQiA0KICAgIG1ldGhvZHM6IHsNCiAgICAgICAgaW5pdCgpIHsNCgkJICB0aGlzLmlkID0gdGhpcy4kcm91dGUucXVlcnkuaWQNCiAgICAgICAgICB0aGlzLmJhc2VVcmwgPSB0aGlzLiRjb25maWcuYmFzZVVybDsNCiAgICAgICAgICB0aGlzLiRodHRwLmdldCh0aGlzLnRhYmxlbmFtZSArICcvZGV0YWlsLycgICsgdGhpcy5pZCwge30pLnRoZW4ocmVzID0+IHsNCiAgICAgICAgICAgIGlmIChyZXMuZGF0YS5jb2RlID09IDApIHsNCiAgICAgICAgICAgICAgdGhpcy5kZXRhaWwgPSByZXMuZGF0YS5kYXRhOw0KICAgICAgICAgICAgICB0aGlzLnRpdGxlID0gdGhpcy5kZXRhaWwua2VjaGVuZ21pbmdjaGVuZzsNCiAgICAgICAgICAgICAgdGhpcy5kZXRhaWxCYW5uZXIgPSB0aGlzLmRldGFpbC5rZWNoZW5ndHVwaWFuID8gdGhpcy5kZXRhaWwua2VjaGVuZ3R1cGlhbi5zcGxpdCgiLCIpIDogW107DQogICAgICAgICAgICAgIHRoaXMuJGZvcmNlVXBkYXRlKCk7DQoNCgkJCQlpZihsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnZnJvbnRUb2tlbicpKXsNCgkJCQl9DQoNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9KTsNCiAgICAgICAgfSwNCiAgICAgIGN1ckNoYW5nZShwYWdlKSB7DQogICAgICAgIHRoaXMuZ2V0RGlzY3Vzc0xpc3QocGFnZSk7DQogICAgICB9LA0KICAgICAgcHJldkNsaWNrKHBhZ2UpIHsNCiAgICAgICAgdGhpcy5nZXREaXNjdXNzTGlzdChwYWdlKTsNCiAgICAgIH0sDQogICAgICBuZXh0Q2xpY2socGFnZSkgew0KICAgICAgICB0aGlzLmdldERpc2N1c3NMaXN0KHBhZ2UpOw0KICAgICAgfSwNCgkJLy8g6L+U5Zue5oyJ6ZKuDQoJCWJhY2tDbGljaygpew0KCQkJaGlzdG9yeS5iYWNrKCkNCgkJfSwNCgkJLy8g5LiL6L29DQoJCWRvd25sb2FkKGZpbGUpew0KCQkJaWYoIWZpbGUpIHsNCgkJCQl0aGlzLiRtZXNzYWdlKHsNCgkJCQkgIHR5cGU6ICdlcnJvcicsDQoJCQkJICBtZXNzYWdlOiAn5paH5Lu25LiN5a2Y5ZyoJywNCgkJCQkgIGR1cmF0aW9uOiAxNTAwLA0KCQkJCX0pOw0KCQkJCXJldHVybjsNCgkJCX0NCgkJICBsZXQgYXJyID0gZmlsZS5yZXBsYWNlKG5ldyBSZWdFeHAoJ3VwbG9hZC8nLCAiZyIpLCAiIikNCgkJICBheGlvcy5nZXQodGhpcy5iYXNlVXJsICsgJy9maWxlL2Rvd25sb2FkP2ZpbGVOYW1lPScgKyBhcnIsIHsNCgkJICAJaGVhZGVyczogew0KCQkgIAkJdG9rZW46IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCJmcm9udFRva2VuIikNCgkJICAJfSwNCgkJICAJcmVzcG9uc2VUeXBlOiAiYmxvYiINCgkJICB9KS50aGVuKCh7DQoJCSAgCWRhdGENCgkJICB9KSA9PiB7DQoJCSAgCWNvbnN0IGJpbmFyeURhdGEgPSBbXTsNCgkJICAJYmluYXJ5RGF0YS5wdXNoKGRhdGEpOw0KCQkgIAljb25zdCBvYmplY3RVcmwgPSB3aW5kb3cuVVJMLmNyZWF0ZU9iamVjdFVSTChuZXcgQmxvYihiaW5hcnlEYXRhLCB7DQoJCSAgCQl0eXBlOiAnYXBwbGljYXRpb24vcGRmO2NoYXJ0c2V0PVVURi04Jw0KCQkgIAl9KSkNCgkJICAJY29uc3QgYSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2EnKQ0KCQkgIAlhLmhyZWYgPSBvYmplY3RVcmwNCgkJICAJYS5kb3dubG9hZCA9IGFycg0KCQkgIAkvLyBhLmNsaWNrKCkNCgkJICAJLy8g5LiL6Z2i6L+Z5Liq5YaZ5rOV5YW85a6554Gr54uQDQoJCSAgCWEuZGlzcGF0Y2hFdmVudChuZXcgTW91c2VFdmVudCgnY2xpY2snLCB7DQoJCSAgCQlidWJibGVzOiB0cnVlLA0KCQkgIAkJY2FuY2VsYWJsZTogdHJ1ZSwNCgkJICAJCXZpZXc6IHdpbmRvdw0KCQkgIAl9KSkNCgkJICAJd2luZG93LlVSTC5yZXZva2VPYmplY3RVUkwoZGF0YSkNCgkJICB9LGVycj0+ew0KCQkJICBheGlvcy5nZXQoKGxvY2F0aW9uLmhyZWYuc3BsaXQodGhpcy4kY29uZmlnLm5hbWUpLmxlbmd0aD4xID8gbG9jYXRpb24uaHJlZi5zcGxpdCh0aGlzLiRjb25maWcubmFtZSlbMF0gOicnKSArIHRoaXMuJGNvbmZpZy5uYW1lICsgJy9maWxlL2Rvd25sb2FkP2ZpbGVOYW1lPScgKyBhcnIsIHsNCgkJCSAgCWhlYWRlcnM6IHsNCgkJCSAgCQl0b2tlbjogbG9jYWxTdG9yYWdlLmdldEl0ZW0oImZyb250VG9rZW4iKQ0KCQkJICAJfSwNCgkJCSAgCXJlc3BvbnNlVHlwZTogImJsb2IiDQoJCQkgIH0pLnRoZW4oKHsNCgkJCSAgCWRhdGENCgkJCSAgfSkgPT4gew0KCQkJICAJY29uc3QgYmluYXJ5RGF0YSA9IFtdOw0KCQkJICAJYmluYXJ5RGF0YS5wdXNoKGRhdGEpOw0KCQkJICAJY29uc3Qgb2JqZWN0VXJsID0gd2luZG93LlVSTC5jcmVhdGVPYmplY3RVUkwobmV3IEJsb2IoYmluYXJ5RGF0YSwgew0KCQkJICAJCXR5cGU6ICdhcHBsaWNhdGlvbi9wZGY7Y2hhcnRzZXQ9VVRGLTgnDQoJCQkgIAl9KSkNCgkJCSAgCWNvbnN0IGEgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdhJykNCgkJCSAgCWEuaHJlZiA9IG9iamVjdFVybA0KCQkJICAJYS5kb3dubG9hZCA9IGFycg0KCQkJICAJLy8gYS5jbGljaygpDQoJCQkgIAkvLyDkuIvpnaLov5nkuKrlhpnms5Xlhbzlrrnngavni5ANCgkJCSAgCWEuZGlzcGF0Y2hFdmVudChuZXcgTW91c2VFdmVudCgnY2xpY2snLCB7DQoJCQkgIAkJYnViYmxlczogdHJ1ZSwNCgkJCSAgCQljYW5jZWxhYmxlOiB0cnVlLA0KCQkJICAJCXZpZXc6IHdpbmRvdw0KCQkJICAJfSkpDQoJCQkgIAl3aW5kb3cuVVJMLnJldm9rZU9iamVjdFVSTChkYXRhKQ0KCQkJICB9KQ0KCQkgIH0pDQogICAgICB9LA0KDQoNCgkJLy8g5p2D6ZmQ5Yik5patDQoJCWJ0bkF1dGgodGFibGVOYW1lLGtleSl7DQoJCQlpZih0aGlzLmNlbnRlclR5cGUpew0KCQkJCXJldHVybiB0aGlzLmlzQmFja0F1dGgodGFibGVOYW1lLGtleSkNCgkJCX1lbHNlew0KCQkJCXJldHVybiB0aGlzLmlzQXV0aCh0YWJsZU5hbWUsa2V5KQ0KCQkJfQ0KCQl9LA0KCQkvLyDkv67mlLkNCgkJZWRpdENsaWNrKCl7DQoJCQl0aGlzLiRyb3V0ZXIucHVzaChgL2luZGV4L3h1ZXhpamluZHVBZGQ/dHlwZT1lZGl0JiZpZD0ke3RoaXMuZGV0YWlsLmlkfWApOw0KCQl9LA0KCQkvLyDliKDpmaQNCgkJZGVsQ2xpY2soKXsNCgkJCXRoaXMuJGNvbmZpcm0oJ+aYr+WQpuWIoOmZpOatpOWtpuS5oOi/m+W6pu+8nycpDQoJCQkgIC50aGVuKF8gPT4gew0KCQkJICAgIHRoaXMuJGh0dHAucG9zdCgneHVleGlqaW5kdS9kZWxldGUnLCBbdGhpcy5kZXRhaWwuaWRdKS50aGVuKHJlcyA9PiB7DQoJCQkgICAgICBpZiAocmVzLmRhdGEuY29kZSA9PSAwKSB7DQoJCQkgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KCQkJICAgICAgICAgIHR5cGU6ICdzdWNjZXNzJywNCgkJCSAgICAgICAgICBtZXNzYWdlOiAn5Yig6Zmk5oiQ5YqfIScsDQoJCQkgICAgICAgICAgZHVyYXRpb246IDE1MDAsDQoJCQkJCSAgb25DbG9zZTogKCkgPT4gew0KCQkJCQkJICBoaXN0b3J5LmJhY2soKQ0KCQkJCQkgIH0NCgkJCSAgICAgICAgfSk7DQoJCQkgICAgICB9DQoJCQkgICAgfSk7DQoJCQkgIH0pLmNhdGNoKF8gPT4ge30pOw0KCQl9LA0KICAgIH0sDQogICAgY29tcG9uZW50czogew0KICAgICAgQ291bnREb3duDQogICAgfQ0KICB9DQo="},{"version":3,"sources":["detail.vue"],"names":[],"mappings":";AAmHA;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;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/xuexijindu","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/xuexijindu\"><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                    {{detail.kechengmingcheng}}\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=\"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.xuexishizhang}}</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.xuexijindu}}</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.xuexixiaoguo}}</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.yiwanchengneirong}}</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.weiwanchengneirong}}</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.yonghuzhanghao}}</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.yonghuxingming}}</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('xuexijindu','修改')\" @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('xuexijindu','删除')\" @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\t\t\t\t\t\t\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: 'xuexijindu',\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.title = this.detail.kechengmingcheng;\r\n              this.detailBanner = this.detail.kechengtupian ? this.detail.kechengtupian.split(\",\") : [];\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/xuexijinduAdd?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('xuexijindu/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"]}]}