画廊-瀑布流实现

src/components/homeSide.vue

@@ -39,8 +39,8 @@
       <template #content>
         <div class="py-1" v-for="i in bdNews" :key="i.id">
           <a class="devui-link flex justify-between" :href="i.url" target="_blank">
-            <span>{{ i.index }}. {{ i.title }}
-              <icon-hot v-show="i.index < 4" class="w-4 text-[#ec66ab] inline-block"></icon-hot>
+            <span class="flex items-center">{{ i.index }}. {{ i.title }}
+              <icon-hot v-show="i.index < 4" class="ml-2 w-4 text-[red] inline-block"></icon-hot>
             </span>
             <span class="text-primary">{{ i.hot }}</span>
           </a>