From b1336e3f7fbc43854b6e891578a1d7673ea8e6dd Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Sun, 27 Feb 2022 23:35:17 +0800
Subject: [PATCH] 弹窗调整
---
src/components/mini/box12-comment.vue | 15 ++++++++-------
src/components/mini/tagTime.vue | 4 +++-
src/components/swichLabel/main1-show.vue | 2 ++
src/App.vue | 29 +++++++++++++++++++++++++++++
4 files changed, 42 insertions(+), 8 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 428e466..6607565 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -48,4 +48,33 @@
margin-top: 20px;
margin-bottom: 20px;
}
+
+ a {
+ color: #555;
+ position: relative;
+ }
+
+ a:hover:after {
+ left: 0;
+ width: 100%;
+ -webkit-transition: width 350ms;
+ -moz-transition: width 350ms;
+ -ms-transition: width 350ms;
+ -o-transition: width 350ms;
+ transition: width 350ms;
+ }
+
+ a:after {
+ position: absolute;
+ bottom: -0.0625rem;
+ left: 100%;
+ width: 0;
+ border-bottom: 0.0625rem solid #30a9de;
+ content: "";
+ -webkit-transition: width 350ms, left 350ms;
+ -moz-transition: width 350ms, left 350ms;
+ -ms-transition: width 350ms, left 350ms;
+ -o-transition: width 350ms, left 350ms;
+ transition: width 350ms, left 350ms;
+ }
</style>
diff --git a/src/components/mini/box12-comment.vue b/src/components/mini/box12-comment.vue
index c02960c..ae64ada 100644
--- a/src/components/mini/box12-comment.vue
+++ b/src/components/mini/box12-comment.vue
@@ -1,10 +1,10 @@
<template>
<div class="myFriend">
- <replyBox></replyBox>
+ <replyBox ref="commentBoxId"></replyBox>
<a-modal v-model="visible" title="回复Ta @xx" on-ok="handleOk"
:bodyStyle="{'overflow':'overlay','maxHeight': '550px'}">
- <template slot="footer">
- <!-- <a-button key="reset" @click="reset" type="danger">
+ <!-- <template slot="footer">
+ <a-button key="reset" @click="reset" type="danger">
擦掉重来
</a-button>
<a-button key="back" @click="handleCancel">
@@ -12,8 +12,8 @@
</a-button>
<a-button key="submit" type="primary" :loading="loading" @click="handleOk">
完事<span style="font-size: 10px;">儿</span>..
- </a-button> -->
- </template>
+ </a-button>
+ </template> -->
<replyBox ref="replyBoxId"></replyBox>
</a-modal>
@@ -59,6 +59,7 @@
replyBox
},
methods: {
+ handleOk(e) {},
loadMore() {
this.commentListData[0].replyList.listData = this.commentListData[0].replyList.listData.concat(this
.commentListData[0].replyList.listData)
@@ -74,7 +75,7 @@
},
data() {
return {
- visible: false,
+ visible: true,
commentListData: [{
userName: "bimo",
userComment: "1+1=2?",
@@ -104,7 +105,7 @@
replyUserName: "inleft",
}]
},
- },{
+ }, {
userName: "bimo",
userComment: "1+1=2?",
commentTime: "2022-02-22 22:22:22",
diff --git a/src/components/mini/tagTime.vue b/src/components/mini/tagTime.vue
index b3b9503..70c0931 100644
--- a/src/components/mini/tagTime.vue
+++ b/src/components/mini/tagTime.vue
@@ -72,11 +72,13 @@
<style lang="less">
+
.ant-timeline-item-content {
+
a {
color: #555;
}
-
+
span {
line-height: 30px;
}
diff --git a/src/components/swichLabel/main1-show.vue b/src/components/swichLabel/main1-show.vue
index 361d166..7b20388 100644
--- a/src/components/swichLabel/main1-show.vue
+++ b/src/components/swichLabel/main1-show.vue
@@ -162,6 +162,8 @@
</script>
<style lang="less">
+
+
@font-face {
font-family: 'HYTangMeiRen';
// font-display: swap;
--
Gitblit v1.9.1