From fc0c102554f509989dd74b199f298a67f266c3c8 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 25 Feb 2022 12:11:27 +0800
Subject: [PATCH] 虫洞添加,统计代码添加,样式局部调整
---
src/components/mini/box12-comment.vue | 122 +++++++++++++++++-----------------------
1 files changed, 52 insertions(+), 70 deletions(-)
diff --git a/src/components/mini/box12-comment.vue b/src/components/mini/box12-comment.vue
index fc1468c..ce7c80a 100644
--- a/src/components/mini/box12-comment.vue
+++ b/src/components/mini/box12-comment.vue
@@ -1,91 +1,72 @@
<template>
<div class="myFriend">
- <a-form-model ref="myForm" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
- <div style="display: flex;justify-content: center; ">
- <a-form-model-item label="昵称">
- <a-input v-model="form.secret" autocomplete='new-password' type="password" placeholder="昵称">
- </a-input>
- </a-form-model-item>
- <a-form-model-item label="邮箱">
- <a-input v-model="form.secret" autocomplete='new-password' type="password" placeholder="邮箱">
- </a-input>
- </a-form-model-item>
- <a-form-model-item label="主页">
- <a-input v-model="form.secret" autocomplete='new-password' type="password" placeholder="主页">
- </a-input>
- </a-form-model-item>
- </div>
+ <a-form-model ref="myForm" layout="inline" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
+ <a-form-model-item label="昵称">
+ <a-input v-model="form.secret" placeholder="..">
+ </a-input>
+ </a-form-model-item>
+ <a-form-model-item label="邮箱">
+ <a-input v-model="form.secret" placeholder="..仅后台可见">
+ </a-input>
+ </a-form-model-item>
+ <a-form-model-item label="主页">
+ <a-input v-model="form.secret" placeholder="http:// or https://">
+ </a-input>
+ </a-form-model-item>
+
</a-form-model>
-
<a-comment>
- <!-- <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
- alt="Han Solo" /> -->
<div slot="content">
<a-form-item>
- <a-textarea :rows="4" :value="value" @change="handleChange" />
+ <a-textarea :rows="4" :value="value" />
</a-form-item>
<a-form-item>
- <a-button html-type="submit" :loading="submitting" type="primary" @click="handleSubmit">
+ <a-button html-type="submit" type="primary">
高低整两句
</a-button>
+ <div>
+ <a-checkbox style="margin-left: 8px;">
+ 悄悄回复<span class="myTip">(仅登录后可查看)</span>
+ </a-checkbox>
+ <a-checkbox>
+ 接收邮件回复通知
+ </a-checkbox>
+ </div>
</a-form-item>
</div>
</a-comment>
<a-comment>
- <span slot="actions" key="comment-nested-reply-to">Reply to</span>
+ <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span>
<a slot="author">Han Solo</a>
<a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
alt="Han Solo" />
- <p slot="content">
- We supply a series of design principles, practical patterns and high quality design resources
- (Sketch and Axure).
- </p>
- <a-collapse v-model="activeKey">
- <a-collapse-panel key="1" header="展开">
- <a-comment>
- <span slot="actions">Reply to</span>
- <a slot="author">Han Solo</a>
- <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
- alt="Han Solo" />
- <p slot="content">
- We supply a series of design principles, practical patterns and high quality design
- resources (Sketch and Axure).
- </p>
- <a-comment>
- <span slot="actions">Reply to</span>
- <a slot="author">Han Solo</a>
- <a-avatar slot="avatar"
- src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo" />
- <p slot="content">
- We supply a series of design principles, practical patterns and high quality design
- resources (Sketch and Axure).
- </p>
- </a-comment>
- <a-comment>
- <span slot="actions">Reply to</span>
- <a slot="author">Han Solo</a>
- <a-avatar slot="avatar"
- src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo" />
- <p slot="content">
- We supply a series of design principles, practical patterns and high quality design
- resources (Sketch and Axure).
- </p>
- </a-comment>
- </a-comment>
- </a-collapse-panel>
- </a-collapse>
- </a-comment>
- <a-comment>
- <span slot="actions">Reply to</span>
- <a slot="author">Han Solo</a>
- <a-avatar slot="avatar"
- src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo" />
- <p slot="content">
- We supply a series of design principles, practical patterns and high quality design
- resources (Sketch and Axure).
+ <p slot="content">1+1=?</p>
+
+ <a-comment>
+ <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span>
+ <a slot="author">yi @ Han Solo</a>
+ <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+ alt="Han Solo" />
+ <p slot="content">2!
</p>
+ <a-comment>
+ <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span>
+ <a slot="author">bimo @ yi</a>
+ <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+ alt="Han Solo" />
+ <p slot="content">不对3!
+ </p>
+ </a-comment>
+ <a-comment>
+ <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span>
+ <a slot="author">er @ yi</a>
+ <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+ alt="Han Solo" />
+ <p slot="content">+∞
+ </p>
+ </a-comment>
</a-comment>
</a-comment>
</div>
@@ -96,12 +77,13 @@
export default {
data() {
return {
+ value: "",
labelCol: {
- span: 5,
+ span: 6,
offset: 0,
},
wrapperCol: {
- span: 15,
+ span: 18,
offset: 0
},
form: {
--
Gitblit v1.9.1