amass/md
1
0
Fork 0
mirror of https://github.com/doocs/md.git synced 2024-11-24 19:10:34 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: update the width of image

Browse Source 
更新图片展示宽度
This commit is contained in:
yanglbme 2019-12-19 09:26:01 +08:00
parent 77506f93bb
commit 997db36d5e
2 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/scripts/themes/default-theme.js
View File

@ -21,7 +21,7 @@ let default_theme = {
// 二级标题样式 // 二级标题样式
h2: { h2: {
'font-size': '1.1em', 'font-size': '1.2em',
'text-align': 'center', 'text-align': 'center',
'font-weight': 'bold', 'font-weight': 'bold',
'display': 'table', 'display': 'table',

16
index.html
View File

@ -43,9 +43,9 @@
<el-container> <el-container>
<el-header class="top"> <el-header class="top">
<!-- 图片上传 --> <!-- 图片上传 -->
<el-upload action="https://imgkr.com/api/files/upload" <el-upload action="https://imgkr.com/api/files/upload" headers="{'Content-Type': 'multipart/form-data'}"
headers="{'Content-Type': 'multipart/form-data'}" :show-file-list="false" :multiple="true" :show-file-list="false" :multiple="true" accept=".jpg,.jpeg,.png,.gif" name="file" :on-success="uploaded"
accept=".jpg,.jpeg,.png,.gif" name="file" :on-success="uploaded" :on-error="failed"> :on-error="failed">
<el-tooltip class="item" effect="dark" content="点击上传图片" placement="bottom-start"> <el-tooltip class="item" effect="dark" content="点击上传图片" placement="bottom-start">
<i class="el-icon-upload" size="medium">&nbsp;</i> <i class="el-icon-upload" size="medium">&nbsp;</i>
</el-tooltip> </el-tooltip>
@ -80,14 +80,12 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-tooltip content="自定义颜色" placement="top">
<el-color-picker v-model="currentColor" size="mini" show-alpha @change="colorChanged"></el-color-picker> <el-color-picker v-model="currentColor" size="mini" show-alpha @change="colorChanged"></el-color-picker>
</el-tooltip>
&nbsp;&nbsp; &nbsp;&nbsp;
<el-tooltip content="微信外链自动转为文末引用" placement="top"> <el-tooltip content="微信外链自动转为文末引用" placement="top">
<el-switch <el-switch v-model="status" active-color="#67c23a" inactive-color="#dcdfe6" @change="statusChanged">
v-model="status"
active-color="#67c23a"
inactive-color="#dcdfe6"
@change="statusChanged">
</el-switch> </el-switch>
</el-tooltip> </el-tooltip>
</el-form> </el-form>
@ -126,7 +124,7 @@
<h3>一款高度简洁的微信 Markdown 编辑器</h3> <h3>一款高度简洁的微信 Markdown 编辑器</h3>
</div> </div>
<div style="text-align: center;"> <div style="text-align: center;">
<img src="assets/images/qrcode-for-doocs.jpg" style="max-width: 300px"> <img src="assets/images/qrcode-for-doocs.jpg" style="width: 60%; display: block; margin: 0 auto;">
<p>扫码关注我的公众号，原创技术文章第一时间推送！</p> <p>扫码关注我的公众号，原创技术文章第一时间推送！</p>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">