mirror of
https://github.com/doocs/md.git
synced 2024-11-24 19:10:34 +08:00
feat: update style
This commit is contained in:
yanglbme
parent
eaf57ff6e9
commit
6d792fcaed
@ -28,9 +28,7 @@ let app = new Vue({
|
|||||||
{ label: '17px', value: '17px', desc: '很大' },
|
{ label: '17px', value: '17px', desc: '很大' },
|
||||||
],
|
],
|
||||||
themeOption: [
|
themeOption: [
|
||||||
{ label: 'default', value: 'default', author: '张凯强' },
|
{ label: 'default', value: 'default', author: '杨立滨' },
|
||||||
{ label: 'lyric', value: 'lyric', author: 'Lyric' },
|
|
||||||
{ label: 'lupeng', value: 'lupeng', author: '鲁鹏' }
|
|
||||||
],
|
],
|
||||||
styleThemes: {
|
styleThemes: {
|
||||||
default: defaultTheme,
|
default: defaultTheme,
|
||||||
|
|||||||
@ -65,7 +65,7 @@ let WxRenderer = function (opts) {
|
|||||||
}
|
}
|
||||||
return `<code style="font-size: 90%; opacity: 0.6;">[${ x[0] }]</code> ${ x[1] }: <i>${ x[2] }</i><br/>`
|
return `<code style="font-size: 90%; opacity: 0.6;">[${ x[0] }]</code> ${ x[1] }: <i>${ x[2] }</i><br/>`
|
||||||
});
|
});
|
||||||
return `<h3 ${ getStyles('h3') }>References</h3><p ${ getStyles('footnotes') }>${ footnoteArray.join('\n') }</p>`
|
return `<h3 ${ getStyles('h3') }>引用链接</h3><p ${ getStyles('footnotes') }>${ footnoteArray.join('\n') }</p>`
|
||||||
};
|
};
|
||||||
|
|
||||||
this.buildAddition = function () {
|
this.buildAddition = function () {
|
||||||
|
|||||||
@ -119,7 +119,6 @@ let defaultTheme = {
|
|||||||
wx_link: {
|
wx_link: {
|
||||||
'color': '#576b95',
|
'color': '#576b95',
|
||||||
'text-decoration': 'none',
|
'text-decoration': 'none',
|
||||||
'border-bottom': '1px solid #d1e9ff'
|
|
||||||
},
|
},
|
||||||
strong: {
|
strong: {
|
||||||
'color': '#ff5f2e',
|
'color': '#ff5f2e',
|
||||||
|
|||||||
@ -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',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
@ -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',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
Loading…
Reference in New Issue
Block a user