| | |
| | | <template> |
| | | <div class="myModal"> |
| | | <a-modal v-model="visible" title="编辑预览" on-ok="handleOk" width="90%" :footer="null" |
| | | <a-modal v-model="visible" title="编辑预览" width="60%" :footer="null" |
| | | :bodyStyle="{'overflow':'overlay','width': '100%','height': '100%'}"> |
| | | <div style="display: flex;"> |
| | | <a-textarea style="height: 750px;min-width: 50%" v-model="text" :rows="4" /> |
| | | <div class="markdown-body article-detail" style="min-width: 50%;"> |
| | | <a-textarea style="height: 750px;min-width: 50%" v-model="text" /> |
| | | <div class="markdown-body article-detail" style="min-width: 50%;border: 1px solid #d9d9d9;"> |
| | | <vue-markdown :source="text"></vue-markdown> |
| | | </div> |
| | | </div> |
| | |
| | | data() { |
| | | return { |
| | | visible: false, |
| | | text: "### 长安古意 \r* 十里平湖霜满天 \r* 寸寸青丝愁华年 \r* 对月形单望相护 \r* 只羡鸳鸯不羡仙 ", |
| | | text: "### 十里平湖 \r> ##### (卢照邻) \r> 化自《长安古意》 \r* 十里平湖霜满天 \r* 寸寸青丝愁华年 \r* 对月形单望相护 \r* 只羡鸳鸯不羡仙 \r![](http://blog.inleft.com/photo/example.jpg)", |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | showModal() { |
| | | this.visible = true; |
| | | }, |
| | | handleOk(e) { |
| | | console.log(111); |
| | | }, |
| | | |
| | | handleCancel(e) { |
| | | this.visible = false; |
| | | }, |
| | |
| | | busy: false, |
| | | size: "small", |
| | | total: 1, |
| | | pageSize: 10, |
| | | pageSize: 6, |
| | | current: 1, |
| | | defaultPageSize:10 |
| | | }; |
| | |
| | | <a-row> |
| | | <a-col v-bind="colApiMain " class="holdHeight"> |
| | | <a-page-header title="我的网盘" style="padding: 0px;" @back="() => this.$router.go(-1)" /> |
| | | <!-- <net-file></net-file> --> |
| | | <myVideo></myVideo> |
| | | <net-file></net-file> |
| | | <!-- <myVideo></myVideo> --> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |