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
32 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\xuexijindu\\list.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\xuexijindu\\list.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:DQogIGV4cG9ydCBkZWZhdWx0IHsNCiAgICAvL+aVsOaNrumbhuWQiA0KICAgIGRhdGEoKSB7DQogICAgICByZXR1cm4gew0KCQlzZWxlY3RJbmRleDI6IDAsDQoJCXNlbGVjdE9wdGlvbnNMaXN0OiBbXSwNCgkgICAgbGF5b3V0czogJycsDQoJCXN3aXBlckluZGV4OiAtMSwNCiAgICAgICAgYmFzZVVybDogJycsDQogICAgICAgIGJyZWFkY3J1bWJJdGVtOiBbDQogICAgICAgICAgew0KICAgICAgICAgICAgbmFtZTogJ+WtpuS5oOi/m+W6picNCiAgICAgICAgICB9DQogICAgICAgIF0sDQogICAgICAgIGZvcm1TZWFyY2g6IHsNCiAgICAgICAgICBrZWNoZW5nbWluZ2NoZW5nOiAnJywNCiAgICAgICAgICBrZWNoZW5nbGVpeGluZzogJycsDQogICAgICAgICAgeHVleGlqaW5kdTogJycsDQogICAgICAgIH0sDQogICAgICAgIGZlbmxlaTogW10sDQoJCWZlaWxlaUNvbHVtbjogJycsDQogICAgICAgIGRhdGFMaXN0OiBbXSwNCiAgICAgICAgdG90YWw6IDEsDQogICAgICAgIHBhZ2VTaXplOiA4LA0KCQlwYWdlU2l6ZXM6IFsxMCwyMCwzMCw1MF0sDQogICAgICAgIHRvdGFsUGFnZTogMSwNCiAgICAgICAgY3VyRmVubGVpOiAn5YWo6YOoJywNCiAgICAgICAgaXNQbGFpbjogZmFsc2UsDQogICAgICAgIGluZGV4UXVlcnlDb25kaXRpb246ICcnLA0KCSAgICAgIHh1ZXhpamluZHVPcHRpb25zOiBbXSwNCiAgICAgICAgdGltZVJhbmdlOiBbXSwNCgkJY2VudGVyVHlwZTpmYWxzZSwNCgkJcHJldmlld0ltZzogJycsDQoJCXByZXZpZXdWaXNpYmxlOiBmYWxzZSwNCgkJc29ydFR5cGU6ICdpZCcsDQoJCXNvcnRPcmRlcjogJ2Rlc2MnLA0KICAgICAgfQ0KICAgIH0sDQogICAgY3JlYXRlZCgpIHsNCgkJaWYodGhpcy4kcm91dGUucXVlcnkuY2VudGVyVHlwZSl7DQoJCQl0aGlzLmNlbnRlclR5cGUgPSB0cnVlDQoJCX0NCgkJdGhpcy5iYXNlVXJsID0gdGhpcy4kY29uZmlnLmJhc2VVcmw7DQoJICAgIHRoaXMueHVleGlqaW5kdU9wdGlvbnMgPSAnMTAlLDIwJSwzMCUsNDAlLDUwJSw2MCUsNzAlLDgwJSw5MCUsMTAwJScuc3BsaXQoJywnKTsNCgkJdGhpcy5zZWxlY3RPcHRpb25zTGlzdC5wdXNoKHtuYW1lOiflrabkuaDov5vluqYnLGxpc3Q6dGhpcy54dWV4aWppbmR1T3B0aW9ucyx0YWJsZU5hbWU6ICd4dWV4aWppbmR1JyxjaGVjazogLTF9KQ0KICAgICAgdGhpcy5nZXRGZW5sZWkoKTsNCiAgICAgIHRoaXMuZ2V0TGlzdCgxLCAn5YWo6YOoJyk7DQogICAgfSwNCiAgICAvL+aWueazlembhuWQiA0KICAgIG1ldGhvZHM6IHsNCgkJc2VsZWN0Q2xpY2syKHJvdyxpbmRleCkgew0KCQkJcm93LmNoZWNrID0gaW5kZXgNCgkJCWlmKGluZGV4ID09IC0xKXsNCgkJCQl0aGlzLmZvcm1TZWFyY2hbcm93LnRhYmxlTmFtZV0gPSAnJw0KCQkJfWVsc2Ugew0KCQkJCXRoaXMuZm9ybVNlYXJjaFtyb3cudGFibGVOYW1lXSA9IHJvdy5saXN0W2luZGV4XQ0KCQkJfQ0KCQkJdGhpcy5nZXRMaXN0KCkNCgkJfSwNCgkJYWRkKHBhdGgpIHsNCgkJCWxldCBxdWVyeSA9IHt9DQoJCQlpZih0aGlzLmNlbnRlclR5cGUpew0KCQkJCXF1ZXJ5LmNlbnRlclR5cGUgPSAxDQoJCQl9DQoJCQl0aGlzLiRyb3V0ZXIucHVzaCh7cGF0aDogcGF0aCxxdWVyeTpxdWVyeX0pOw0KCQl9LA0KICAgICAgZ2V0RmVubGVpKCkgew0KICAgICAgfSwNCiAgICAgIGdldExpc3QocGFnZSwgZmVubGVpLCByZWYgPSAnJykgew0KICAgICAgICBsZXQgcGFyYW1zID0ge3BhZ2UsIGxpbWl0OiB0aGlzLnBhZ2VTaXplfTsNCiAgICAgICAgbGV0IHNlYXJjaFdoZXJlID0ge307DQogICAgICAgIGlmICh0aGlzLmZvcm1TZWFyY2gua2VjaGVuZ21pbmdjaGVuZyAhPSAnJykgc2VhcmNoV2hlcmUua2VjaGVuZ21pbmdjaGVuZyA9ICclJyArIHRoaXMuZm9ybVNlYXJjaC5rZWNoZW5nbWluZ2NoZW5nICsgJyUnOw0KICAgICAgICBpZiAodGhpcy5mb3JtU2VhcmNoLmtlY2hlbmdsZWl4aW5nICE9ICcnKSBzZWFyY2hXaGVyZS5rZWNoZW5nbGVpeGluZyA9ICclJyArIHRoaXMuZm9ybVNlYXJjaC5rZWNoZW5nbGVpeGluZyArICclJzsNCiAgICAgICAgaWYgKHRoaXMuZm9ybVNlYXJjaC54dWV4aWppbmR1ICE9ICcnKSBzZWFyY2hXaGVyZS54dWV4aWppbmR1ID0gdGhpcy5mb3JtU2VhcmNoLnh1ZXhpamluZHU7DQoJCQlsZXQgdXNlciA9IEpTT04ucGFyc2UobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3Nlc3Npb25Gb3JtJykpDQoJCWlmICh0aGlzLnNvcnRUeXBlKSBzZWFyY2hXaGVyZS5zb3J0ID0gdGhpcy5zb3J0VHlwZQ0KCQlpZiAodGhpcy5zb3J0T3JkZXIpIHNlYXJjaFdoZXJlLm9yZGVyID0gdGhpcy5zb3J0T3JkZXINCiAgICAgICAgdGhpcy4kaHR0cC5nZXQoYHh1ZXhpamluZHUvJHt0aGlzLmNlbnRlclR5cGU/J3BhZ2UnOidsaXN0J31gLCB7cGFyYW1zOiBPYmplY3QuYXNzaWduKHBhcmFtcywgc2VhcmNoV2hlcmUpfSkudGhlbihyZXMgPT4gew0KICAgICAgICAgIGlmIChyZXMuZGF0YS5jb2RlID09IDApIHsNCiAgICAgICAgICAgIHRoaXMuZGF0YUxpc3QgPSByZXMuZGF0YS5kYXRhLmxpc3Q7DQogICAgICAgICAgICB0aGlzLnRvdGFsID0gTnVtYmVyKHJlcy5kYXRhLmRhdGEudG90YWwpOw0KICAgICAgICAgICAgdGhpcy5wYWdlU2l6ZSA9IE51bWJlcihyZXMuZGF0YS5kYXRhLnBhZ2VTaXplKTsNCiAgICAgICAgICAgIHRoaXMudG90YWxQYWdlID0gcmVzLmRhdGEuZGF0YS50b3RhbFBhZ2U7DQoJCQkNCgkJCXRoaXMucGFnZVNpemVzID0gW3RoaXMucGFnZVNpemUsIHRoaXMucGFnZVNpemUqMiwgdGhpcy5wYWdlU2l6ZSozLCB0aGlzLnBhZ2VTaXplKjVdOw0KICAgICAgICAgIH0NCiAgICAgICAgfSk7DQogICAgICB9LA0KICAgICAgY3VyQ2hhbmdlKHBhZ2UpIHsNCiAgICAgICAgdGhpcy5nZXRMaXN0KHBhZ2UpOw0KICAgICAgfSwNCiAgICAgIHByZXZDbGljayhwYWdlKSB7DQogICAgICAgIHRoaXMuZ2V0TGlzdChwYWdlKTsNCiAgICAgIH0sDQogICAgICBzaXplQ2hhbmdlKHNpemUpew0KICAgICAgICB0aGlzLnBhZ2VTaXplID0gc2l6ZQ0KICAgICAgICB0aGlzLmdldExpc3QoMSk7DQogICAgICB9LA0KICAgICAgbmV4dENsaWNrKHBhZ2UpIHsNCiAgICAgICAgdGhpcy5nZXRMaXN0KHBhZ2UpOw0KICAgICAgfSwNCgkgIGltZ1ByZVZpZXcodXJsKXsNCgkJICB0aGlzLnByZXZpZXdJbWcgPSB1cmwNCgkJICB0aGlzLnByZXZpZXdWaXNpYmxlID0gdHJ1ZQ0KCSAgfSwNCiAgICAgIHRvRGV0YWlsKGl0ZW0pIHsNCgkJICBsZXQgcGFyYW1zID0gew0KCQkJICBpZDogaXRlbS5pZA0KCQkgIH0NCgkJICBpZih0aGlzLmNlbnRlclR5cGUpew0KCQkJICBwYXJhbXMuY2VudGVyVHlwZSA9IDENCgkJICB9DQogICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHtwYXRoOiAnL2luZGV4L3h1ZXhpamluZHVEZXRhaWwnLCBxdWVyeTogcGFyYW1zfSk7DQogICAgICB9LA0KCWJ0bkF1dGgodGFibGVOYW1lLGtleSl7DQoJCWlmKHRoaXMuY2VudGVyVHlwZSl7DQoJCQlyZXR1cm4gdGhpcy5pc0JhY2tBdXRoKHRhYmxlTmFtZSxrZXkpDQoJCX1lbHNlew0KCQkJcmV0dXJuIHRoaXMuaXNBdXRoKHRhYmxlTmFtZSxrZXkpDQoJCX0NCgl9LA0KCWJhY2tDbGljaygpIHsNCgkJdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6ICcvaW5kZXgvY2VudGVyJ30pOw0KCX0sDQogICAgfQ0KICB9DQo="},{"version":3,"sources":["list.vue"],"names":[],"mappings":";AAyFA;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"list.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\"><a>{{item.name}}</a></el-breadcrumb-item>\r\n\t\t</el-breadcrumb>\r\n\t</div>\r\n\t<div v-if=\"centerType\" :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=\"list-preview\" :style='{\"padding\":\"0\",\"margin\":\"0px auto\",\"flexWrap\":\"wrap\",\"background\":\"#fff\",\"display\":\"flex\",\"width\":\"100%\",\"position\":\"relative\"}'>\r\n\t\t\r\n\r\n\t\r\n <el-form :inline=\"true\" :model=\"formSearch\" class=\"list-form-pv\" :style='{\"padding\":\"0px 7% 20px\",\"margin\":\"20px 0 0\",\"borderColor\":\"#ddd\",\"alignItems\":\"center\",\"flexWrap\":\"wrap\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"display\":\"flex\",\"width\":\"100%\",\"borderStyle\":\"solid\",\"height\":\"auto\",\"order\":\"1\"}'>\r\n <el-form-item :style='{\"margin\":\"0 10px\"}'>\r\n\t <div class=\"lable\" v-if=\"true\" :style='{\"width\":\"auto\",\"padding\":\"0 10px\",\"lineHeight\":\"42px\",\"display\":\"inline-block\"}'>课程名称:</div>\r\n <el-input v-model=\"formSearch.kechengmingcheng\" placeholder=\"课程名称\" @keydown.enter.native=\"getList(1, curFenlei)\" clearable></el-input>\r\n </el-form-item>\r\n <el-form-item :style='{\"margin\":\"0 10px\"}'>\r\n\t <div class=\"lable\" v-if=\"true\" :style='{\"width\":\"auto\",\"padding\":\"0 10px\",\"lineHeight\":\"42px\",\"display\":\"inline-block\"}'>课程类型:</div>\r\n <el-input v-model=\"formSearch.kechengleixing\" placeholder=\"课程类型\" @keydown.enter.native=\"getList(1, curFenlei)\" clearable></el-input>\r\n </el-form-item>\r\n\t <el-button v-if=\" true \" :style='{\"cursor\":\"pointer\",\"border\":\"0\",\"padding\":\"0px 15px\",\"margin\":\"0 10px 0 0\",\"outline\":\"none\",\"color\":\"#fff\",\"borderRadius\":\"0px\",\"background\":\"#F5BB00\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"36px\",\"height\":\"36px\"}' type=\"primary\" @click=\"getList(1, curFenlei)\"><i v-if=\"true\" :style='{\"color\":\"#fff\",\"margin\":\"0 10px 0 0\",\"fontSize\":\"14px\"}' class=\"el-icon-search\"></i>查询</el-button>\r\n\t <el-button v-if=\"btnAuth('xuexijindu','新增')\" :style='{\"cursor\":\"pointer\",\"border\":\"0\",\"padding\":\"0px 15px\",\"margin\":\"0 10px 0 0\",\"outline\":\"none\",\"color\":\"#fff\",\"borderRadius\":\"0px\",\"background\":\"#333\",\"width\":\"auto\",\"fontSize\":\"14px\",\"lineHeight\":\"36px\",\"height\":\"36px\"}' type=\"primary\" @click=\"add('/index/xuexijinduAdd')\"><i v-if=\"true\" :style='{\"color\":\"#fff\",\"margin\":\"0 10px 0 0\",\"fontSize\":\"14px\"}' class=\"el-icon-circle-plus-outline\"></i>添加</el-button>\r\n </el-form>\r\n\t<div class=\"select2\" :style='{\"width\":\"100%\",\"padding\":\"0 7%\",\"margin\":\"10px 0 0\",\"background\":\"#fff\",\"height\":\"auto\",\"order\":\"2\"}'>\r\n\t <div :style='{\"padding\":\"0px\",\"margin\":\"4px 0\",\"borderColor\":\"#eee\",\"background\":\"none\",\"borderWidth\":\"0 0 1px\",\"width\":\"100%\",\"position\":\"relative\",\"borderStyle\":\"dashed\",\"height\":\"auto\"}' class=\"list\" v-for=\"(item,index) in selectOptionsList\" :key=\"item\">\r\n\t <div :style='{\"padding\":\"0 5px\",\"color\":\"#555\",\"textAlign\":\"right\",\"display\":\"inline-block\",\"width\":\"auto\",\"lineHeight\":\"32px\",\"fontSize\":\"14px\"}' class=\"label\">{{item.name}}</div>\r\n\t <div :style='{\"width\":\"auto\",\"display\":\"inline-block\",\"height\":\"auto\"}' class=\"item-body\">\r\n\t <div class=\"item\" @click=\"selectClick2(item,-1)\" :class=\"item.check ==-1 ? 'active' : ''\">全部</div>\r\n\t <div class=\"item\" @click=\"selectClick2(item,index1)\" :class=\"item.check == index1 ? 'active' : ''\" v-for=\"item1,index1 in item.list\" :key=\"item1\">{{item1}}</div>\r\n\t </div>\r\n\t </div>\r\n\t</div>\r\n\t<div class=\"list\" :style='{\"width\":\"100%\",\"padding\":\"0 7%\",\"margin\":\"10px auto\",\"background\":\"#fff\",\"order\":\"4\"}'>\r\n\t\t\r\n\t\t<!-- 样式三 -->\r\n\t\t<div class=\"list3 index-pv1\" :style='{\"padding\":\"0 0px\",\"overflow\":\"hidden\",\"flexWrap\":\"wrap\",\"background\":\"#fff\",\"display\":\"flex\",\"width\":\"100%\",\"clear\":\"both\",\"justifyContent\":\"space-between\",\"height\":\"auto\"}'>\r\n\t\t <div v-for=\"(item, index) in dataList\" :key=\"index\" @click.stop=\"toDetail(item)\" class=\"list-item animation-box\">\r\n\t\t <div :style='{\"border\":\"1px solid #f6f6f6\",\"width\":\"200px\",\"padding\":\"0px\",\"margin\":\"0 10px 0 0\",\"overflow\":\"hidden\",\"height\":\"200px\"}' class=\"img-box\">\r\n\t\t\t\t<img @click.stop=\"imgPreView(item.kechengtupian)\" :style='{\"width\":\"100%\",\"objectFit\":\"cover\",\"display\":\"block\",\"height\":\"100%\"}' v-if=\"item.kechengtupian && item.kechengtupian.substr(0,4)=='http'\" :src=\"item.kechengtupian.split(',')[0]\" class=\"image\" />\r\n\t\t\t\t<img @click.stop=\"imgPreView(baseUrl + (item.kechengtupian?item.kechengtupian.split(',')[0]:''))\" :style='{\"width\":\"100%\",\"objectFit\":\"cover\",\"display\":\"block\",\"height\":\"100%\"}' v-else :src=\"baseUrl + (item.kechengtupian?item.kechengtupian.split(',')[0]:'')\" class=\"image\" />\r\n\t\t\t</div>\r\n\t\t <div :style='{\"padding\":\"0 10px\",\"overflow\":\"hidden\",\"flex\":\"1\",\"display\":\"flex\",\"height\":\"auto\"}' class=\"item-info\">\r\n\t\t <div :style='{\"width\":\"50%\",\"padding\":\"0\",\"alignItems\":\"center\",\"flexWrap\":\"wrap\",\"flex\":\"1\",\"display\":\"flex\"}'>\r\n\t\t\t\t<div class=\"title\">{{item.kechengmingcheng}}</div>\r\n\t\t\t\t<div class=\"title\">{{item.kechengleixing}}</div>\r\n\t\t\t\t<div v-if=\"item.price\" class=\"price\"><span :style='{\"fontSize\":\"12px\"}'>¥</span>{{item.price}}</div>\r\n\t\t <div :style='{\"width\":\"100%\",\"padding\":\"2px 10px\",\"borderColor\":\"#f0f0f0\",\"borderStyle\":\"dashed\",\"borderWidth\":\"0 0 1px 0\",\"display\":\"none\"}' class=\"time\">\r\n\t\t <span class=\"icon iconfont icon-shijian21\"></span>\r\n\t\t <span class=\"text\">{{item.addtime}}</span>\r\n\t\t </div>\r\n\t\t </div>\r\n\t\t <div class=\"desc\" v-html=\"item.yiwanchengneirong\"></div>\r\n\t\t </div>\r\n\t\t </div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t\r\n\t<el-pagination\r\n\t background\r\n\t id=\"pagination\"\r\n\t class=\"pagination\"\r\n\t :pager-count=\"7\"\r\n\t :page-size=\"pageSize\"\r\n\t :page-sizes=\"pageSizes\"\r\n\t prev-text=\"<\"\r\n\t next-text=\">\"\r\n\t :hide-on-single-page=\"false\"\r\n\t :layout='[\"total\",\"prev\",\"pager\",\"next\",\"sizes\",\"jumper\"].join()'\r\n\t :total=\"total\"\r\n\t :style='{\"padding\":\"0 7%\",\"margin\":\"10px auto\",\"whiteSpace\":\"nowrap\",\"overflow\":\"hidden\",\"color\":\"#333\",\"textAlign\":\"center\",\"width\":\"100%\",\"clear\":\"both\",\"fontWeight\":\"500\",\"order\":\"50\"}'\r\n\t @current-change=\"curChange\"\r\n @size-change=\"sizeChange\"\r\n\t @prev-click=\"prevClick\"\r\n\t @next-click=\"nextClick\"\r\n\t></el-pagination>\r\n\r\n </div>\r\n <el-dialog title=\"预览图\" :visible.sync=\"previewVisible\" width=\"50%\">\r\n \t<img :src=\"previewImg\" alt=\"\" style=\"width: 100%;\">\r\n </el-dialog>\r\n</div>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n //数据集合\r\n data() {\r\n return {\r\n\t\tselectIndex2: 0,\r\n\t\tselectOptionsList: [],\r\n\t layouts: '',\r\n\t\tswiperIndex: -1,\r\n baseUrl: '',\r\n breadcrumbItem: [\r\n {\r\n name: '学习进度'\r\n }\r\n ],\r\n formSearch: {\r\n kechengmingcheng: '',\r\n kechengleixing: '',\r\n xuexijindu: '',\r\n },\r\n fenlei: [],\r\n\t\tfeileiColumn: '',\r\n dataList: [],\r\n total: 1,\r\n pageSize: 8,\r\n\t\tpageSizes: [10,20,30,50],\r\n totalPage: 1,\r\n curFenlei: '全部',\r\n isPlain: false,\r\n indexQueryCondition: '',\r\n\t xuexijinduOptions: [],\r\n timeRange: [],\r\n\t\tcenterType:false,\r\n\t\tpreviewImg: '',\r\n\t\tpreviewVisible: false,\r\n\t\tsortType: 'id',\r\n\t\tsortOrder: 'desc',\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\tthis.baseUrl = this.$config.baseUrl;\r\n\t this.xuexijinduOptions = '10%,20%,30%,40%,50%,60%,70%,80%,90%,100%'.split(',');\r\n\t\tthis.selectOptionsList.push({name:'学习进度',list:this.xuexijinduOptions,tableName: 'xuexijindu',check: -1})\r\n this.getFenlei();\r\n this.getList(1, '全部');\r\n },\r\n //方法集合\r\n methods: {\r\n\t\tselectClick2(row,index) {\r\n\t\t\trow.check = index\r\n\t\t\tif(index == -1){\r\n\t\t\t\tthis.formSearch[row.tableName] = ''\r\n\t\t\t}else {\r\n\t\t\t\tthis.formSearch[row.tableName] = row.list[index]\r\n\t\t\t}\r\n\t\t\tthis.getList()\r\n\t\t},\r\n\t\tadd(path) {\r\n\t\t\tlet query = {}\r\n\t\t\tif(this.centerType){\r\n\t\t\t\tquery.centerType = 1\r\n\t\t\t}\r\n\t\t\tthis.$router.push({path: path,query:query});\r\n\t\t},\r\n getFenlei() {\r\n },\r\n getList(page, fenlei, ref = '') {\r\n let params = {page, limit: this.pageSize};\r\n let searchWhere = {};\r\n if (this.formSearch.kechengmingcheng != '') searchWhere.kechengmingcheng = '%' + this.formSearch.kechengmingcheng + '%';\r\n if (this.formSearch.kechengleixing != '') searchWhere.kechengleixing = '%' + this.formSearch.kechengleixing + '%';\r\n if (this.formSearch.xuexijindu != '') searchWhere.xuexijindu = this.formSearch.xuexijindu;\r\n\t\t\tlet user = JSON.parse(localStorage.getItem('sessionForm'))\r\n\t\tif (this.sortType) searchWhere.sort = this.sortType\r\n\t\tif (this.sortOrder) searchWhere.order = this.sortOrder\r\n this.$http.get(`xuexijindu/${this.centerType?'page':'list'}`, {params: Object.assign(params, searchWhere)}).then(res => {\r\n if (res.data.code == 0) {\r\n this.dataList = res.data.data.list;\r\n this.total = Number(res.data.data.total);\r\n this.pageSize = Number(res.data.data.pageSize);\r\n this.totalPage = res.data.data.totalPage;\r\n\t\t\t\r\n\t\t\tthis.pageSizes = [this.pageSize, this.pageSize*2, this.pageSize*3, this.pageSize*5];\r\n }\r\n });\r\n },\r\n curChange(page) {\r\n this.getList(page);\r\n },\r\n prevClick(page) {\r\n this.getList(page);\r\n },\r\n sizeChange(size){\r\n this.pageSize = size\r\n this.getList(1);\r\n },\r\n nextClick(page) {\r\n this.getList(page);\r\n },\r\n\t imgPreView(url){\r\n\t\t this.previewImg = url\r\n\t\t this.previewVisible = true\r\n\t },\r\n toDetail(item) {\r\n\t\t let params = {\r\n\t\t\t id: item.id\r\n\t\t }\r\n\t\t if(this.centerType){\r\n\t\t\t params.centerType = 1\r\n\t\t }\r\n this.$router.push({path: '/index/xuexijinduDetail', query: params});\r\n },\r\n\tbtnAuth(tableName,key){\r\n\t\tif(this.centerType){\r\n\t\t\treturn this.isBackAuth(tableName,key)\r\n\t\t}else{\r\n\t\t\treturn this.isAuth(tableName,key)\r\n\t\t}\r\n\t},\r\n\tbackClick() {\r\n\t\tthis.$router.push({path: '/index/center'});\r\n\t},\r\n }\r\n }\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n\t.list-preview .list-form-pv .el-input {\r\n\t\twidth: auto;\r\n\t}\r\n\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\r\n\t.category-1 .item {\r\n\t\tcursor: pointer;\r\n\t\tborder-radius: 0px;\r\n\t\tpadding: 0 20px;\r\n\t\tmargin: 0 10px 10px;\r\n\t\tcolor: #fff;\r\n\t\tbackground: #333;\r\n\t\twidth: auto;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 44px;\r\n\t\ttext-align: center;\r\n\t}\r\n\t\r\n\t.category-1 .item:hover {\r\n\t\tcursor: pointer;\r\n\t\tmargin: 0 10px 10px;\r\n\t\tcolor: #fff;\r\n\t\tbackground: #F5BB00;\r\n\t\twidth: auto;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 44px;\r\n\t\ttext-align: center;\r\n\t}\r\n\t\r\n\t.category-1 .item.active {\r\n\t\tborder-radius: 0px;\r\n\t\tmargin: 0 10px 10px;\r\n\t\tcolor: #fff;\r\n\t\tbackground: #F5BB00;\r\n\t\twidth: auto;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 44px;\r\n\t}\r\n\t\r\n\t.category-2 .item {\r\n\t\tcursor: pointer;\r\n\t\tborder-radius: 4px;\r\n\t\tmargin: 0 0 10px 0;\r\n\t\tcolor: #999;\r\n\t\tbackground: #efefef;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 36px;\r\n\t\ttext-align: center;\r\n\t}\r\n\t\r\n\t.category-2 .item:hover {\r\n\t\tcursor: pointer;\r\n\t\tborder-radius: 4px;\r\n\t\tmargin: 0 0 10px 0;\r\n\t\tcolor: #999;\r\n\t\tbackground: #efefef;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 36px;\r\n\t\ttext-align: center;\r\n\t}\r\n\t\r\n\t.category-2 .item.active {\r\n\t\tcursor: pointer;\r\n\t\tborder-radius: 4px;\r\n\t\tmargin: 0 0 10px 0;\r\n\t\tcolor: #999;\r\n\t\tbackground: #efefef;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 36px;\r\n\t\ttext-align: center;\r\n\t}\r\n\t\r\n\t.category-3 .item {\r\n\t\tcursor: pointer;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 0 26px;\r\n\t\tcolor: #333;\r\n\t\tdisplay: flex;\r\n\t\tborder-color: #ddd;\r\n\t\tline-height: 30px;\r\n\t\tflex-wrap: wrap;\r\n\t\tborder-radius: 0px;\r\n\t\tbackground: none;\r\n\t\twidth: 15%;\r\n\t\tjustify-content: center;\r\n\t\tborder-width: 0 1px 0 0;\r\n\t\talign-items: center;\r\n\t\tborder-style: solid;\r\n\t\ttext-align: center;\r\n\t\theight: 80px;\r\n\t}\r\n\t\r\n\t.category-3 .item:hover {\r\n\t\tborder-radius: 0;\r\n\t\tpadding: 0;\r\n\t\tcolor: #333;\r\n\t\tbackground: none;\r\n\t\twidth: 15%;\r\n\t\tline-height: 30px;\r\n\t}\r\n\t\r\n\t.category-3 .item.active {\r\n\t\tborder-radius: 0;\r\n\t\tpadding: 0;\r\n\t\tcolor: #333;\r\n\t\tbackground: none;\r\n\t\twidth: 15%;\r\n\t\tline-height: 30px;\r\n\t}\r\n\t\r\n\t.list-form-pv .el-input /deep/ .el-input__inner {\r\n\t\tborder: 1px solid #ddd;\r\n\t\tborder-radius: 0px;\r\n\t\tpadding: 0 10px;\r\n\t\tmargin: 0;\r\n\t\toutline: none;\r\n\t\tcolor: #333;\r\n\t\twidth: auto;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 36px;\r\n\t\theight: 36px;\r\n\t}\r\n\t\r\n\t.list-form-pv .el-select /deep/ .el-input__inner {\r\n\t}\r\n\t\r\n\t.list-form-pv .el-date-editor /deep/ .el-input__inner {\r\n\t\tborder: 1px solid #ddd;\r\n\t\tborder-radius: 0px;\r\n\t\tpadding: 0 30px;\r\n\t\tmargin: 0;\r\n\t\toutline: none;\r\n\t\tcolor: #333;\r\n\t\twidth: auto;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 36px;\r\n\t\theight: 36px;\r\n\t}\r\n\t\r\n\t.list .index-pv1 .animation-box {\r\n\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\tz-index: initial;\r\n\t}\r\n\t\r\n\t.list .index-pv1 .animation-box:hover {\r\n\t\ttransform: rotate(0deg) scale(1.02) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t-webkit-perspective: 1000px;\r\n\t\tperspective: 1000px;\r\n\t\ttransition: 0.3s;\r\n\t\tz-index: 1;\r\n\t}\r\n\t\r\n\t.list .index-pv1 .animation-box img {\r\n\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t}\r\n\t\r\n\t.list .index-pv1 .animation-box img:hover {\r\n\t\ttransform: rotate(0deg) scale(1.05) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t-webkit-perspective: 1000px;\r\n\t\tperspective: 1000px;\r\n\t\ttransition: 0.3s;\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\t}\r\n\t\r\n\t#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\t\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\r\n\t.list3 .list-item {\r\n\t\t\t\tborder: 1px solid #eee;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t\tmargin: 0 0 30px;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\twidth: 49%;\r\n\t\t\t\tfont-size: 0;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\theight: auto;\r\n\t\t\t}\r\n\t\r\n\t.list3 .list-item:hover {\r\n\t\t\t\tborder: 1px solid #F5BB0030;\r\n\t\t\t\tbackground: #F5BB00;\r\n\t\t\t}\r\n\t\r\n\t.list3 .list-item .title {\r\n\t\t\t\tpadding: 0 10px;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tcolor: #333;\r\n\t\t\t\twhite-space: nowrap;\r\n\t\t\t\tbackground: none;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tfont-size: 15px;\r\n\t\t\t\tborder-color: #eee;\r\n\t\t\t\tborder-width: 0 0 1px 0;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\tborder-style: dashed;\r\n\t\t\t}\r\n\t\r\n\t.list3 .list-item:hover .title {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t.list3 .list-item .price {\r\n\t\t\t\tpadding: 0 10px;\r\n\t\t\t\tcolor: #f00;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tfont-size: 20px;\r\n\t\t\t\tborder-color: #f0f0f0;\r\n\t\t\t\tborder-width: 0 0 1px 0;\r\n\t\t\t\tline-height: 34px;\r\n\t\t\t\tborder-style: dashed;\r\n\t\t\t}\r\n\t\r\n\t.list3 .list-item:hover .price {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\r\n\t.list3 .list-item .time .icon {\r\n\t\t\t\tmargin: 0 4px 0 0;\r\n\t\t\t\tcolor: #999;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .time .icon {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t.list3 .list-item .time .text {\r\n\t\t\t\tcolor: #999;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .time .text {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\r\n\t.list3 .list-item .publisher .icon {\r\n\t\t\t\tmargin: 0 2px 0 0;\r\n\t\t\t\tcolor: #999;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .publisher .icon {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t.list3 .list-item .publisher .text {\r\n\t\t\t\tcolor: #999;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .publisher .text {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\r\n\t.list3 .list-item .like .icon {\r\n\t\t\t\tmargin: 0 2px 0 0;\r\n\t\t\t\tcolor: #999;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .like .icon {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t.list3 .list-item .like .text {\r\n\t\t\t\tcolor: #999;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .like .text {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\r\n\t.list3 .list-item .collect .icon {\r\n\t\t\t\tmargin: 0 2px 0 0;\r\n\t\t\t\tcolor: #999;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .collect .icon {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t.list3 .list-item .collect .text {\r\n\t\t\t\tcolor: #999;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .collect .text {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\r\n\t.list3 .list-item .view .icon {\r\n\t\t\t\tmargin: 0 2px 0 0;\r\n\t\t\t\tcolor: #999;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .view .icon {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t.list3 .list-item .view .text {\r\n\t\t\t\tcolor: #999;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .view .text {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\r\n\t.list3 .list-item .desc {\r\n\t\t\t\tpadding: 0 0 0 20px;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tcolor: #666;\r\n\t\t\t\ttext-indent: 2em;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\twidth: 50%;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\theight: 196px;\r\n\t\t\t}\r\n\t.list3 .list-item:hover .desc {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\r\n\t.select2 .list .item-body .item {\r\n\t\t\t\tpadding: 0 5px;\r\n\t\t\t\tcolor: #666;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tline-height: 32px;\r\n\t\t\t}\r\n\t.select2 .list .item-body .item:hover {\r\n\t\t\t\tcolor: #F5BB00;\r\n\t\t\t\tbackground: none;\r\n\t\t\t}\r\n\t.select2 .list .item-body .item.active {\r\n\t\t\t\tcolor: #F5BB00;\r\n\t\t\t\tbackground: none;\r\n\t\t\t}\r\n</style>\r\n"]}]}