From 6d792fcaedd9a652f62478fcc023828b6ce97424 Mon Sep 17 00:00:00 2001 From: yanglbme Date: Fri, 1 Nov 2019 19:44:06 +0800 Subject: [PATCH] feat: update style --- assets/scripts/editor.js | 4 +- assets/scripts/renderers/wx-renderer.js | 2 +- assets/scripts/themes/default.js | 1 - assets/scripts/themes/lupeng.js | 125 ------------------------ assets/scripts/themes/lyric.js | 116 ---------------------- 5 files changed, 2 insertions(+), 246 deletions(-) delete mode 100644 assets/scripts/themes/lupeng.js delete mode 100644 assets/scripts/themes/lyric.js diff --git a/assets/scripts/editor.js b/assets/scripts/editor.js index 2d8bd25..748a12e 100644 --- a/assets/scripts/editor.js +++ b/assets/scripts/editor.js @@ -28,9 +28,7 @@ let app = new Vue({ { label: '17px', value: '17px', desc: '很大' }, ], themeOption: [ - { label: 'default', value: 'default', author: '张凯强' }, - { label: 'lyric', value: 'lyric', author: 'Lyric' }, - { label: 'lupeng', value: 'lupeng', author: '鲁鹏' } + { label: 'default', value: 'default', author: '杨立滨' }, ], styleThemes: { default: defaultTheme, diff --git a/assets/scripts/renderers/wx-renderer.js b/assets/scripts/renderers/wx-renderer.js index 5c550d7..78938cd 100644 --- a/assets/scripts/renderers/wx-renderer.js +++ b/assets/scripts/renderers/wx-renderer.js @@ -65,7 +65,7 @@ let WxRenderer = function (opts) { } return `[${ x[0] }] ${ x[1] }: ${ x[2] }
` }); - return `

References

${ footnoteArray.join('\n') }

` + return `

引用链接

${ footnoteArray.join('\n') }

` }; this.buildAddition = function () { diff --git a/assets/scripts/themes/default.js b/assets/scripts/themes/default.js index dcb93a6..6d87da2 100644 --- a/assets/scripts/themes/default.js +++ b/assets/scripts/themes/default.js @@ -119,7 +119,6 @@ let defaultTheme = { wx_link: { 'color': '#576b95', 'text-decoration': 'none', - 'border-bottom': '1px solid #d1e9ff' }, strong: { 'color': '#ff5f2e', diff --git a/assets/scripts/themes/lupeng.js b/assets/scripts/themes/lupeng.js deleted file mode 100644 index 12b65b6..0000000 --- a/assets/scripts/themes/lupeng.js +++ /dev/null @@ -1,125 +0,0 @@ -let lupengTheme = { - BASE: { - 'text-align': 'left', - 'color': '#595959', - 'line-height': '1.55em', - 'letter-spacing': '0.06em' - }, - BASE_BLOCK: { - 'margin': '20px 10px' - }, - block: { - h1: { - 'font-size': '140%', - 'text-align': 'center', - 'font-weight': 'normal', - 'margin': '80px 10px 40px 10px' - }, - h2: { - 'font-size': '140%', - 'text-align': 'center', - 'font-weight': 'normal', - 'margin': '80px 10px 40px 10px' - }, - h3: { - 'font-weight': 'bold', - 'font-size': '120%', - 'margin': '40px 10px 20px 10px' - }, - h4: { - 'font-weight': 'bold', - 'font-size': '100%', - 'margin': '20px 10px 10px 10px' - }, - p: { - 'margin': '10px 10px', - 'line-height': '1.6' - }, - blockquote: { - 'color': '#9a9a9a', - 'padding-left': '10px', - // 'padding-top': '0.05px', - 'background-color': '#fefefe', - 'line-height': '1.6', - 'border-left': '3px solid #dbdbdb', - 'font-size': '15px', - 'margin': '1em 0' - }, - code: { - 'font-size': '80%', - 'overflow': 'auto', - 'color': '#333', - 'background': 'rgb(247, 247, 247)', - 'border-radius': '2px', - 'padding': '10px', - 'line-height': '1.3', - 'border': '1px solid rgb(236,236,236)', - 'margin': '20px 0', - }, - image: { - 'border-radius': '4px', - 'display': 'block', - 'margin': '20px auto', - 'width': '100%', - }, - image_org: { - 'border-radius': '4px', - 'display': 'block', - }, - ol: { - 'margin-left': '0', - 'padding-left': '20px' - }, - ul: { - 'margin-left': '0', - 'padding-left': '20px', - 'list-style': 'circle', - }, - footnotes: { - 'margin': '10px 10px', - 'font-size': '14px' - } - }, - inline: { - // inline element - listitem: { - 'text-indent': '-20px', - 'display': 'block', - 'margin': '10px 10px', - }, - codespan: { - 'font-size': '0.8em', - 'color': '#d14', - 'background': '#fefefe', - 'padding': '3px 5px 0px', - 'margin': '0px 2px', - 'border': '1px solid #ddd', - 'border-radius': '3px', - }, - link: { - 'color': '#ff3502' - }, - wx_link: { - 'color': '#576b95', - 'text-decoration': 'none' - }, - strong: { - 'font-weight': 'bold', - }, - table: { - 'border-collapse': 'collapse', - 'margin': '20px 0', - }, - thead: { - 'background': 'rgba(0,0,0,0.05)', - }, - td: { - 'font-size': '80%', - 'border': '1px solid #dfdfdf', - 'padding': '4px 8px', - }, - footnote: { - 'font-size': '12px', - } - } -}; diff --git a/assets/scripts/themes/lyric.js b/assets/scripts/themes/lyric.js deleted file mode 100644 index fa72434..0000000 --- a/assets/scripts/themes/lyric.js +++ /dev/null @@ -1,116 +0,0 @@ -let lyricTheme = { - BASE: { - 'text-align': 'left', - 'color': '#3f3f3f', - 'line-height': '1.5' - }, - BASE_BLOCK: { - 'margin': '20px 10px' - }, - // block element - block: { - h1: { - 'font-size': '140%', - 'text-align': 'center', - 'font-weight': 'normal', - 'margin': '80px 10px 40px 10px' - }, - h2: { - 'font-size': '140%', - 'text-align': 'center', - 'font-weight': 'normal', - 'margin': '80px 10px 40px 10px' - }, - h3: { - 'font-weight': 'bold', - 'font-size': '120%', - 'margin': '40px 10px 20px 10px' - }, - h4: { - 'font-weight': 'bold', - 'font-size': '100%', - 'margin': '20px 10px 10px 10px' - }, - p: { - 'margin': '10px 10px', - 'line-height': '1.6' - }, - blockquote: { - 'color': 'rgb(91, 91, 91)', - 'padding': '1px 0 1px 10px', - 'background': 'rgba(158, 158, 158, 0.1)', - 'border-left': '3px solid rgb(158,158,158)', - }, - code: { - 'font-size': '80%', - 'overflow': 'auto', - 'color': '#333', - 'background': 'rgb(247, 247, 247)', - 'border-radius': '2px', - 'padding': '10px', - 'line-height': '1.3', - 'border': '1px solid rgb(236,236,236)', - 'margin': '20px 0', - }, - image: { - 'border-radius': '4px', - 'display': 'block', - 'margin': '20px auto', - 'width': '100%', - }, - image_org: { - 'border-radius': '4px', - 'display': 'block', - }, - ol: { - 'margin-left': '0', - 'padding-left': '20px' - }, - ul: { - 'margin-left': '0', - 'padding-left': '20px', - 'list-style': 'circle', - }, - footnotes: { - 'margin': '10px 10px', - 'font-size': '14px' - } - }, - inline: { - // inline element - listitem: { - 'text-indent': '-20px', - 'display': 'block', - 'margin': '10px 10px', - }, - codespan: { - 'font-size': '90%', - // 'font-family': FONT_FAMILY_MONO, - 'color': '#ff3502', - 'background': '#f8f5ec', - 'padding': '3px 5px', - 'border-radius': '2px', - }, - link: { - 'color': '#ff3502' - }, - strong: { - 'color': '#ff3502' - }, - table: { - 'border-collapse': 'collapse', - 'margin': '20px 0', - }, - thead: { - 'background': 'rgba(0,0,0,0.05)', - }, - td: { - 'font-size': '80%', - 'border': '1px solid #dfdfdf', - 'padding': '4px 8px', - }, - footnote: { - 'font-size': '12px', - } - } -};