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
35 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\\kechengxinxi\\list.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\kechengxinxi\\list.vue","mtime":1709633802000},{"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+ivvueoi+S/oeaBrycNCiAgICAgICAgICB9DQogICAgICAgIF0sDQogICAgICAgIGZvcm1TZWFyY2g6IHsNCiAgICAgICAgICBrZWNoZW5nbWluZ2NoZW5nOiAnJywNCiAgICAgICAgICBrZWNoZW5nbGVpeGluZzogJycsDQogICAgICAgICAga2VjaGVuZ2tlc2hpOiAnJywNCiAgICAgICAgfSwNCiAgICAgICAgZmVubGVpOiBbXSwNCgkJZmVpbGVpQ29sdW1uOiAnJywNCiAgICAgICAgZGF0YUxpc3Q6IFtdLA0KICAgICAgICB0b3RhbDogMSwNCiAgICAgICAgcGFnZVNpemU6IDgsDQoJCXBhZ2VTaXplczogWzEwLDIwLDMwLDUwXSwNCiAgICAgICAgdG90YWxQYWdlOiAxLA0KICAgICAgICBjdXJGZW5sZWk6ICflhajpg6gnLA0KICAgICAgICBpc1BsYWluOiBmYWxzZSwNCiAgICAgICAgaW5kZXhRdWVyeUNvbmRpdGlvbjogJycsDQoJICAgICAga2VjaGVuZ2xlaXhpbmdPcHRpb25zOiBbXSwNCiAgICAgICAgdGltZVJhbmdlOiBbXSwNCgkJY2VudGVyVHlwZTpmYWxzZSwNCgkJcHJldmlld0ltZzogJycsDQoJCXByZXZpZXdWaXNpYmxlOiBmYWxzZSwNCgkJc29ydFR5cGU6ICdrZWNoZW5ncGluZ2ZlbicsDQoJCXNvcnRPcmRlcjogJ2Rlc2MnLA0KICAgICAgfQ0KICAgIH0sDQogICAgY3JlYXRlZCgpIHsNCgkJaWYodGhpcy4kcm91dGUucXVlcnkuY2VudGVyVHlwZSl7DQoJCQl0aGlzLmNlbnRlclR5cGUgPSB0cnVlDQoJCX0NCgkJdGhpcy5iYXNlVXJsID0gdGhpcy4kY29uZmlnLmJhc2VVcmw7DQoJCXRoaXMuJGh0dHAuZ2V0KCdvcHRpb24va2VjaGVuZ2xlaXhpbmcva2VjaGVuZ2xlaXhpbmcnKS50aGVuKHJlcyA9PiB7DQoJCQlpZiAocmVzLmRhdGEuY29kZSA9PSAwKSB7DQoJCQkJdGhpcy5rZWNoZW5nbGVpeGluZ09wdGlvbnMgPSByZXMuZGF0YS5kYXRhOw0KCQkJCXRoaXMuc2VsZWN0T3B0aW9uc0xpc3QucHVzaCh7bmFtZTon6K++56iL57G75Z6LJyxsaXN0OnRoaXMua2VjaGVuZ2xlaXhpbmdPcHRpb25zLHRhYmxlTmFtZTogJ2tlY2hlbmdsZWl4aW5nJyxjaGVjazogLTF9KQ0KCQkJfQ0KCQl9KTsNCiAgICAgIHRoaXMuZ2V0RmVubGVpKCk7DQogICAgICB0aGlzLmdldExpc3QoMSwgJ+WFqOmDqCcpOw0KICAgIH0sDQogICAgLy/mlrnms5Xpm4blkIgNCiAgICBtZXRob2RzOiB7DQoJCXNlbGVjdENsaWNrMihyb3csaW5kZXgpIHsNCgkJCXJvdy5jaGVjayA9IGluZGV4DQoJCQlpZihpbmRleCA9PSAtMSl7DQoJCQkJdGhpcy5mb3JtU2VhcmNoW3Jvdy50YWJsZU5hbWVdID0gJycNCgkJCX1lbHNlIHsNCgkJCQl0aGlzLmZvcm1TZWFyY2hbcm93LnRhYmxlTmFtZV0gPSByb3cubGlzdFtpbmRleF0NCgkJCX0NCgkJCXRoaXMuZ2V0TGlzdCgpDQoJCX0sDQoJCWFkZChwYXRoKSB7DQoJCQlsZXQgcXVlcnkgPSB7fQ0KCQkJaWYodGhpcy5jZW50ZXJUeXBlKXsNCgkJCQlxdWVyeS5jZW50ZXJUeXBlID0gMQ0KCQkJfQ0KCQkJdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6IHBhdGgscXVlcnk6cXVlcnl9KTsNCgkJfSwNCiAgICAgIGdldEZlbmxlaSgpIHsNCiAgICAgIH0sDQogICAgICBnZXRMaXN0KHBhZ2UsIGZlbmxlaSwgcmVmID0gJycpIHsNCiAgICAgICAgbGV0IHBhcmFtcyA9IHtwYWdlLCBsaW1pdDogdGhpcy5wYWdlU2l6ZX07DQogICAgICAgIGxldCBzZWFyY2hXaGVyZSA9IHt9Ow0KICAgICAgICBpZiAodGhpcy5mb3JtU2VhcmNoLmtlY2hlbmdtaW5nY2hlbmcgIT0gJycpIHNlYXJjaFdoZXJlLmtlY2hlbmdtaW5nY2hlbmcgPSAnJScgKyB0aGlzLmZvcm1TZWFyY2gua2VjaGVuZ21pbmdjaGVuZyArICclJzsNCiAgICAgICAgaWYgKHRoaXMuZm9ybVNlYXJjaC5rZWNoZW5nbGVpeGluZyAhPSAnJykgc2VhcmNoV2hlcmUua2VjaGVuZ2xlaXhpbmcgPSB0aGlzLmZvcm1TZWFyY2gua2VjaGVuZ2xlaXhpbmc7DQogICAgICAgIGlmICh0aGlzLmZvcm1TZWFyY2gua2VjaGVuZ2tlc2hpICE9ICcnKSBzZWFyY2hXaGVyZS5rZWNoZW5na2VzaGkgPSAnJScgKyB0aGlzLmZvcm1TZWFyY2gua2VjaGVuZ2tlc2hpICsgJyUnOw0KCQkJbGV0IHVzZXIgPSBKU09OLnBhcnNlKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdzZXNzaW9uRm9ybScpKQ0KCQlpZiAodGhpcy5zb3J0VHlwZSkgc2VhcmNoV2hlcmUuc29ydCA9IHRoaXMuc29ydFR5cGUNCgkJaWYgKHRoaXMuc29ydE9yZGVyKSBzZWFyY2hXaGVyZS5vcmRlciA9IHRoaXMuc29ydE9yZGVyDQogICAgICAgIHRoaXMuJGh0dHAuZ2V0KGBrZWNoZW5neGlueGkvJHt0aGlzLmNlbnRlclR5cGU/J3BhZ2UnOidsaXN0J31gLCB7cGFyYW1zOiBPYmplY3QuYXNzaWduKHBhcmFtcywgc2VhcmNoV2hlcmUpfSkudGhlbihyZXMgPT4gew0KICAgICAgICAgIGlmIChyZXMuZGF0YS5jb2RlID09IDApIHsNCiAgICAgICAgICAgIHRoaXMuZGF0YUxpc3QgPSByZXMuZGF0YS5kYXRhLmxpc3Q7DQogICAgICAgICAgICB0aGlzLnRvdGFsID0gTnVtYmVyKHJlcy5kYXRhLmRhdGEudG90YWwpOw0KICAgICAgICAgICAgdGhpcy5wYWdlU2l6ZSA9IE51bWJlcihyZXMuZGF0YS5kYXRhLnBhZ2VTaXplKTsNCiAgICAgICAgICAgIHRoaXMudG90YWxQYWdlID0gcmVzLmRhdGEuZGF0YS50b3RhbFBhZ2U7DQoJCQkNCgkJCXRoaXMucGFnZVNpemVzID0gW3RoaXMucGFnZVNpemUsIHRoaXMucGFnZVNpemUqMiwgdGhpcy5wYWdlU2l6ZSozLCB0aGlzLnBhZ2VTaXplKjVdOw0KICAgICAgICAgIH0NCiAgICAgICAgfSk7DQogICAgICB9LA0KCSAgc29ydENsaWNrKHR5cGUpew0KCQkgIGlmKHRoaXMuc29ydFR5cGU9PXR5cGUpew0KCQkJICBpZih0aGlzLnNvcnRPcmRlciA9PSAnZGVzYycpew0KCQkJCSAgdGhpcy5zb3J0T3JkZXIgPSAnYXNjJw0KCQkJICB9ZWxzZXsNCgkJCQkgIHRoaXMuc29ydE9yZGVyID0gJ2Rlc2MnDQoJCQkgIH0NCgkJICB9ZWxzZXsNCgkJCSAgdGhpcy5zb3J0VHlwZSA9IHR5cGUNCgkJCSAgdGhpcy5zb3J0T3JkZXIgPSAnZGVzYycNCgkJICB9DQoJCSAgdGhpcy5nZXRMaXN0KDEsICflhajpg6gnKQ0KCSAgfSwNCiAgICAgIGN1ckNoYW5nZShwYWdlKSB7DQogICAgICAgIHRoaXMuZ2V0TGlzdChwYWdlKTsNCiAgICAgIH0sDQogICAgICBwcmV2Q2xpY2socGFnZSkgew0KICAgICAgICB0aGlzLmdldExpc3QocGFnZSk7DQogICAgICB9LA0KICAgICAgc2l6ZUNoYW5nZShzaXplKXsNCiAgICAgICAgdGhpcy5wYWdlU2l6ZSA9IHNpemUNCiAgICAgICAgdGhpcy5nZXRMaXN0KDEpOw0KICAgICAgfSwNCiAgICAgIG5leHRDbGljayhwYWdlKSB7DQogICAgICAgIHRoaXMuZ2V0TGlzdChwYWdlKTsNCiAgICAgIH0sDQoJICBpbWdQcmVWaWV3KHVybCl7DQoJCSAgdGhpcy5wcmV2aWV3SW1nID0gdXJsDQoJCSAgdGhpcy5wcmV2aWV3VmlzaWJsZSA9IHRydWUNCgkgIH0sDQogICAgICB0b0RldGFpbChpdGVtKSB7DQoJCSAgbGV0IHBhcmFtcyA9IHsNCgkJCSAgaWQ6IGl0ZW0uaWQNCgkJICB9DQoJCSAgaWYodGhpcy5jZW50ZXJUeXBlKXsNCgkJCSAgcGFyYW1zLmNlbnRlclR5cGUgPSAxDQoJCSAgfQ0KICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7cGF0aDogJy9pbmRleC9rZWNoZW5neGlueGlEZXRhaWwnLCBxdWVyeTogcGFyYW1zfSk7DQogICAgICB9LA0KCWJ0bkF1dGgodGFibGVOYW1lLGtleSl7DQoJCWlmKHRoaXMuY2VudGVyVHlwZSl7DQoJCQlyZXR1cm4gdGhpcy5pc0JhY2tBdXRoKHRhYmxlTmFtZSxrZXkpDQoJCX1lbHNlew0KCQkJcmV0dXJuIHRoaXMuaXNBdXRoKHRhYmxlTmFtZSxrZXkpDQoJCX0NCgl9LA0KCWJhY2tDbGljaygpIHsNCgkJdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6ICcvaW5kZXgvY2VudGVyJ30pOw0KCX0sDQogICAgfQ0KICB9DQo="},{"version":3,"sources":["list.vue"],"names":[],"mappings":";AA6GA;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"list.vue","sourceRoot":"src/pages/kechengxinxi","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.kechengkeshi\" 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('kechengxinxi','新增')\" :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/kechengxinxiAdd')\"><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=\"sort_view\" :style='{\"width\":\"100%\",\"padding\":\"0 7%\",\"margin\":\"20px auto 10px\",\"textAlign\":\"right\",\"background\":\"#fff\",\"order\":\"3\"}'>\r\n\t\t<el-button :style='{\"border\":\"0\",\"padding\":\"0 15px\",\"margin\":\"0 5px\",\"borderRadius\":\"0px\"}' @click=\"sortClick('clicknum')\">\r\n\t\t\t<span :style='{\"margin\":\"0 2px 0 0\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"color\":\"#333\"}' class=\"icon iconfont icon-xiaoliang13\" v-if=\"sortType!='clicknum'\"></span>\r\n\t\t\t<span :style='{\"margin\":\"0 2px 0 0\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"color\":\"#333\"}' class=\"icon iconfont icon-xiaoliang13\" v-else-if=\"sortType=='clicknum'&&sortOrder=='desc'\"></span>\r\n\t\t\t<span :style='{\"margin\":\"0 2px 0 0\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"color\":\"#333\"}' class=\"icon iconfont icon-xiaoliang13\" v-else-if=\"sortType=='clicknum'&&sortOrder=='asc'\"></span>\r\n\t\t\t<span :style='{\"color\":\"#333\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\"}'>点击量</span>\r\n\t\t</el-button>\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 :style='{\"padding\":\"2px 10px\",\"borderColor\":\"#eee\",\"borderStyle\":\"dashed\",\"borderWidth\":\"0 0 1px 0\"}' class=\"like\">\r\n\t\t <span class=\"icon iconfont icon-zan10\"></span>\r\n\t\t <span class=\"text\">{{item.thumbsupnum}}</span>\r\n\t\t </div>\r\n\t\t <div :style='{\"padding\":\"2px 10px\",\"borderColor\":\"#eee\",\"borderStyle\":\"dashed\",\"borderWidth\":\"0 0 1px 0\"}' class=\"collect\">\r\n\t\t <span class=\"icon iconfont icon-shoucang10\"></span>\r\n\t\t <span class=\"text\">{{item.storeupnum}}</span>\r\n\t\t </div>\r\n\t\t <div :style='{\"padding\":\"2px 10px\",\"borderColor\":\"#f0f0f0\",\"borderStyle\":\"dashed\",\"borderWidth\":\"0 0 1px 0\"}' class=\"view\">\r\n\t\t <span class=\"icon iconfont icon-chakan9\"></span>\r\n\t\t <span class=\"text\">{{item.clicknum}}</span>\r\n\t\t </div>\r\n\t\t </div>\r\n\t\t <div class=\"desc\" v-html=\"item.kechengneirong\"></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 kechengkeshi: '',\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 kechengleixingOptions: [],\r\n timeRange: [],\r\n\t\tcenterType:false,\r\n\t\tpreviewImg: '',\r\n\t\tpreviewVisible: false,\r\n\t\tsortType: 'kechengpingfen',\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\tthis.$http.get('option/kechengleixing/kechengleixing').then(res => {\r\n\t\t\tif (res.data.code == 0) {\r\n\t\t\t\tthis.kechengleixingOptions = res.data.data;\r\n\t\t\t\tthis.selectOptionsList.push({name:'课程类型',list:this.kechengleixingOptions,tableName: 'kechengleixing',check: -1})\r\n\t\t\t}\r\n\t\t});\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.kechengkeshi != '') searchWhere.kechengkeshi = '%' + this.formSearch.kechengkeshi + '%';\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(`kechengxinxi/${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\t sortClick(type){\r\n\t\t if(this.sortType==type){\r\n\t\t\t if(this.sortOrder == 'desc'){\r\n\t\t\t\t this.sortOrder = 'asc'\r\n\t\t\t }else{\r\n\t\t\t\t this.sortOrder = 'desc'\r\n\t\t\t }\r\n\t\t }else{\r\n\t\t\t this.sortType = type\r\n\t\t\t this.sortOrder = 'desc'\r\n\t\t }\r\n\t\t this.getList(1, '全部')\r\n\t },\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/kechengxinxiDetail', 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"]}]}