fix: 文章作者栏无法弹出问题

IdeaLeap · Feb 12, 2023 · a6d91c9 · a6d91c9
1 parent 6981ea3
commit a6d91c9
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 8 deletions.
diff --git a/frontend/components/ArticlesList/Item/Ads.vue b/frontend/components/ArticlesList/Item/Ads.vue
@@ -4,7 +4,7 @@ const ad = inject<IArticleAd>('ads')
 </script>
 
 <template>
-  <li>
+  <li class="relative">
     <ArticlesListUiLink :to="ad?.url">
       <div class="overflow-hidden flex-1">
         <ArticlesListItemBarTop

diff --git a/frontend/components/ArticlesList/Item/Bar/Top.vue b/frontend/components/ArticlesList/Item/Bar/Top.vue
@@ -49,7 +49,7 @@ defineProps({
   @apply scale-0 delay-150 transition-all text-black
 }
 .info:hover {
-  @apply scale-100;
+  @apply scale-100
 }
 .name:hover+.info {
   @apply scale-100

diff --git a/frontend/components/ArticlesList/Item/index.vue b/frontend/components/ArticlesList/Item/index.vue
@@ -32,17 +32,17 @@ const hideHandler = (id: string) => {
 
 <style scoped>
 .list_container {
-  @apply relative;
+  @apply relative
 }
 
 .list_container:hover .icon {
-  @apply block;
+  @apply block
 }
 .left {
-  @apply flex-1 truncate;
+  @apply flex-1 truncate
 }
 .icon {
-  @apply i-carbon-close display-none cursor-pointer text-[16px] text-jj-fourthly hover:text-primary transition absolute top-[1rem] right-[1.67rem];
+  @apply i-carbon-close display-none cursor-pointer text-[16px] text-jj-fourthly hover:text-primary transition absolute top-[1rem] right-[1.67rem]
 }
 .link:visited :deep(.title) {
   @apply text-jj-navs-title

diff --git a/frontend/components/ArticlesList/Ui/Img.vue b/frontend/components/ArticlesList/Ui/Img.vue
@@ -21,7 +21,6 @@ defineProps({
 
 <style scoped>
 .cover {
-  /* display: none; */
   @apply aspect-[3/2] ml-[1.67rem] mb-[-1.85rem] w-[120px]
 }
 .avatar {

diff --git a/frontend/components/ArticlesList/Ui/Link.vue b/frontend/components/ArticlesList/Ui/Link.vue
@@ -12,7 +12,7 @@ defineProps({
 
 <style scoped>
 .link_container {
-  @apply relative transition flex-1 f-c-c transition-all all-cursor-pointer px-[1.67rem] pt-[1rem] pb-[10px] truncate
+  @apply transition flex-1 f-c-c transition-all all-cursor-pointer px-[1.67rem] pt-[1rem] pb-[10px] truncate
   @apply hover:bg-jj-hover
 }
 .link_container::after {