style: 禁用下划线

IdeaLeap · Feb 5, 2023 · 2d40b27 · 2d40b27
1 parent 575cb21
commit 2d40b27
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/frontend/components/ArticlesList/Item/Bar/Top.vue b/frontend/components/ArticlesList/Item/Bar/Top.vue
@@ -25,14 +25,14 @@ defineProps({
         :motto="authorId.motto"
         :avatar="authorId.avatar"
         :rank="authorId.rank"
-        class="author_info"
+        class="author-info"
       />
     </div>
     <span :class="`duration ${tags.length ? 'duration-r' : ''}`">{{ duration }}</span>
-    <div class="tag_container">
+    <div class="tag-container">
       <div v-for="(item, index) of tags" :key="item.tag" class="tag">
-        <span class="tag_content">{{ item.tag }}</span>
-        <div v-if="index !== tags.length - 1" class="tag_icon" />
+        <span class="tag-content">{{ item.tag }}</span>
+        <div v-if="index !== tags.length - 1" class="tag-icon" />
       </div>
     </div>
   </div>
@@ -45,13 +45,13 @@ defineProps({
 .author_id {
   @apply transition text-jj-font-normal px-3 border-r-1 pl-0 hover:text-jj-brand-normal
 }
-.author_info {
+.author-info {
   @apply scale-0 delay-150 transition-all text-black
 }
-.author_info:hover {
+.author-info:hover {
   @apply scale-100;
 }
-.name:hover+.author_info {
+.name:hover+.author-info {
   @apply scale-100
 }
 .duration {
@@ -60,16 +60,16 @@ defineProps({
 .duration-r {
   @apply border-r-1
 }
-.tag_container {
+.tag-container {
   @apply flex px-3
 }
 .tag {
   @apply items-center flex
 }
-.tag_content {
+.tag-content {
   @apply transition px-0 text-jj-thirdly hover:text-primary
 }
-.tag_icon {
+.tag-icon {
   @apply i-carbon-circle-solid px-2 text-[0.15rem]
 }
 </style>
diff --git a/frontend/components/Types/index.vue b/frontend/components/Types/index.vue
@@ -13,6 +13,7 @@ const isNavShown = inject('isNavShown')
       <NuxtLink v-for="item in typeList" :key="item.type" class="type-list-item" :to="`/${item.type}`">
         {{ item.alias }}
       </NuxtLink>
+      <!-- <span class="type-manage type-list-item">标签管理</span> -->
     </div>
   </div>
 </template>
@@ -49,8 +50,9 @@ const isNavShown = inject('isNavShown')
 
 .type-list{
   line-height: 1;
-  @apply list-none ma max-w-[60rem] h-full;
+  @apply list-none ma max-w-[960px] h-full;
   @apply overflow-x-auto flex items-center;
+  @apply relative;
 }
 
 .type-list::-webkit-scrollbar {
@@ -60,4 +62,8 @@ const isNavShown = inject('isNavShown')
 .type-list-item.router-link-exact-active {
     @apply opacity-100 text-primary;
 }
+
+.type-manage{
+  @apply absolute right-0 top-0;
+}
 </style>