| commit | author | age | ||
| 81c155 | 1 | <template> |
| I | 2 | <div class="myFriend"> |
| fc0c10 | 3 | <a-form-model ref="myForm" layout="inline" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol"> |
| I | 4 | <a-form-model-item label="昵称"> |
| 5 | <a-input v-model="form.secret" placeholder=".."> | |
| 6 | </a-input> | |
| 7 | </a-form-model-item> | |
| 8 | <a-form-model-item label="邮箱"> | |
| 9 | <a-input v-model="form.secret" placeholder="..仅后台可见"> | |
| 10 | </a-input> | |
| 11 | </a-form-model-item> | |
| 12 | <a-form-model-item label="主页"> | |
| 13 | <a-input v-model="form.secret" placeholder="http:// or https://"> | |
| 14 | </a-input> | |
| 15 | </a-form-model-item> | |
| 16 | ||
| 81c155 | 17 | </a-form-model> |
| I | 18 | |
| 19 | <a-comment> | |
| 20 | <div slot="content"> | |
| 21 | <a-form-item> | |
| fc0c10 | 22 | <a-textarea :rows="4" :value="value" /> |
| 81c155 | 23 | </a-form-item> |
| I | 24 | <a-form-item> |
| fc0c10 | 25 | <a-button html-type="submit" type="primary"> |
| 81c155 | 26 | 高低整两句 |
| I | 27 | </a-button> |
| fc0c10 | 28 | <div> |
| I | 29 | <a-checkbox style="margin-left: 8px;"> |
| 30 | 悄悄回复<span class="myTip">(仅登录后可查看)</span> | |
| 31 | </a-checkbox> | |
| 32 | <a-checkbox> | |
| 33 | 接收邮件回复通知 | |
| 34 | </a-checkbox> | |
| 35 | </div> | |
| 81c155 | 36 | </a-form-item> |
| I | 37 | </div> |
| 38 | </a-comment> | |
| 39 | ||
| 40 | <a-comment> | |
| fc0c10 | 41 | <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span> |
| 81c155 | 42 | <a slot="author">Han Solo</a> |
| I | 43 | <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" |
| 44 | alt="Han Solo" /> | |
| fc0c10 | 45 | <p slot="content">1+1=?</p> |
| I | 46 | |
| 47 | <a-comment> | |
| 48 | <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span> | |
| 49 | <a slot="author">yi @ Han Solo</a> | |
| 50 | <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" | |
| 51 | alt="Han Solo" /> | |
| 52 | <p slot="content">2! | |
| 81c155 | 53 | </p> |
| fc0c10 | 54 | <a-comment> |
| I | 55 | <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span> |
| 56 | <a slot="author">bimo @ yi</a> | |
| 57 | <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" | |
| 58 | alt="Han Solo" /> | |
| 59 | <p slot="content">不对3! | |
| 60 | </p> | |
| 61 | </a-comment> | |
| 62 | <a-comment> | |
| 63 | <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span> | |
| 64 | <a slot="author">er @ yi</a> | |
| 65 | <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" | |
| 66 | alt="Han Solo" /> | |
| 67 | <p slot="content">+∞ | |
| 68 | </p> | |
| 69 | </a-comment> | |
| 81c155 | 70 | </a-comment> |
| I | 71 | </a-comment> |
| 72 | </div> | |
| 73 | </template> | |
| 74 | ||
| 75 | ||
| 76 | <script> | |
| 77 | export default { | |
| 78 | data() { | |
| 79 | return { | |
| fc0c10 | 80 | value: "", |
| 81c155 | 81 | labelCol: { |
| fc0c10 | 82 | span: 6, |
| 81c155 | 83 | offset: 0, |
| I | 84 | }, |
| 85 | wrapperCol: { | |
| fc0c10 | 86 | span: 18, |
| 81c155 | 87 | offset: 0 |
| I | 88 | }, |
| 89 | form: { | |
| 90 | secret: "" | |
| 91 | } | |
| 92 | } | |
| 93 | } | |
| 94 | } | |
| 95 | </script> | |
| 96 | ||
| 97 | <style> | |
| 98 | </style> | |
