diff --git a/package.json b/package.json index cbf5257e35508ba5d4f1fb712815a66aedd6c3a4..9bb0da0a28d805baa0e152419bf4340e35e62115 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "markdown-editor", "description": " A open source markdown editor of csdn codechina team contributed", - "version": "0.6.3", + "version": "0.7.2", "publisher": "guoweijia", "scripts": { "start": "webpack serve --mode=development", diff --git a/src/App.vue b/src/App.vue index 24088ea0fe0d74b2a5336c8c12a4add76fdff067..bd4513502c9420e710106eb48b74d360b0e2997a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -406,7 +406,6 @@ export default { } }); }).then(res => { - console.log("返回的列表", res); res.forEach(item => { item.csdn = true; const linkEl = vDom.querySelector("#" + item.id); diff --git a/src/assets/js/utils.js b/src/assets/js/utils.js index c62328fca8de3a3c548dd5fad18ab99f8ff09e7e..22c3bb45594c0553ec575ce2a78f105f1ae22f97 100644 --- a/src/assets/js/utils.js +++ b/src/assets/js/utils.js @@ -77,7 +77,8 @@ export function initStyle({ codeBgColor, codeTheme, helpdocColor, - itemActiveBgColor + itemActiveBgColor, + linkCardBgColor }) { // 夜晚模式 if (dark) { @@ -91,6 +92,13 @@ export function initStyle({ contentBgColor = "#222226"; helpdocColor = "#CCCCD8"; itemActiveBgColor = "#777888"; + linkCardBgColor = "#222226"; + } + if (linkCardBgColor) { + document.documentElement.style.setProperty( + "--md-editor-link-card-bg-color", + linkCardBgColor + ); } if (frameBgColor) { document.documentElement.style.setProperty( @@ -193,9 +201,7 @@ export function checkBoswer() { } export function isAndroid() { - const agent = navigator.userAgent.match( - /(Android)/i - ); + const agent = navigator.userAgent.match(/(Android)/i); return agent !== null; } // 去除头部空格行 @@ -374,11 +380,15 @@ export function getLinkTitle(linkEl) { export function renderLinkCard(title, item) { return ` ${title || item.title || ""} - ${item.desc ? `${item.desc}` : ""} + ${ + item.description + ? `${item.description}` + : "" + } ${ - item.img - ? `` + item.icon + ? `` : "" } diff --git a/src/assets/style/card.less b/src/assets/style/card.less index a105b87dbb1ea59555df4a7447c9a39e8409abf5..9f10c4d77435fa07a6834a480ae6c816820cc436 100644 --- a/src/assets/style/card.less +++ b/src/assets/style/card.less @@ -5,7 +5,7 @@ box-sizing: border-box; border-radius: 4px; border: 1px solid var(--md-editor-border-color); - background: #f5f7fa; + background: var(--md-editor-link-card-bg-color); transition: border 0.3s; margin: 4px 0; max-width: 640px; diff --git a/src/assets/style/variable.less b/src/assets/style/variable.less index 40f8739711c4ddf598b05f831ba2cfe08c8e18ea..e16b33c7c776d201ea0fa6f8fe538efc49ef4679 100644 --- a/src/assets/style/variable.less +++ b/src/assets/style/variable.less @@ -10,6 +10,7 @@ --md-editor-item-active-bg-color: #f5f7fa; --md-editor-helpdoc-color: #666666; --md-editor-code-bg-color: #f3f4f5; + --md-editor-link-card-bg-color: #f5f7fa; --md-editor-fullScrren-zIndex: 2000; --md-editor-disabled-opacity: 0.5; } diff --git a/src/components/content/components/user-select.vue b/src/components/content/components/user-select.vue index c69275b9040994c9f44d20f25d35557ce5267c5d..a3f4b078b3c813bcc3a9c6e900497d1df4aeb466 100644 --- a/src/components/content/components/user-select.vue +++ b/src/components/content/components/user-select.vue @@ -25,7 +25,6 @@