From e33959d3ca88b9fae5f6fe1048c8a1f7751e6f21 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Wed, 02 Mar 2022 01:36:00 +0800
Subject: [PATCH] 完成评论页
---
src/App.vue | 35 +++++++++++++++++++++++++++++++----
1 files changed, 31 insertions(+), 4 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index c01b988..0c6f8b7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
<template>
- <div id="app" class="app" >
- <router-view class="" ></router-view>
+ <div id="app" class="app">
+ <router-view class=""></router-view>
</div>
</template>
@@ -14,8 +14,7 @@
computed: {},
created() {},
watch: {},
- methods: {
- }
+ methods: {}
}
</script>
@@ -49,4 +48,32 @@
margin-top: 20px;
margin-bottom: 20px;
}
+
+ a {
+ 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>
--
Gitblit v1.9.1