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 @@