Parcourir la source

首页样式继续修改

yanghao il y a 2 semaines
Parent
commit
dbfcbc242d
1 fichiers modifiés avec 4 ajouts et 8 suppressions
  1. 4 8
      src/views/index.vue

+ 4 - 8
src/views/index.vue

@@ -215,24 +215,20 @@
               href="javascript:;"
               class="news-item flex items-center gap-4 rounded-2xl px-2 py-1 transition duration-200 hover:bg-[#f8fbff]"
             >
-              <div class="news-thumb relative h-[98px] w-[128px] shrink-0">
+              <div class="news-thumb relative h-[60px] w-[80px] shrink-0">
                 <img
                   :src="news.image"
                   :alt="news.title"
-                  class="h-full w-full rounded-[18px] object-cover"
+                  class="h-full w-full rounded-[12px] object-cover"
                 />
-                <div class="news-thumb__overlay">
-                  <span>news</span>
-                  <span>news</span>
-                </div>
               </div>
               <div class="min-w-0 flex-1">
                 <div
-                  class="line-clamp-2 text-[18px] font-bold leading-[1.45] text-[#29466f] md:text-[20px]"
+                  class="text-xs font-bold text-slate-700 line-clamp-2 leading-snug"
                 >
                   {{ news.title }}
                 </div>
-                <div class="mt-4 text-[14px] text-[#98a7bb]">
+                <div class="mt-4 text-[12px] text-[#98a7bb]">
                   {{ news.date }}
                 </div>
               </div>