refactor(articleInfo): 文章分类和标签去除中间的逗号 (BNDong#376)

AmosZha · May 19, 2023 · 7a84457 · 7a84457
1 parent f8ca3ce
commit 7a84457
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 10 deletions.
diff --git a/src/components/articleInfo/articleInfo.js b/src/components/articleInfo/articleInfo.js
@@ -60,11 +60,8 @@ export default function main(_) {
         _.__timeIds.articleInfoClassTId = window.setInterval(() => {
             let obj = $('#BlogPostCategory').find('a');
             if (obj.length > 0) {
-                $.each(obj, (i) => {
-                    let tag = $(obj[i]);
-                    tag.prepend('<span class="iconfont icon-marketing_fill"></span>');
-                    $('#articleInfo').append('<a href="'+tag.attr('href')+'" target="_blank"><span class="article-info-tag article-tag-class-color">'+(tag.text())+'</span></a>');
-                });
+                _.__tools.htmlReplace('#BlogPostCategory', /,/g, '')
+                _.__tools.articleInfo(obj, 1)
                 _.__tools.setDomHomePosition();
                 _.__tools.clearIntervalTimeId(_.__timeIds.articleInfoClassTId);
             }
@@ -78,11 +75,8 @@ export default function main(_) {
         _.__timeIds.articleInfoTagTId = window.setInterval(() => {
             let obj = $('#EntryTag').find('a');
             if (obj.length > 0) {
-                $.each(obj, (i) => {
-                    let tag = $(obj[i]);
-                    tag.prepend('<span class="iconfont icon-label_fill"></span>');
-                    $('#articleInfo').append('<a href="'+tag.attr('href')+'" target="_blank"><span class="article-info-tag article-tag-color">'+(tag.text())+'</span></a>');
-                });
+                _.__tools.htmlReplace('#EntryTag', /,/g, '')
+                _.__tools.articleInfo(obj, 2)
                 _.__tools.setDomHomePosition();
                 _.__tools.clearIntervalTimeId(_.__timeIds.articleInfoTagTId);
             }

diff --git a/src/utils/tools.js b/src/utils/tools.js
@@ -208,5 +208,31 @@ export default function main() {
             return `${minTime}:${second}`;
         },
 
+        /**
+         * 替换HTML内容
+         *
+         * @param {string} id 内容
+         * @param {string} reg 正则
+         * @param {string} replacement 替换内容
+         */
+        htmlReplace: (id, reg, replacement) => {
+            $(id).html($(id).html().replace(reg, replacement))
+        },
+
+        /**
+         * 处理文章信息分类和标签
+         * @param obj {object} 获取的dom对象
+         * @param type {number} 1为分类 2为标签
+         */
+        articleInfo: (obj, type) => {
+            let iconfont = type === 1 ? 'icon-marketing_fill' : 'icon-label-fill'
+            let style = type === 1 ? 'article-tag-class-color' : 'article-tag-color'
+            $.each(obj, i => {
+                let tag = $(obj[i])
+                tag.prepend(`<span class="iconfont ${iconfont}"></span>`)
+                $('#articleInfo').append(`<a href=" ${tag.attr('href')}" target="_blank"><span class="article-info-tag ${style}"> ${ tag.text()}</span></a>`)
+            })
+}
+
     };
 }