feat: 首页的调整
This commit is contained in:
@@ -138,7 +138,7 @@
|
|||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
|
||||||
<!-- 输入框区域 -->
|
<!-- 输入框区域 -->
|
||||||
<view class="mb-[24px] mt-[8px] mx-[12px] pt-[4px] pb-[8px] shrink-0 rounded-[16px] shadow-[0_0_6px_0_rgba(0,0,0,0.05)]">
|
<view class="mb-[22px] mt-[6px] mx-[12px] pt-[2px] pb-[8px] shrink-0 rounded-[16px] border border-white shadow-[0_0_6px_0_rgba(0,0,0,0.05)]">
|
||||||
<ChatQuickAccess />
|
<ChatQuickAccess />
|
||||||
<ChatInputArea ref="inputAreaRef" v-model="inputMessage" :holdKeyboard="holdKeyboard"
|
<ChatInputArea ref="inputAreaRef" v-model="inputMessage" :holdKeyboard="holdKeyboard"
|
||||||
:is-session-active="isSessionActive" :stop-request="stopRequest" @send="sendMessageAction"
|
:is-session-active="isSessionActive" :stop-request="stopRequest" @send="sendMessageAction"
|
||||||
|
|||||||
@@ -94,7 +94,7 @@ const clickItem = (item) => {
|
|||||||
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
border: 1px solid rgba(255, 255, 255, 0.9);
|
border: 1px solid rgba(255, 255, 255, 0.9);
|
||||||
background: rgba(255, 255, 255, 0.96);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.notice-footer {
|
.notice-footer {
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<!-- 主景区 -->
|
<!-- 主景区 -->
|
||||||
<view
|
<view
|
||||||
v-if="panoramaMainCards.length > 0"
|
v-if="panoramaMainCards.length > 0"
|
||||||
class="relative h-[158px] w-full overflow-hidden rounded-[18px] bg-[#17463d]"
|
class="relative h-[162px] w-full overflow-hidden rounded-[18px] bg-[#17463d] border border-white"
|
||||||
hover-class="opacity-90"
|
hover-class="opacity-90"
|
||||||
hover-stay-time="80"
|
hover-stay-time="80"
|
||||||
@tap="handleCardTap(panoramaMainCards[0])"
|
@tap="handleCardTap(panoramaMainCards[0])"
|
||||||
@@ -24,8 +24,8 @@
|
|||||||
</text>
|
</text>
|
||||||
|
|
||||||
<view class="mt-[15px] flex h-[36px] items-center rounded-full bg-white/95 px-[16px]">
|
<view class="mt-[15px] flex h-[36px] items-center rounded-full bg-white/95 px-[16px]">
|
||||||
<text class="text-[14px] font-semibold text-[#149474]">开始探索</text>
|
<text class="text-[14px] font-semibold text-[#149474] mr-[4px]">开始探索</text>
|
||||||
<text class="ml-[9px] text-[22px] leading-none text-[#149474]">→</text>
|
<uni-icons type="arrow-right" size="16" color="#149474" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -33,7 +33,9 @@
|
|||||||
v-if="panoramaMainCards[0].locationName"
|
v-if="panoramaMainCards[0].locationName"
|
||||||
class="absolute bottom-[14px] right-[14px] flex h-[28px] items-center rounded-full border border-white/35 bg-black/20 px-[10px]"
|
class="absolute bottom-[14px] right-[14px] flex h-[28px] items-center rounded-full border border-white/35 bg-black/20 px-[10px]"
|
||||||
>
|
>
|
||||||
<text class="mr-[5px] text-[13px] leading-none text-white">⌖</text>
|
<view class="mr-[5px] flex items-center">
|
||||||
|
<uni-icons type="location" size="15" color="#FFFFFF" />
|
||||||
|
</view>
|
||||||
<text class="text-[11px] text-white/90">{{ panoramaMainCards[0].locationName }}</text>
|
<text class="text-[11px] text-white/90">{{ panoramaMainCards[0].locationName }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -45,7 +47,7 @@
|
|||||||
>
|
>
|
||||||
<view
|
<view
|
||||||
v-if="panoramaOtherCards.length > 0"
|
v-if="panoramaOtherCards.length > 0"
|
||||||
class="relative col-span-6 row-span-2 min-h-0 overflow-hidden rounded-[18px] bg-[#173a34]"
|
class="relative col-span-6 row-span-2 min-h-0 overflow-hidden rounded-[18px] bg-[#173a34] border border-white"
|
||||||
hover-class="opacity-90"
|
hover-class="opacity-90"
|
||||||
hover-stay-time="80"
|
hover-stay-time="80"
|
||||||
@tap="handleCardTap(activeOtherCard)"
|
@tap="handleCardTap(activeOtherCard)"
|
||||||
@@ -80,8 +82,8 @@
|
|||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="pointer-events-none absolute bottom-[16px] left-[16px] flex h-[46px] w-[46px] items-center justify-center rounded-full border border-white/20 bg-[#25a98f]/85">
|
<view class="pointer-events-none absolute bottom-[16px] left-[16px] flex h-[46px] w-[46px] items-center justify-center rounded-full border border-[#149474] bg-[rgba(0,0,0,0.3)]">
|
||||||
<text class="text-[27px] font-light leading-none text-white">→</text>
|
<uni-icons type="arrow-right" size="22" color="#FFFFFF" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view
|
<view
|
||||||
@@ -101,7 +103,7 @@
|
|||||||
<view
|
<view
|
||||||
v-for="(card, cardIndex) in fineFoodCards"
|
v-for="(card, cardIndex) in fineFoodCards"
|
||||||
:key="card.homePageId || cardIndex"
|
:key="card.homePageId || cardIndex"
|
||||||
class="relative col-span-6 aspect-video min-h-0 overflow-hidden rounded-[18px] bg-[#173a34]"
|
class="relative col-span-6 h-[130px] min-h-0 overflow-hidden rounded-[18px] bg-[#173a34] border border-white"
|
||||||
hover-class="opacity-90"
|
hover-class="opacity-90"
|
||||||
hover-stay-time="80"
|
hover-stay-time="80"
|
||||||
@tap="handleCardTap(card)"
|
@tap="handleCardTap(card)"
|
||||||
@@ -119,8 +121,8 @@
|
|||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="pointer-events-none absolute bottom-[10px] left-[12px] flex h-[30px] w-[30px] items-center justify-center rounded-full border border-white/20 bg-[#9b7545]/80">
|
<view class="pointer-events-none absolute bottom-[10px] left-[12px] flex h-[46px] w-[46px] items-center justify-center rounded-full border border-white/20 bg-[rgba(0,0,0,0.3)]">
|
||||||
<text class="text-[20px] font-light leading-none text-white">→</text>
|
<uni-icons type="arrow-right" size="22" color="#FFFFFF" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -97,7 +97,7 @@ const queryTabsList = async (homePageId) => {
|
|||||||
const tabList = res.data;
|
const tabList = res.data;
|
||||||
if (tabList.length === 0) {
|
if (tabList.length === 0) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "暂无发现内容",
|
title: "暂无数据~",
|
||||||
icon: "none"
|
icon: "none"
|
||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
|
|||||||
Reference in New Issue
Block a user