fix:根据ui建议修改部分ui

src/pages/travel-notes/index.vue

@@ -18,13 +18,13 @@
               <img v-if="Array.isArray(itemData?.tourismUrlsAfterConvert)" :src="itemData?.tourismUrlsAfterConvert[0]" class="w-full h-full rounded object-cover" alt="" srcset="" />
             </div>
             <div class="h-80  pl-[5px] flex flex-col text-[#FD9A00] justify-between  w-[calc(100%-120px)]">
-              <div class="truncate w-full text-[14px] ">
+              <div class="truncate w-full text-[14px] font-bold">
                 <img v-if="itemData.isOriginal == 1" src="~/assets/img/yuanchuang.png"  class="mt-3 w-[30px] h-[16px]" alt="" style="float:left;">
                 {{ itemData.projectTitle }}
               </div>
               <div class="w-full overflow-x-auto scrollbar" v-if="itemData.noteLabel">
                 <div class="flex flex-nowrap">
-                  <div v-for="tag in convertTag(itemData.noteLabel)" class="p-2 rounded-full border border-[#FD9A00] text-[10px] pr-12 pl-12 float-left mr-10 shrink-0">{{ tag }}</div>
+                  <div v-for="tag in convertTag(itemData.noteLabel)" class=" rounded-full border border-[#FD9A00] text-[10px] pr-6 pl-6 float-left mr-10 shrink-0">{{ tag }}</div>
                 </div>
               </div>
               <div class="flex justify-end items-center text-[12px] text-[#999]">
@@ -37,7 +37,7 @@
               </div>
             </div>
             <div class="w-full h-10 absolute top-[100%] left-0 flex items-center justify-between">
-              <div v-for="item in 40" class="w-[2%] h-[1px] border border-[#ddd]"></div>
+              <div v-for="item in 40" class="w-[3%] h-[1px] border border-[#ddd]" style="transform:scale(0.5)"></div>
             </div>
           </NuxtLink>
         </template>

src/pages/yj/[id].vue

@@ -5,7 +5,7 @@
         <img v-if="Array.isArray(detailData?.tourismUrlsAfterConvert)" :src="detailData?.tourismUrlsAfterConvert[0]" class="aspect-[316/204] w-full object-cover rounded" />
         <div class="flex mt-10">
           <img src="~/assets/img/article_title.png" class="w-[32px] h-[32px] shrink-0" alt="">
-          <div class="ml-10 text-[16px] text-[#333] leading-[28px]">
+          <div class="ml-10 text-[16px] text-[#333] leading-[28px] font-bold">
             <span v-if="detailData.isOrigin == 1" class="text-[#FD9A00]">【原创】</span>
             {{ detailData.projectTitle }}
           </div>
@@ -186,16 +186,19 @@
             </div>
           </div>
         </template>
-        <div class="mt-10">
+        <div class="mt-20">
           <div class="flex items-center space-x-10">
             <img src="~/assets/img/yj/recomend_travel_note_icon.png" class="h-[27px] w-[36px] object-cover" alt="" srcset="" />
             <div class="text-[16px] font-bold text-black-3">热门游记</div>
           </div>
-          <div class="mt-5 divide-y">
-            <NuxtLink :to="`/yj/${item.id}`" class="group flex cursor-pointer items-center space-x-10 py-15" v-for="(item, index) in dataList.dataList
+          <div class="">
+            <NuxtLink :to="`/yj/${item.id}`" class="group flex cursor-pointer items-center space-x-10 py-10" v-for="(item, index) in dataList.dataList
 " :key="item.id">
+              <div v-if="index<4" class="w-[15px] h-[15px] bg-[#000] text-[#fff] rounded flex items-center justify-center" :style="{background:['#FD9A00','#33B724','#F02626','#CACACA'][index]}" >
+                {{ index + 1 }}
+              </div>
               <img :src="item?.homeHotPicturesAfterConvert?.length ? item.homeHotPicturesAfterConvert[0] : ''"
-                class="h-80 w-80 shrink-0 rounded-xl object-cover" alt="" />
+                class="h-65 w-65 shrink-0 rounded-xl object-cover" alt="" />
               <div class="w-0 flex-1">
                 <div class="truncate text-xl font-semibold text-black-3 group-hover:text-linkHover">
                   {{ item.projectTitle }}