1 line
44 KiB
JSON
1 line
44 KiB
JSON
{"remainingRequest":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/views/communtiy/Article.vue?vue&type=style&index=0&id=33d7e0fc&lang=less&scoped=true","dependencies":[{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/views/communtiy/Article.vue","mtime":1743941101859},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/css-loader/dist/cjs.js","mtime":1743264596127},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1743264597030},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/postcss-loader/src/index.js","mtime":1743264596321},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/less-loader/dist/cjs.js","mtime":1743264596730},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js","mtime":1743264596512}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci8qIOW4luWtkOivpuaDhemhtee+juWMluagt+W8jyAqLwoKLyog6aG16Z2i6IOM5pmv5LiO5pW05L2T5biD5bGAICovCi5wb3N0LWRldGFpbC1jb250YWluZXIgewogIG1heC13aWR0aDogMTIwMHB4OwogIG1hcmdpbjogMCBhdXRvOwogIHBhZGRpbmc6IDI0cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KCi5wb3N0LWRldGFpbC13cmFwcGVyIHsKICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOTUpOwogIGJvcmRlci1yYWRpdXM6IDE2cHg7CiAgYm94LXNoYWRvdzogMCAxMHB4IDMwcHggcmdiYSgwLCAwLCAwLCAwLjA4KTsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRyYW5zaXRpb246IGFsbCAwLjRzIGVhc2U7CiAgcG9zaXRpb246IHJlbGF0aXZlOwp9CgovKiDngqvphbfog4zmma/muJDlj5ggKi8KLnBhZ2UtYmFja2dyb3VuZCB7CiAgcG9zaXRpb246IGZpeGVkOwogIHRvcDogMDsKICBsZWZ0OiAwOwogIHJpZ2h0OiAwOwogIGJvdHRvbTogMDsKICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMTIwZGVnLCAjZjZmOGZhIDAlLCAjZThmNGZjIDUwJSwgI2VkZjdmZiAxMDAlKTsKICBiYWNrZ3JvdW5kLXNpemU6IDQwMCUgNDAwJTsKICBhbmltYXRpb246IGdyYWRpZW50QkcgMTVzIGVhc2UgaW5maW5pdGU7CiAgei1pbmRleDogLTE7Cn0KCkBrZXlmcmFtZXMgZ3JhZGllbnRCRyB7CiAgMCUgewogICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMCUgNTAlOwogIH0KICA1MCUgewogICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSA1MCU7CiAgfQogIDEwMCUgewogICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMCUgNTAlOwogIH0KfQoKLyog5biW5a2Q5qCH6aKY5Yy65Z+fICovCi5wb3N0LWhlYWRlciB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHBhZGRpbmc6IDQwcHggMzJweCAyNHB4OwogIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgxMzVkZWcsICMzNjkwY2YsICMyYTc4YjgpOwogIGNvbG9yOiB3aGl0ZTsKICBvdmVyZmxvdzogaGlkZGVuOwp9CgoucG9zdC1oZWFkZXI6YmVmb3JlIHsKICBjb250ZW50OiAnJzsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiAwOwogIGxlZnQ6IDA7CiAgcmlnaHQ6IDA7CiAgYm90dG9tOiAwOwogIGJhY2tncm91bmQ6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QU0l4TURBbElpQm9aV2xuYUhROUlqRXdNQ1VpUGdvZ0lEeGtaV1p6UGdvZ0lDQWdQSEJoZEhSbGNtNGdhV1E5SW5CaGRIUmxjbTRpSUhkcFpIUm9QU0kwTUNJZ2FHVnBaMmgwUFNJME1DSWdjR0YwZEdWeWJsVnVhWFJ6UFNKMWMyVnlVM0JoWTJWUGJsVnpaU0lnY0dGMGRHVnlibFJ5WVc1elptOXliVDBpY205MFlYUmxLRFExS1NJK0NpQWdJQ0FnSUR4amFYSmpiR1VnWTNnOUlqSXdJaUJqZVQwaU1qQWlJSEk5SWpFdU5TSWdabWxzYkQwaUkyWm1aaUlnWm1sc2JDMXZjR0ZqYVhSNVBTSXdMakVpSUM4K0NpQWdJQ0E4TDNCaGRIUmxjbTQrQ2lBZ1BDOWtaV1p6UGdvZ0lEeHlaV04wSUhkcFpIUm9QU0l4TURBbElpQm9aV2xuYUhROUlqRXdNQ1VpSUdacGJHdzlJblZ5YkNnamNHRjBkR1Z5YmlraUlDOCtDand2YzNablBnPT0nKTsKICBvcGFjaXR5OiAwLjQ7Cn0KCi5wb3N0LXRpdGxlIHsKICBmb250LXNpemU6IDI4cHg7CiAgZm9udC13ZWlnaHQ6IDYwMDsKICBtYXJnaW4tYm90dG9tOiAxNnB4OwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB0ZXh0LXNoYWRvdzogMCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4xKTsKfQoKLnBvc3QtbWV0YSB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGZsZXgtd3JhcDogd3JhcDsKICBnYXA6IDIwcHg7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGZvbnQtc2l6ZTogMTRweDsKICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpOwp9CgoucG9zdC1tZXRhLWl0ZW0gewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQoKLnBvc3QtbWV0YS1pdGVtIC5hbnRpY29uIHsKICBtYXJnaW4tcmlnaHQ6IDZweDsKICBmb250LXNpemU6IDE2cHg7Cn0KCi5wb3N0LWNhdGVnb3J5IHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgcGFkZGluZzogNHB4IDEycHg7CiAgYm9yZGVyLXJhZGl1czogMjBweDsKICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7CiAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDVweCk7CiAgbWFyZ2luLXJpZ2h0OiA4cHg7CiAgZm9udC1zaXplOiAxM3B4OwogIGZvbnQtd2VpZ2h0OiA1MDA7Cn0KCi8qIOS9nOiAheS/oeaBr+WNoeeJhyAqLwouYXV0aG9yLWNhcmQgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBtYXJnaW4tdG9wOiAtNDBweDsKICBtYXJnaW4tbGVmdDogMzJweDsKICBtYXJnaW4tYm90dG9tOiAxNnB4OwogIHotaW5kZXg6IDEwOwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoKLmF1dGhvci1hdmF0YXIgewogIHdpZHRoOiA4MHB4OwogIGhlaWdodDogODBweDsKICBib3JkZXItcmFkaXVzOiA1MCU7CiAgYm9yZGVyOiA0cHggc29saWQgd2hpdGU7CiAgYm94LXNoYWRvdzogMCA0cHggMTBweCByZ2JhKDAsIDAsIDAsIDAuMSk7CiAgb2JqZWN0LWZpdDogY292ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogI2YwZjBmMDsKfQoKLmF1dGhvci1pbmZvIHsKICBtYXJnaW4tbGVmdDogMTZweDsKfQoKLmF1dGhvci1uYW1lIHsKICBmb250LXNpemU6IDE4cHg7CiAgZm9udC13ZWlnaHQ6IDYwMDsKICBjb2xvcjogIzMzMzsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KCi5hdXRob3ItbGV2ZWwgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgd2lkdGg6IDIycHg7CiAgaGVpZ2h0OiAyMnB4OwogIGJvcmRlci1yYWRpdXM6IDZweDsKICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMTM1ZGVnLCAjZmY5ODAwLCAjZmY1NzIyKTsKICBjb2xvcjogd2hpdGU7CiAgZm9udC1zaXplOiAxMnB4OwogIGZvbnQtd2VpZ2h0OiBib2xkOwogIG1hcmdpbi1sZWZ0OiA4cHg7CiAgYm94LXNoYWRvdzogMCAycHggNHB4IHJnYmEoMjU1LCAxNTIsIDAsIDAuMyk7Cn0KCi5hdXRob3Itc3RhdHVzIHsKICBmb250LXNpemU6IDEzcHg7CiAgY29sb3I6ICM2NjY7CiAgbWFyZ2luLXRvcDogNHB4Owp9CgovKiDluJblrZDlhoXlrrnljLrln58gKi8KLnBvc3QtY29udGVudCB7CiAgcGFkZGluZzogNjBweCAzMnB4IDQwcHg7CiAgZm9udC1zaXplOiAxNnB4OwogIGxpbmUtaGVpZ2h0OiAxLjg7CiAgY29sb3I6ICMzMzM7Cn0KCi5wb3N0LWNvbnRlbnQgaW1nIHsKICBtYXgtd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiBhdXRvOwogIGJvcmRlci1yYWRpdXM6IDhweDsKICBtYXJnaW46IDI0cHggMDsKICBib3gtc2hhZG93OiAwIDRweCAxMnB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7CiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZSwgYm94LXNoYWRvdyAwLjNzIGVhc2U7Cn0KCi5wb3N0LWNvbnRlbnQgaW1nOmhvdmVyIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMDEpOwogIGJveC1zaGFkb3c6IDAgOHB4IDIwcHggcmdiYSgwLCAwLCAwLCAwLjEyKTsKfQoKLnBvc3QtY29udGVudCBwIHsKICBtYXJnaW4tYm90dG9tOiAyMHB4Owp9CgoucG9zdC1jb250ZW50IGgxLCAKLnBvc3QtY29udGVudCBoMiwgCi5wb3N0LWNvbnRlbnQgaDMgewogIG1hcmdpbi10b3A6IDMycHg7CiAgbWFyZ2luLWJvdHRvbTogMTZweDsKICBmb250LXdlaWdodDogNjAwOwogIGNvbG9yOiAjMjIyOwp9CgoucG9zdC1jb250ZW50IGgxIHsKICBmb250LXNpemU6IDI2cHg7CiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlZWU7CiAgcGFkZGluZy1ib3R0b206IDEycHg7Cn0KCi5wb3N0LWNvbnRlbnQgaDIgewogIGZvbnQtc2l6ZTogMjJweDsKfQoKLnBvc3QtY29udGVudCBoMyB7CiAgZm9udC1zaXplOiAxOHB4Owp9CgoucG9zdC1jb250ZW50IGJsb2NrcXVvdGUgewogIGJvcmRlci1sZWZ0OiA0cHggc29saWQgIzM2OTBjZjsKICBwYWRkaW5nOiAxMnB4IDIwcHg7CiAgbWFyZ2luOiAyMHB4IDA7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjlmYjsKICBib3JkZXItcmFkaXVzOiAwIDhweCA4cHggMDsKICBjb2xvcjogIzU1NTsKICBmb250LXN0eWxlOiBpdGFsaWM7Cn0KCi5wb3N0LWNvbnRlbnQgYSB7CiAgY29sb3I6ICMzNjkwY2Y7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGJvcmRlci1ib3R0b206IDFweCBkYXNoZWQgcmdiYSg1NCwgMTQ0LCAyMDcsIDAuNSk7CiAgdHJhbnNpdGlvbjogYWxsIDAuMnM7Cn0KCi5wb3N0LWNvbnRlbnQgYTpob3ZlciB7CiAgY29sb3I6ICMyYTc4Yjg7CiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICMyYTc4Yjg7Cn0KCi5wb3N0LWNvbnRlbnQgcHJlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjgyYzM0OwogIGJvcmRlci1yYWRpdXM6IDhweDsKICBwYWRkaW5nOiAxNnB4OwogIG92ZXJmbG93LXg6IGF1dG87CiAgbWFyZ2luOiAyMHB4IDA7CiAgcG9zaXRpb246IHJlbGF0aXZlOwp9CgoucG9zdC1jb250ZW50IHByZSBjb2RlIHsKICBjb2xvcjogI2FiYjJiZjsKICBmb250LWZhbWlseTogJ1NGTW9uby1SZWd1bGFyJywgQ29uc29sYXMsICdMaWJlcmF0aW9uIE1vbm8nLCBNZW5sbywgbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTRweDsKICBsaW5lLWhlaWdodDogMS41Owp9CgoucG9zdC1jb250ZW50IGNvZGUgewogIGJhY2tncm91bmQtY29sb3I6ICNmNmY4ZmE7CiAgcGFkZGluZzogMnB4IDZweDsKICBib3JkZXItcmFkaXVzOiA0cHg7CiAgZm9udC1mYW1pbHk6ICdTRk1vbm8tUmVndWxhcicsIENvbnNvbGFzLCAnTGliZXJhdGlvbiBNb25vJywgTWVubG8sIG1vbm9zcGFjZTsKICBmb250LXNpemU6IDAuOWVtOwogIGNvbG9yOiAjZTgzZThjOwp9CgoucG9zdC1jb250ZW50IHByZSBjb2RlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBwYWRkaW5nOiAwOwogIGNvbG9yOiBpbmhlcml0Owp9CgovKiDpq5jkuq7ku6PnoIHlnZfmoIfpopggKi8KLmNvZGUtYmxvY2staGVhZGVyIHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiAwOwogIHJpZ2h0OiAwOwogIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xKTsKICBwYWRkaW5nOiA0cHggMTJweDsKICBib3JkZXItcmFkaXVzOiAwIDhweCAwIDhweDsKICBmb250LXNpemU6IDEycHg7CiAgY29sb3I6ICNhYWE7Cn0KCi8qIOW4luWtkOaTjeS9nOWMuuWfnyAqLwoucG9zdC1hY3Rpb25zIHsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIHBhZGRpbmc6IDIwcHggMzJweDsKICBib3JkZXItdG9wOiAxcHggc29saWQgI2YwZjBmMDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjlmYWZjOwp9CgoucG9zdC1hY3Rpb24tYnRuIHsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIHBhZGRpbmc6IDhweCAxNnB4OwogIGJvcmRlci1yYWRpdXM6IDIwcHg7CiAgZm9udC1zaXplOiAxNHB4OwogIGNvbG9yOiAjNjY2OwogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogIGJvcmRlcjogMXB4IHNvbGlkICNlOGU4ZTg7CiAgdHJhbnNpdGlvbjogYWxsIDAuMjVzOwogIGN1cnNvcjogcG9pbnRlcjsKfQoKLnBvc3QtYWN0aW9uLWJ0bjpob3ZlciB7CiAgY29sb3I6ICMzNjkwY2Y7CiAgYm9yZGVyLWNvbG9yOiAjMzY5MGNmOwogIGJhY2tncm91bmQtY29sb3I6IHJnYmEoNTQsIDE0NCwgMjA3LCAwLjA1KTsKfQoKLnBvc3QtYWN0aW9uLWJ0biAuYW50aWNvbiB7CiAgbWFyZ2luLXJpZ2h0OiA2cHg7CiAgZm9udC1zaXplOiAxNnB4Owp9CgoucG9zdC1hY3Rpb24tYnRuLmxpa2VkIHsKICBjb2xvcjogI2ZmNGQ0ZjsKICBib3JkZXItY29sb3I6ICNmZjRkNGY7CiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDc3LCA3OSwgMC4wNSk7Cn0KCi5wb3N0LWFjdGlvbi1idG4uc2F2ZWQgewogIGNvbG9yOiAjZmFhZDE0OwogIGJvcmRlci1jb2xvcjogI2ZhYWQxNDsKICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1MCwgMTczLCAyMCwgMC4wNSk7Cn0KCi5wb3N0LWFjdGlvbi1ncm91cCB7CiAgZGlzcGxheTogZmxleDsKICBnYXA6IDEycHg7Cn0KCi8qIOivhOiuuuWMuuWfnyAqLwouY29tbWVudHMtc2VjdGlvbiB7CiAgcGFkZGluZzogMzJweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjlmYWZjOwogIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZjBmMGYwOwp9CgouY29tbWVudHMtaGVhZGVyIHsKICBmb250LXNpemU6IDIwcHg7CiAgZm9udC13ZWlnaHQ6IDYwMDsKICBtYXJnaW4tYm90dG9tOiAyNHB4OwogIGNvbG9yOiAjMzMzOwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDEycHg7Cn0KCi5jb21tZW50cy1jb3VudCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBiYWNrZ3JvdW5kOiAjMzY5MGNmOwogIGNvbG9yOiB3aGl0ZTsKICBoZWlnaHQ6IDI0cHg7CiAgcGFkZGluZzogMCAxMHB4OwogIGJvcmRlci1yYWRpdXM6IDEycHg7CiAgZm9udC1zaXplOiAxNHB4OwogIGZvbnQtd2VpZ2h0OiA1MDA7Cn0KCi5jb21tZW50LWZvcm0gewogIG1hcmdpbi1ib3R0b206IDMycHg7Cn0KCi5jb21tZW50LXRleHRhcmVhIHsKICB3aWR0aDogMTAwJTsKICBib3JkZXI6IDFweCBzb2xpZCAjZThlOGU4OwogIGJvcmRlci1yYWRpdXM6IDEycHg7CiAgcGFkZGluZzogMTZweDsKICBtaW4taGVpZ2h0OiAxMjBweDsKICByZXNpemU6IG5vbmU7CiAgZm9udC1zaXplOiAxNHB4OwogIHRyYW5zaXRpb246IGFsbCAwLjNzOwogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwp9CgouY29tbWVudC10ZXh0YXJlYTpmb2N1cyB7CiAgb3V0bGluZTogbm9uZTsKICBib3JkZXItY29sb3I6ICMzNjkwY2Y7CiAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHJnYmEoNTQsIDE0NCwgMjA3LCAwLjIpOwp9CgouY29tbWVudC1mb3JtLWFjdGlvbnMgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDsKICBtYXJnaW4tdG9wOiAxNnB4Owp9CgouY29tbWVudC1zdWJtaXQgewogIHBhZGRpbmc6IDhweCAyNHB4OwogIGJvcmRlci1yYWRpdXM6IDIwcHg7CiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDEzNWRlZywgIzM2OTBjZiwgIzJhNzhiOCk7CiAgY29sb3I6IHdoaXRlOwogIGZvbnQtc2l6ZTogMTRweDsKICBmb250LXdlaWdodDogNTAwOwogIGJvcmRlcjogbm9uZTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgdHJhbnNpdGlvbjogYWxsIDAuM3M7Cn0KCi5jb21tZW50LXN1Ym1pdDpob3ZlciB7CiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDEzNWRlZywgIzJhNzhiOCwgIzFlNWM4ZSk7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpOwogIGJveC1zaGFkb3c6IDAgNHB4IDhweCByZ2JhKDQyLCAxMjAsIDE4NCwgMC4zKTsKfQoKLyog5Y2V5Liq6K+E6K665qC35byPICovCi5jb21tZW50LWl0ZW0gewogIG1hcmdpbi1ib3R0b206IDI0cHg7CiAgcGFkZGluZy1ib3R0b206IDI0cHg7CiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmMGYwZjA7Cn0KCi5jb21tZW50LWl0ZW06bGFzdC1jaGlsZCB7CiAgYm9yZGVyLWJvdHRvbTogbm9uZTsKICBtYXJnaW4tYm90dG9tOiAwOwogIHBhZGRpbmctYm90dG9tOiAwOwp9CgouY29tbWVudC1oZWFkZXIgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBtYXJnaW4tYm90dG9tOiAxMnB4Owp9CgouY29tbWVudC1hdmF0YXIgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKICBib3JkZXItcmFkaXVzOiA1MCU7CiAgb2JqZWN0LWZpdDogY292ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogI2YwZjBmMDsKICBtYXJnaW4tcmlnaHQ6IDEycHg7Cn0KCi5jb21tZW50LWluZm8gewogIGZsZXg6IDE7Cn0KCi5jb21tZW50LWF1dGhvciB7CiAgZm9udC13ZWlnaHQ6IDUwMDsKICBtYXJnaW4tcmlnaHQ6IDhweDsKICBjb2xvcjogIzMzMzsKfQoKLmNvbW1lbnQtbWV0YSB7CiAgZm9udC1zaXplOiAxMnB4OwogIGNvbG9yOiAjOTk5Owp9CgouY29tbWVudC1ib2R5IHsKICBmb250LXNpemU6IDE0cHg7CiAgbGluZS1oZWlnaHQ6IDEuNjsKICBjb2xvcjogIzQ0NDsKICBtYXJnaW4tbGVmdDogNTJweDsKfQoKLmNvbW1lbnQtYWN0aW9ucyB7CiAgZGlzcGxheTogZmxleDsKICBnYXA6IDE2cHg7CiAgbWFyZ2luLXRvcDogMTJweDsKICBtYXJnaW4tbGVmdDogNTJweDsKfQoKLmNvbW1lbnQtYWN0aW9uIHsKICBmb250LXNpemU6IDEycHg7CiAgY29sb3I6ICM5OTk7CiAgY3Vyc29yOiBwb2ludGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQoKLmNvbW1lbnQtYWN0aW9uIC5hbnRpY29uIHsKICBtYXJnaW4tcmlnaHQ6IDRweDsKICBmb250LXNpemU6IDE0cHg7Cn0KCi5jb21tZW50LWFjdGlvbjpob3ZlciB7CiAgY29sb3I6ICMzNjkwY2Y7Cn0KCi8qIOebuOWFs+W4luWtkCAqLwoucmVsYXRlZC1wb3N0cyB7CiAgcGFkZGluZzogMzJweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKICBib3JkZXItdG9wOiAxcHggc29saWQgI2YwZjBmMDsKfQoKLnJlbGF0ZWQtcG9zdHMtaGVhZGVyIHsKICBmb250LXNpemU6IDIwcHg7CiAgZm9udC13ZWlnaHQ6IDYwMDsKICBtYXJnaW4tYm90dG9tOiAyNHB4OwogIGNvbG9yOiAjMzMzOwp9CgoucmVsYXRlZC1wb3N0cy1ncmlkIHsKICBkaXNwbGF5OiBncmlkOwogIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDMsIDFmcik7CiAgZ2FwOiAyNHB4Owp9CgoucmVsYXRlZC1wb3N0LWNhcmQgewogIGJvcmRlci1yYWRpdXM6IDEycHg7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBib3gtc2hhZG93OiAwIDRweCAxMHB4IHJnYmEoMCwgMCwgMCwgMC4wNSk7CiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKfQoKLnJlbGF0ZWQtcG9zdC1jYXJkOmhvdmVyIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTVweCk7CiAgYm94LXNoYWRvdzogMCA4cHggMTZweCByZ2JhKDAsIDAsIDAsIDAuMSk7Cn0KCi5yZWxhdGVkLXBvc3QtaW1hZ2UgewogIGhlaWdodDogMTYwcHg7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KCi5yZWxhdGVkLXBvc3QtaW1hZ2UgaW1nIHsKICB3aWR0aDogMTAwJTsKICBoZWlnaHQ6IDEwMCU7CiAgb2JqZWN0LWZpdDogY292ZXI7CiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNXMgZWFzZTsKfQoKLnJlbGF0ZWQtcG9zdC1jYXJkOmhvdmVyIC5yZWxhdGVkLXBvc3QtaW1hZ2UgaW1nIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMDUpOwp9CgoucmVsYXRlZC1wb3N0LWNvbnRlbnQgewogIHBhZGRpbmc6IDE2cHg7Cn0KCi5yZWxhdGVkLXBvc3QtdGl0bGUgewogIGZvbnQtc2l6ZTogMTZweDsKICBmb250LXdlaWdodDogNTAwOwogIG1hcmdpbi1ib3R0b206IDhweDsKICBjb2xvcjogIzMzMzsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIGRpc3BsYXk6IC13ZWJraXQtYm94OwogIC13ZWJraXQtbGluZS1jbGFtcDogMjsKICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsOwogIGxpbmUtaGVpZ2h0OiAxLjQ7CiAgaGVpZ2h0OiA0NC44cHg7Cn0KCi5yZWxhdGVkLXBvc3QtbWV0YSB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgZm9udC1zaXplOiAxMnB4OwogIGNvbG9yOiAjOTk5Owp9CgovKiDlm57liLDpobbpg6jmjInpkq4gKi8KLmJhY2stdG8tdG9wIHsKICBwb3NpdGlvbjogZml4ZWQ7CiAgYm90dG9tOiA0MHB4OwogIHJpZ2h0OiA0MHB4OwogIHdpZHRoOiA1MHB4OwogIGhlaWdodDogNTBweDsKICBib3JkZXItcmFkaXVzOiA1MCU7CiAgYmFja2dyb3VuZDogd2hpdGU7CiAgYm94LXNoYWRvdzogMCA0cHggMTJweCByZ2JhKDAsIDAsIDAsIDAuMTUpOwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBjb2xvcjogIzU1NTsKICBmb250LXNpemU6IDIwcHg7CiAgY3Vyc29yOiBwb2ludGVyOwogIHRyYW5zaXRpb246IGFsbCAwLjNzOwogIHotaW5kZXg6IDEwMDsKICBvcGFjaXR5OiAwOwogIHZpc2liaWxpdHk6IGhpZGRlbjsKfQoKLmJhY2stdG8tdG9wLnZpc2libGUgewogIG9wYWNpdHk6IDE7CiAgdmlzaWJpbGl0eTogdmlzaWJsZTsKfQoKLmJhY2stdG8tdG9wOmhvdmVyIHsKICBiYWNrZ3JvdW5kOiAjMzY5MGNmOwogIGNvbG9yOiB3aGl0ZTsKICBib3gtc2hhZG93OiAwIDZweCAxNnB4IHJnYmEoNTQsIDE0NCwgMjA3LCAwLjQpOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNXB4KTsKfQoKLyog54Kr6YW357KS5a2Q5pWI5p6cICovCi5wYXJ0aWNsZXMgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogMDsKICB3aWR0aDogMTAwJTsKICBoZWlnaHQ6IDEwMCU7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB6LWluZGV4OiAwOwp9CgoucGFydGljbGUgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3JkZXItcmFkaXVzOiA1MCU7CiAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMpOwogIGFuaW1hdGlvbjogZmxvYXQgM3MgaW5maW5pdGU7Cn0KCkBrZXlmcmFtZXMgZmxvYXQgewogIDAlLCAxMDAlIHsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKICB9CiAgNTAlIHsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMjBweCk7CiAgfQp9CgovKiDlhoXlrrnljLrln5/nvo7ljJYgKi8KLmNvbnRlbnQtYXJlYSB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHotaW5kZXg6IDE7Cn0KCi8qIOWTjeW6lOW8j+W4g+WxgCAqLwpAbWVkaWEgKG1heC13aWR0aDogNzY4cHgpIHsKICAucG9zdC1oZWFkZXIgewogICAgcGFkZGluZzogMzBweCAyMHB4IDIwcHg7CiAgfQogIAogIC5wb3N0LXRpdGxlIHsKICAgIGZvbnQtc2l6ZTogMjJweDsKICB9CiAgCiAgLmF1dGhvci1jYXJkIHsKICAgIG1hcmdpbi1sZWZ0OiAyMHB4OwogIH0KICAKICAuYXV0aG9yLWF2YXRhciB7CiAgICB3aWR0aDogNjBweDsKICAgIGhlaWdodDogNjBweDsKICB9CiAgCiAgLnBvc3QtY29udGVudCwKICAucG9zdC1hY3Rpb25zLAogIC5jb21tZW50cy1zZWN0aW9uLAogIC5yZWxhdGVkLXBvc3RzIHsKICAgIHBhZGRpbmc6IDIwcHg7CiAgfQogIAogIC5yZWxhdGVkLXBvc3RzLWdyaWQgewogICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7CiAgICBnYXA6IDE2cHg7CiAgfQogIAogIC5iYWNrLXRvLXRvcCB7CiAgICBib3R0b206IDIwcHg7CiAgICByaWdodDogMjBweDsKICAgIHdpZHRoOiA0MHB4OwogICAgaGVpZ2h0OiA0MHB4OwogIH0KfQoKLyog5Yqo55S75pWI5p6cICovCkBrZXlmcmFtZXMgZmFkZUluIHsKICBmcm9tIHsKICAgIG9wYWNpdHk6IDA7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMjBweCk7CiAgfQogIHRvIHsKICAgIG9wYWNpdHk6IDE7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7CiAgfQp9CgouZmFkZS1pbiB7CiAgYW5pbWF0aW9uOiBmYWRlSW4gMC42cyBlYXNlIGZvcndhcmRzOwp9CgouZmFkZS1pbi1kZWxheS0xIHsKICBhbmltYXRpb246IGZhZGVJbiAwLjZzIGVhc2UgMC4xcyBmb3J3YXJkczsKICBvcGFjaXR5OiAwOwp9CgouZmFkZS1pbi1kZWxheS0yIHsKICBhbmltYXRpb246IGZhZGVJbiAwLjZzIGVhc2UgMC4ycyBmb3J3YXJkczsKICBvcGFjaXR5OiAwOwp9CgouZmFkZS1pbi1kZWxheS0zIHsKICBhbmltYXRpb246IGZhZGVJbiAwLjZzIGVhc2UgMC4zcyBmb3J3YXJkczsKICBvcGFjaXR5OiAwOwp9CgovKiDpmIXor7vov5vluqbmnaEgKi8KLnJlYWRpbmctcHJvZ3Jlc3MgewogIHBvc2l0aW9uOiBmaXhlZDsKICB0b3A6IDA7CiAgbGVmdDogMDsKICB3aWR0aDogMDsKICBoZWlnaHQ6IDRweDsKICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsICMzNjkwY2YsICM2ZGM2ZmYpOwogIHotaW5kZXg6IDEwMDA7CiAgdHJhbnNpdGlvbjogd2lkdGggMC4xczsKfQoKLyog6Ieq5a6a5LmJ5rua5Yqo5p2hICovCjo6LXdlYmtpdC1zY3JvbGxiYXIgewogIHdpZHRoOiA4cHg7CiAgaGVpZ2h0OiA4cHg7Cn0KCjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sgewogIGJhY2tncm91bmQ6ICNmMWYxZjE7CiAgYm9yZGVyLXJhZGl1czogMTBweDsKfQoKOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7CiAgYmFja2dyb3VuZDogI2MxYzFjMTsKICBib3JkZXItcmFkaXVzOiAxMHB4Owp9Cgo6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHsKICBiYWNrZ3JvdW5kOiAjMzY5MGNmOwp9Cg=="},{"version":3,"sources":["Article.vue"],"names":[],"mappings":";AAoTA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"Article.vue","sourceRoot":"src/views/communtiy","sourcesContent":["<template>\n <!-- 主容器 -->\n <div>\n <!-- 搜索表单 -->\n <SearchForm\n ref=\"searchForm\"\n :loading=\"loading\"\n :options=\"searchOptions\"\n @search=\"search\"\n @reset=\"search\"\n />\n <!-- 标签选择器 -->\n <a-card\n :bordered=\"false\"\n class=\"ant-pro-components-tag-select\"\n style=\"margin-bottom: -82px\"\n >\n <a-form :form=\"form\" layout=\"inline\">\n <!-- 类目选择 -->\n <standard-form-row title=\"所属类目\" block style=\"padding-bottom: 11px\">\n <a-form-item>\n <!-- 标签选择器组件 -->\n <tag-select>\n <!-- 类目选项 -->\n <!-- 全部选项 -->\n <tag-select-option value=\"全部\" @click.native=\"getList\"\n ><h3><a-icon type=\"audit\" />全部</h3></tag-select-option\n >\n <tag-select-option value=\"公告\" @click.native=\"search('公告')\"\n ><h3><a-icon type=\"audit\" />公告</h3></tag-select-option\n >\n <tag-select-option value=\"交流\" @click.native=\"search('交流')\"\n ><h3><a-icon type=\"audit\" />交流</h3></tag-select-option\n >\n <tag-select-option value=\"讨论\" @click.native=\"search('讨论')\"\n ><h3><a-icon type=\"audit\" />讨论</h3></tag-select-option\n >\n </tag-select>\n </a-form-item>\n </standard-form-row>\n </a-form>\n </a-card>\n <!-- 文章列表 -->\n <a-card style=\"margin-top: 24px\" :bordered=\"false\">\n <a-list\n size=\"large\"\n rowKey=\"id\"\n :loading=\"loading\"\n itemLayout=\"vertical\"\n :dataSource=\"data\"\n :pagination=\"pagination\"\n @change=\"changePage\"\n >\n <div class=\"side-brick\">\n <ul class=\"brick-box\">\n <li class=\"brick-list\" v-for=\"item in data\" key=\"item.id\">\n <router-link :to=\"'/community/pages?id=' + item.articleId\">\n <a class=\"item-box-retina\">\n <figure class=\"item-box-img\">\n <!-- 文章图片 -->\n <!-- 调用extractImageUrl方法并传递文章内容 -->\n <img\n class=\"lazy\"\n :src=\"extractImageUrl(item.articleContent)\"\n alt=\"Article Cover\"\n />\n <!-- <img class=\"lazy\" :src=\"item.articleContent.match(imageUrlRegex)\" > -->\n <!-- 文章标题 -->\n <h3>{{ item.articleTitle }}</h3>\n </figure>\n <!-- 文章内容 -->\n <p class=\"item-user-info\" v-html=\"item.articleContent\"></p>\n <p class=\"item-user-author\">\n <img src=\"/logo.png\" :alt=\"userData[item.userId]\" />\n <!-- 文章作者 -->\n <span class=\"comment-username\"\n >{{ userData[item.userId]\n }}<span class=\"autlv aut-5 vs-level\">V</span></span\n >\n <span class=\"comment-tip\"\n ><i class=\"icon font-time\"></i\n >{{ item.publishTime | formatTime }}</span\n >\n </p>\n </a>\n </router-link>\n </li>\n </ul>\n </div>\n </a-list>\n </a-card>\n </div>\n</template>\n\n<script>\nimport TagSelect from \"../../components/TagSelect\";\nimport StandardFormRow from \"../../components/StandardFormRow\";\nimport ArticleListContent from \"../../components/ArticleListContent\";\nimport IconText from \"./components/IconText\";\nconst TagSelectOption = TagSelect.Option;\nexport default {\n components: {\n TagSelect,\n TagSelectOption,\n StandardFormRow,\n ArticleListContent,\n IconText,\n },\n data() {\n return {\n userData: [],\n imageUrlRegex: /(http[s]?:\\/\\/[^(\\s|\")]+\\.(png|jpg|jpeg|gif|webp))/gi,\n current: 1,\n pageSize: 8,\n loading: true,\n loadingMore: false,\n data: [],\n originalUsers: [],\n total: 0,\n form: this.$form.createForm(this),\n };\n },\n mounted() {\n this.getUser();\n this.$watch(() => [this.pageSize, this.current], this.getList, {\n immediate: true,\n });\n },\n filters: {\n formatTime: function (value) {\n // 在这里编写时间格式化逻辑，例如：\n const parsedTime = new Date(value);\n const year = parsedTime.getFullYear();\n const month = String(parsedTime.getMonth() + 1).padStart(2, \"0\");\n const day = String(parsedTime.getDate()).padStart(2, \"0\");\n return `${year}-${month}-${day}`;\n },\n },\n computed: {\n searchOptions() {\n return createSearchOptions.call(this);\n },\n pagination() {\n return {\n current: this.current,\n pageSize: this.pageSize,\n total: this.total,\n showSizeChanger: true,\n pageSizeOptions: [\"8\", \"9\", \"10\", \"20\"],\n showQuickJumper: true,\n showTotal: (total) => `Total ${total} items`,\n onChange: this.changePage,\n onShowSizeChange: this.changePage,\n };\n },\n },\n methods: {\n extractImageUrl(content) {\n // 定义匹配图片URL的正则表达式\n const imageUrlRegex =\n /(http[s]?:\\/\\/[^(\\s|\")]+\\.(png|jpg|jpeg|gif|webp))/gi;\n // 使用正则表达式匹配内容中的图片URL\n const matches = content.match(imageUrlRegex);\n // 如果找到匹配项，返回第一张图片的URL\n if (matches && matches.length > 0) {\n return matches[0];\n }\n // 避免浏览器缓存\n const randomSeed = Math.floor(Math.random() * 10000); // 生成一个0到9999之间的随机数\n // 如果没有找到匹配的图片，可以使用随机图片\n return \"https://api.7585.net.cn/bing/api.php?rand=1?\" + randomSeed;\n },\n async getImage(articleId) {\n try {\n const res = await this.$api.AllArticle();\n let content = res.data.filter((item) => item.articleId === articleId);\n\n if (content.length === 0) {\n console.log(\"未找到对应文章内容\");\n return null; // 返回空值，表示未找到封面图片\n }\n\n const imageUrlRegex =\n /(http[s]?:\\/\\/[^(\\s|\")]+\\.(png|jpg|jpeg|gif|webp))/gi;\n const images = content[0].articleContent.match(imageUrlRegex);\n\n if (images && images.length > 0) {\n console.log(\"找到封面图片链接:\", images[0]);\n return images[0]; // 返回第一张匹配到的图片链接\n } else {\n console.log(\"未找到图片链接\");\n return null; // 返回空值，表示未找到封面图片\n }\n } catch (error) {\n console.error(\"获取文章内容失败:\", error);\n return null; // 返回空值，表示未找到封面图片\n }\n },\n // 搜索\n search() {\n this.current = 1;\n this.getList();\n },\n // 分页切换\n changePage(current, pageSize) {\n this.current = current;\n this.pageSize = pageSize;\n this.getList();\n },\n handleChange(value) {\n console.log(`selected ${value}`);\n },\n getUser() {\n this.$api\n .AllUser()\n .then((res) => {\n const users = res.data;\n const userMap = {};\n users.forEach((user) => {\n userMap[user.userId] = user.userName;\n });\n this.userData = userMap;\n console.log(this.userData);\n })\n .catch((error) => {\n console.error(error);\n });\n },\n async getList() {\n try {\n // 开始加载，显示加载指示器\n this.loading = true;\n this.query = this.$refs.searchForm.getResult();\n // 使用 await 直接等待异步操作的结果\n const res = await this.$api.AllArticle();\n // 打印响应结果\n this.originalUsers = res.data;\n this.filterUsers(); // 调用过滤用户方法\n console.log(\"res\", res.data);\n // 使用响应结果更新数据\n this.total = res.data.length;\n } catch (error) {\n // 处理可能出现的错误\n console.error(\"获取文章列表失败:\", error);\n } finally {\n // 无论成功还是失败，最后都会执行，隐藏加载指示器\n this.loading = false;\n }\n },\n // 搜索\n filterUsers() {\n let filteredUsers = this.originalUsers.slice(); // 复制原始用户数据\n console.log(this.query);\n if (this.query.articleTitle) {\n filteredUsers = filteredUsers.filter((user) =>\n user.articleTitle.includes(this.query.articleTitle)\n );\n }\n\n if (this.query.userName) {\n filteredUsers = filteredUsers.filter((user) =>\n user.userId.includes(this.query.userName)\n );\n }\n if (this.query.articleContent) {\n filteredUsers = filteredUsers.filter((user) =>\n user.articleContent.includes(this.query.articleContent)\n );\n }\n const start = (this.current - 1) * this.pageSize;\n const end = start + this.pageSize;\n this.data = filteredUsers.slice(start, end);\n },\n },\n};\n// 创建搜索选项\nfunction createSearchOptions() {\n return [\n {\n label: \"标题\",\n key: \"articleTitle\",\n default: \"\",\n component: \"input\",\n },\n {\n label: \"作者\",\n key: \"userName\",\n default: \"\",\n component: \"input\",\n },\n {\n label: \"内容\",\n key: \"articleContent\",\n default: \"\",\n component: \"input\",\n },\n {\n label: \"时间\",\n key: \"publishTime\",\n default: () => [],\n mapper: ({ publishTime }) => publishTime.join(\"~\"),\n component: \"range-picker\",\n },\n ];\n}\n</script>\n\n<style lang=\"less\" scoped>\n/* 帖子详情页美化样式 */\n\n/* 页面背景与整体布局 */\n.post-detail-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 24px;\n background-color: transparent;\n}\n\n.post-detail-wrapper {\n background: rgba(255, 255, 255, 0.95);\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n}\n\n/* 炫酷背景渐变 */\n.page-background {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(120deg, #f6f8fa 0%, #e8f4fc 50%, #edf7ff 100%);\n background-size: 400% 400%;\n animation: gradientBG 15s ease infinite;\n z-index: -1;\n}\n\n@keyframes gradientBG {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}\n\n/* 帖子标题区域 */\n.post-header {\n position: relative;\n padding: 40px 32px 24px;\n background: linear-gradient(135deg, #3690cf, #2a78b8);\n color: white;\n overflow: hidden;\n}\n\n.post-header:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzPgogICAgPHBhdHRlcm4gaWQ9InBhdHRlcm4iIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+CiAgICAgIDxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjEuNSIgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwLjEiIC8+CiAgICA8L3BhdHRlcm4+CiAgPC9kZWZzPgogIDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjcGF0dGVybikiIC8+Cjwvc3ZnPg==');\n opacity: 0.4;\n}\n\n.post-title {\n font-size: 28px;\n font-weight: 600;\n margin-bottom: 16px;\n position: relative;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.post-meta {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 20px;\n position: relative;\n font-size: 14px;\n color: rgba(255, 255, 255, 0.9);\n}\n\n.post-meta-item {\n display: flex;\n align-items: center;\n}\n\n.post-meta-item .anticon {\n margin-right: 6px;\n font-size: 16px;\n}\n\n.post-category {\n display: inline-block;\n padding: 4px 12px;\n border-radius: 20px;\n background: rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(5px);\n margin-right: 8px;\n font-size: 13px;\n font-weight: 500;\n}\n\n/* 作者信息卡片 */\n.author-card {\n display: flex;\n align-items: center;\n margin-top: -40px;\n margin-left: 32px;\n margin-bottom: 16px;\n z-index: 10;\n position: relative;\n}\n\n.author-avatar {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n border: 4px solid white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n object-fit: cover;\n background-color: #f0f0f0;\n}\n\n.author-info {\n margin-left: 16px;\n}\n\n.author-name {\n font-size: 18px;\n font-weight: 600;\n color: #333;\n display: flex;\n align-items: center;\n}\n\n.author-level {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n border-radius: 6px;\n background: linear-gradient(135deg, #ff9800, #ff5722);\n color: white;\n font-size: 12px;\n font-weight: bold;\n margin-left: 8px;\n box-shadow: 0 2px 4px rgba(255, 152, 0, 0.3);\n}\n\n.author-status {\n font-size: 13px;\n color: #666;\n margin-top: 4px;\n}\n\n/* 帖子内容区域 */\n.post-content {\n padding: 60px 32px 40px;\n font-size: 16px;\n line-height: 1.8;\n color: #333;\n}\n\n.post-content img {\n max-width: 100%;\n height: auto;\n border-radius: 8px;\n margin: 24px 0;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.post-content img:hover {\n transform: scale(1.01);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n}\n\n.post-content p {\n margin-bottom: 20px;\n}\n\n.post-content h1, \n.post-content h2, \n.post-content h3 {\n margin-top: 32px;\n margin-bottom: 16px;\n font-weight: 600;\n color: #222;\n}\n\n.post-content h1 {\n font-size: 26px;\n border-bottom: 1px solid #eee;\n padding-bottom: 12px;\n}\n\n.post-content h2 {\n font-size: 22px;\n}\n\n.post-content h3 {\n font-size: 18px;\n}\n\n.post-content blockquote {\n border-left: 4px solid #3690cf;\n padding: 12px 20px;\n margin: 20px 0;\n background-color: #f8f9fb;\n border-radius: 0 8px 8px 0;\n color: #555;\n font-style: italic;\n}\n\n.post-content a {\n color: #3690cf;\n text-decoration: none;\n border-bottom: 1px dashed rgba(54, 144, 207, 0.5);\n transition: all 0.2s;\n}\n\n.post-content a:hover {\n color: #2a78b8;\n border-bottom: 1px solid #2a78b8;\n}\n\n.post-content pre {\n background-color: #282c34;\n border-radius: 8px;\n padding: 16px;\n overflow-x: auto;\n margin: 20px 0;\n position: relative;\n}\n\n.post-content pre code {\n color: #abb2bf;\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n font-size: 14px;\n line-height: 1.5;\n}\n\n.post-content code {\n background-color: #f6f8fa;\n padding: 2px 6px;\n border-radius: 4px;\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n font-size: 0.9em;\n color: #e83e8c;\n}\n\n.post-content pre code {\n background-color: transparent;\n padding: 0;\n color: inherit;\n}\n\n/* 高亮代码块标题 */\n.code-block-header {\n position: absolute;\n top: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.1);\n padding: 4px 12px;\n border-radius: 0 8px 0 8px;\n font-size: 12px;\n color: #aaa;\n}\n\n/* 帖子操作区域 */\n.post-actions {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 32px;\n border-top: 1px solid #f0f0f0;\n background-color: #f9fafc;\n}\n\n.post-action-btn {\n display: inline-flex;\n align-items: center;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 14px;\n color: #666;\n background-color: white;\n border: 1px solid #e8e8e8;\n transition: all 0.25s;\n cursor: pointer;\n}\n\n.post-action-btn:hover {\n color: #3690cf;\n border-color: #3690cf;\n background-color: rgba(54, 144, 207, 0.05);\n}\n\n.post-action-btn .anticon {\n margin-right: 6px;\n font-size: 16px;\n}\n\n.post-action-btn.liked {\n color: #ff4d4f;\n border-color: #ff4d4f;\n background-color: rgba(255, 77, 79, 0.05);\n}\n\n.post-action-btn.saved {\n color: #faad14;\n border-color: #faad14;\n background-color: rgba(250, 173, 20, 0.05);\n}\n\n.post-action-group {\n display: flex;\n gap: 12px;\n}\n\n/* 评论区域 */\n.comments-section {\n padding: 32px;\n background-color: #f9fafc;\n border-top: 1px solid #f0f0f0;\n}\n\n.comments-header {\n font-size: 20px;\n font-weight: 600;\n margin-bottom: 24px;\n color: #333;\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.comments-count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background: #3690cf;\n color: white;\n height: 24px;\n padding: 0 10px;\n border-radius: 12px;\n font-size: 14px;\n font-weight: 500;\n}\n\n.comment-form {\n margin-bottom: 32px;\n}\n\n.comment-textarea {\n width: 100%;\n border: 1px solid #e8e8e8;\n border-radius: 12px;\n padding: 16px;\n min-height: 120px;\n resize: none;\n font-size: 14px;\n transition: all 0.3s;\n background-color: white;\n}\n\n.comment-textarea:focus {\n outline: none;\n border-color: #3690cf;\n box-shadow: 0 0 0 2px rgba(54, 144, 207, 0.2);\n}\n\n.comment-form-actions {\n display: flex;\n justify-content: flex-end;\n margin-top: 16px;\n}\n\n.comment-submit {\n padding: 8px 24px;\n border-radius: 20px;\n background: linear-gradient(135deg, #3690cf, #2a78b8);\n color: white;\n font-size: 14px;\n font-weight: 500;\n border: none;\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.comment-submit:hover {\n background: linear-gradient(135deg, #2a78b8, #1e5c8e);\n transform: translateY(-2px);\n box-shadow: 0 4px 8px rgba(42, 120, 184, 0.3);\n}\n\n/* 单个评论样式 */\n.comment-item {\n margin-bottom: 24px;\n padding-bottom: 24px;\n border-bottom: 1px solid #f0f0f0;\n}\n\n.comment-item:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n}\n\n.comment-header {\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n}\n\n.comment-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n object-fit: cover;\n background-color: #f0f0f0;\n margin-right: 12px;\n}\n\n.comment-info {\n flex: 1;\n}\n\n.comment-author {\n font-weight: 500;\n margin-right: 8px;\n color: #333;\n}\n\n.comment-meta {\n font-size: 12px;\n color: #999;\n}\n\n.comment-body {\n font-size: 14px;\n line-height: 1.6;\n color: #444;\n margin-left: 52px;\n}\n\n.comment-actions {\n display: flex;\n gap: 16px;\n margin-top: 12px;\n margin-left: 52px;\n}\n\n.comment-action {\n font-size: 12px;\n color: #999;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n\n.comment-action .anticon {\n margin-right: 4px;\n font-size: 14px;\n}\n\n.comment-action:hover {\n color: #3690cf;\n}\n\n/* 相关帖子 */\n.related-posts {\n padding: 32px;\n background-color: white;\n border-top: 1px solid #f0f0f0;\n}\n\n.related-posts-header {\n font-size: 20px;\n font-weight: 600;\n margin-bottom: 24px;\n color: #333;\n}\n\n.related-posts-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n\n.related-post-card {\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n transition: all 0.3s ease;\n background-color: white;\n}\n\n.related-post-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n}\n\n.related-post-image {\n height: 160px;\n overflow: hidden;\n position: relative;\n}\n\n.related-post-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n}\n\n.related-post-card:hover .related-post-image img {\n transform: scale(1.05);\n}\n\n.related-post-content {\n padding: 16px;\n}\n\n.related-post-title {\n font-size: 16px;\n font-weight: 500;\n margin-bottom: 8px;\n color: #333;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n line-height: 1.4;\n height: 44.8px;\n}\n\n.related-post-meta {\n display: flex;\n justify-content: space-between;\n font-size: 12px;\n color: #999;\n}\n\n/* 回到顶部按钮 */\n.back-to-top {\n position: fixed;\n bottom: 40px;\n right: 40px;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: white;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n color: #555;\n font-size: 20px;\n cursor: pointer;\n transition: all 0.3s;\n z-index: 100;\n opacity: 0;\n visibility: hidden;\n}\n\n.back-to-top.visible {\n opacity: 1;\n visibility: visible;\n}\n\n.back-to-top:hover {\n background: #3690cf;\n color: white;\n box-shadow: 0 6px 16px rgba(54, 144, 207, 0.4);\n transform: translateY(-5px);\n}\n\n/* 炫酷粒子效果 */\n.particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 0;\n}\n\n.particle {\n position: absolute;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n animation: float 3s infinite;\n}\n\n@keyframes float {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-20px);\n }\n}\n\n/* 内容区域美化 */\n.content-area {\n position: relative;\n z-index: 1;\n}\n\n/* 响应式布局 */\n@media (max-width: 768px) {\n .post-header {\n padding: 30px 20px 20px;\n }\n \n .post-title {\n font-size: 22px;\n }\n \n .author-card {\n margin-left: 20px;\n }\n \n .author-avatar {\n width: 60px;\n height: 60px;\n }\n \n .post-content,\n .post-actions,\n .comments-section,\n .related-posts {\n padding: 20px;\n }\n \n .related-posts-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n \n .back-to-top {\n bottom: 20px;\n right: 20px;\n width: 40px;\n height: 40px;\n }\n}\n\n/* 动画效果 */\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.fade-in {\n animation: fadeIn 0.6s ease forwards;\n}\n\n.fade-in-delay-1 {\n animation: fadeIn 0.6s ease 0.1s forwards;\n opacity: 0;\n}\n\n.fade-in-delay-2 {\n animation: fadeIn 0.6s ease 0.2s forwards;\n opacity: 0;\n}\n\n.fade-in-delay-3 {\n animation: fadeIn 0.6s ease 0.3s forwards;\n opacity: 0;\n}\n\n/* 阅读进度条 */\n.reading-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0;\n height: 4px;\n background: linear-gradient(90deg, #3690cf, #6dc6ff);\n z-index: 1000;\n transition: width 0.1s;\n}\n\n/* 自定义滚动条 */\n::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #3690cf;\n}\n</style>\n"]}]} |