|
@@ -19,7 +19,7 @@
|
|
|
v-for="item in rightData"
|
|
|
:key="item"
|
|
|
:to="`/travel/${item.id}?menuName=${item.menuName}`"
|
|
|
- class="flex flex-1 flex-col w-83 aspect-1 space-y-8 art items-center"
|
|
|
+ class="flex flex-col w-83 aspect-1 space-y-8 art items-center"
|
|
|
>
|
|
|
<image
|
|
|
:src="
|
|
@@ -27,8 +27,7 @@
|
|
|
? item.hotPictureUrlsAfterConvert[0]
|
|
|
: ''
|
|
|
"
|
|
|
- mode="widthFix"
|
|
|
- class="aspect-[84/63] h-62 w-full object-cover rounded-lg overflow-hidden"
|
|
|
+ class="empty-bc aspect-[84/63] h-62 w-full object-cover rounded-lg overflow-hidden"
|
|
|
/>
|
|
|
<span class="text-sm text-black-3 truncate">{{
|
|
|
item.menuName
|
|
@@ -68,4 +67,9 @@ onLoad((option) => {
|
|
|
.h-screen-reduced {
|
|
|
height: calc(100vh - 50px);
|
|
|
}
|
|
|
+.empty-bc {
|
|
|
+ background-image: url('@/static/empty.png');
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+}
|
|
|
</style>
|