inleft
2022-03-01 ec97e05d923dc7a343b16ddd5134f1dff8071051
commit | author | age
9c695b 1 <template>
I 2     <div class="myModal">
a71b64 3         <a-modal v-model="visible" title="编辑预览"  width="60%" :footer="null"
9c695b 4             :bodyStyle="{'overflow':'overlay','width': '100%','height': '100%'}">
I 5             <div style="display: flex;">
a71b64 6                 <a-textarea style="height: 750px;min-width: 50%" v-model="text"  />
I 7                 <div class="markdown-body article-detail" style="min-width: 50%;border: 1px solid #d9d9d9;">
9c695b 8                     <vue-markdown  :source="text"></vue-markdown>
I 9                 </div>
10             </div>
11         </a-modal>
12     </div>
13
14 </template>
15
16 <script>
17     import VueMarkdown from 'vue-markdown'
18
19     import md5 from 'js-md5';
20     export default {
21         components: {
22             VueMarkdown
23         },
24         data() {
25             return {
26                 visible: false,
a71b64 27                 text: "### 十里平湖 \r> ##### (卢照邻)  \r> 化自《长安古意》 \r* 十里平湖霜满天 \r* 寸寸青丝愁华年 \r* 对月形单望相护 \r* 只羡鸳鸯不羡仙 \r![](http://blog.inleft.com/photo/example.jpg)",
9c695b 28             }
I 29         },
30         methods: {
31             getCalendarContainer(trigger) {
32                 return this.$refs.myModal;
33             },
34             showModal() {
35                 this.visible = true;
36             },
37             handleCancel(e) {
38                 this.visible = false;
39             },
40
41         },
42     }
43 </script>
44
45 <style>
46 </style>