feat: 新增ai搭子页面,去除不需要的图片
@ -8,6 +8,15 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/ai-dazi/index",
|
||||||
|
"style": {
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"app-plus": {
|
||||||
|
"bounce": "none"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/starbook/index",
|
"path": "pages/starbook/index",
|
||||||
"style": {
|
"style": {
|
||||||
|
|||||||
414
frontend/pages/ai-dazi/index.vue
Normal file
@ -0,0 +1,414 @@
|
|||||||
|
<template>
|
||||||
|
<view class="ai-dazi-container">
|
||||||
|
<!-- 背景图 -->
|
||||||
|
<image class="bg-image" src="/static/AIimg/beijing.png" mode="aspectFill" />
|
||||||
|
|
||||||
|
<!-- 左上角关闭按钮 -->
|
||||||
|
<view class="close-btn" @click="handleClose">
|
||||||
|
<image class="nav-back-icon" src="/static/icon/back.png" mode="aspectFit"></image>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 功能按钮区域 -->
|
||||||
|
<view class="action-buttons">
|
||||||
|
<!-- 装扮按钮 -->
|
||||||
|
<view class="action-btn dressup-btn" @click="handleDressup">
|
||||||
|
<image class="btn-icon" src="/static/AIimg/zhuanban.png" mode="aspectFit" />
|
||||||
|
<view class="btn-label-wrap">
|
||||||
|
<image class="btn-label-bg" src="/static/nft/dingbutubiao_an.png" mode="aspectFit" />
|
||||||
|
<text class="btn-label-text">装扮</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 场景按钮 -->
|
||||||
|
<view class="action-btn scene-btn" @click="handleScene">
|
||||||
|
<image class="btn-icon" src="/static/AIimg/changjing.png" mode="aspectFit" />
|
||||||
|
<view class="btn-label-wrap">
|
||||||
|
<image class="btn-label-bg" src="/static/nft/dingbutubiao_an.png" mode="aspectFit" />
|
||||||
|
<text class="btn-label-text">场景</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 追星历程按钮 -->
|
||||||
|
<view class="action-btn history-btn" @click="handleHistory">
|
||||||
|
<image class="btn-icon" src="/static/AIimg/zhuixinglicheng.png" mode="aspectFit" />
|
||||||
|
<view class="btn-label-wrap">
|
||||||
|
<image class="btn-label-bg" src="/static/nft/dingbutubiao_an.png" mode="aspectFit" />
|
||||||
|
<text class="btn-label-text">追星历程</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- AI角色对话气泡 -->
|
||||||
|
<view class="dialog-area">
|
||||||
|
<view class="dialog-bubble">
|
||||||
|
<image class="bubble-bg" src="/static/AIimg/duihuakuang.png" mode="widthFix" style="width: 320rpx;" />
|
||||||
|
<text class="bubble-text">亲爱的你来辣 ~~</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- AI角色(毛绒小怪兽)占位区域 -->
|
||||||
|
<view class="character-area">
|
||||||
|
<!-- 角色图片,如有可替换为实际角色图 -->
|
||||||
|
<view class="character-placeholder">
|
||||||
|
<text class="character-emoji">🐾</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 底部输入框 -->
|
||||||
|
<view class="bottom-bar">
|
||||||
|
<view class="input-wrapper">
|
||||||
|
<input
|
||||||
|
class="chat-input"
|
||||||
|
v-model="inputText"
|
||||||
|
placeholder="发送消息给角角"
|
||||||
|
placeholder-class="input-placeholder"
|
||||||
|
confirm-type="send"
|
||||||
|
@confirm="handleSend"
|
||||||
|
/>
|
||||||
|
<view
|
||||||
|
class="send-btn"
|
||||||
|
:class="{ 'send-btn-disabled': !inputText.trim() }"
|
||||||
|
@click="inputText.trim() && handleSend()"
|
||||||
|
>
|
||||||
|
<text class="send-icon">发送</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- <view class="add-btn" @click="handleAdd">
|
||||||
|
<text class="add-icon">+</text>
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue';
|
||||||
|
|
||||||
|
const inputText = ref('');
|
||||||
|
|
||||||
|
const handleClose = () => {
|
||||||
|
// 获取页面栈
|
||||||
|
const pages = getCurrentPages();
|
||||||
|
if (pages.length > 1) {
|
||||||
|
// 有上一页,执行返回
|
||||||
|
uni.navigateBack();
|
||||||
|
} else {
|
||||||
|
// 没有上一页,跳转到square页面
|
||||||
|
uni.reLaunch({
|
||||||
|
url: '/pages/square/square'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDressup = () => {
|
||||||
|
uni.showToast({ title: '装扮功能开发中', icon: 'none' });
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleScene = () => {
|
||||||
|
uni.showToast({ title: '场景功能开发中', icon: 'none' });
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleHistory = () => {
|
||||||
|
uni.showToast({ title: '追星历程开发中', icon: 'none' });
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleSend = () => {
|
||||||
|
if (!inputText.value.trim()) return;
|
||||||
|
uni.showToast({ title: `发送:${inputText.value}`, icon: 'none' });
|
||||||
|
inputText.value = '';
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleAdd = () => {
|
||||||
|
uni.showToast({ title: '更多功能开发中', icon: 'none' });
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
/* 整体容器 */
|
||||||
|
.ai-dazi-container {
|
||||||
|
position: relative;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #f9c8d9;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 背景图 */
|
||||||
|
.bg-image {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 关闭按钮 */
|
||||||
|
.close-btn {
|
||||||
|
position: absolute;
|
||||||
|
top: 60rpx;
|
||||||
|
left: 30rpx;
|
||||||
|
z-index: 100;
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
/* border-radius: 50%; */
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
/* border: 3rpx solid rgba(255, 255, 255, 0.6); */
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-back-icon {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 浮动装饰物 */
|
||||||
|
.decorations {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 60%;
|
||||||
|
z-index: 10;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.deco {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 左侧装饰(帽子/书本叠放) */
|
||||||
|
.deco-1 {
|
||||||
|
top: 100rpx;
|
||||||
|
left: 20rpx;
|
||||||
|
width: 220rpx;
|
||||||
|
height: 220rpx;
|
||||||
|
transform: rotate(-10deg);
|
||||||
|
filter: drop-shadow(0 8rpx 16rpx rgba(180, 100, 220, 0.3));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 右侧装饰(彩虹房子) */
|
||||||
|
.deco-2 {
|
||||||
|
top: 80rpx;
|
||||||
|
right: 30rpx;
|
||||||
|
width: 180rpx;
|
||||||
|
height: 180rpx;
|
||||||
|
transform: rotate(8deg);
|
||||||
|
filter: drop-shadow(0 8rpx 16rpx rgba(180, 100, 220, 0.3));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 功能按钮区域 */
|
||||||
|
.action-buttons {
|
||||||
|
position: absolute;
|
||||||
|
top: 280rpx;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
.action-btn {
|
||||||
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-icon {
|
||||||
|
width: 144rpx;
|
||||||
|
height: 144rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-label {
|
||||||
|
width: 120rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
margin-top: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-label-wrap {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 128rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-label-bg {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-label-text {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
font-size: 16rpx;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 70rpx;
|
||||||
|
text-shadow: 0 1rpx 4rpx rgba(150, 50, 150, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 装扮按钮 - 左侧中部 */
|
||||||
|
.dressup-btn {
|
||||||
|
left: 120rpx;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 场景按钮 - 右侧 */
|
||||||
|
.scene-btn {
|
||||||
|
right: 120rpx;
|
||||||
|
top: 100rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 追星历程按钮 - 左侧下方 */
|
||||||
|
.history-btn {
|
||||||
|
left: 120rpx;
|
||||||
|
top: 296rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 对话气泡区域 */
|
||||||
|
.dialog-area {
|
||||||
|
position: absolute;
|
||||||
|
top: 776rpx;
|
||||||
|
right: 72rpx;
|
||||||
|
z-index: 20;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-bubble {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bubble-bg {
|
||||||
|
width: auto;
|
||||||
|
height: 128rpx;
|
||||||
|
max-width: 500rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bubble-text {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
letter-spacing: 1rpx;
|
||||||
|
line-height: 1.4;
|
||||||
|
white-space: nowrap;
|
||||||
|
padding: 0 40rpx;
|
||||||
|
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 角色区域 */
|
||||||
|
.character-area {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 160rpx;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
z-index: 15;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.character-placeholder {
|
||||||
|
width: 200rpx;
|
||||||
|
height: 200rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.character-emoji {
|
||||||
|
font-size: 120rpx;
|
||||||
|
filter: drop-shadow(0 8rpx 20rpx rgba(200, 100, 200, 0.4));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 底部输入栏 */
|
||||||
|
.bottom-bar {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 50;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 48rpx 24rpx;
|
||||||
|
background: rgba(249, 200, 217, 0.5);
|
||||||
|
border-top: 4rpx solid #ff9de2;
|
||||||
|
border-radius: 50rpx 50rpx 0 0;
|
||||||
|
gap: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-wrapper {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
border-radius: 50rpx;
|
||||||
|
padding: 10rpx 16rpx 10rpx 24rpx;
|
||||||
|
box-shadow: 0 4rpx 20rpx rgba(200, 100, 200, 0.2);
|
||||||
|
border: 2rpx solid rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.send-btn {
|
||||||
|
width: 100rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
background: linear-gradient(135deg, #ff9de2, #c97bff);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.send-btn-disabled {
|
||||||
|
background: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.send-icon {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-input {
|
||||||
|
width: 100%;
|
||||||
|
height: 60rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #5a3060;
|
||||||
|
background: transparent;
|
||||||
|
line-height: 60rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-placeholder {
|
||||||
|
color: #c9a0d0;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-btn {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: linear-gradient(135deg, #ff9de2, #c97bff);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
box-shadow: 0 4rpx 16rpx rgba(200, 100, 200, 0.5);
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-icon {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 48rpx;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 1;
|
||||||
|
margin-top: -4rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -587,7 +587,7 @@ const handleTabChange = (newTab) => {
|
|||||||
'/pages/starbook/index',
|
'/pages/starbook/index',
|
||||||
'/pages/castlove/mall',
|
'/pages/castlove/mall',
|
||||||
'/pages/starcity/index',
|
'/pages/starcity/index',
|
||||||
'/pages/friends/index'
|
'/pages/ai-dazi/index'
|
||||||
];
|
];
|
||||||
|
|
||||||
if (newTab >= 0 && newTab < routes.length) {
|
if (newTab >= 0 && newTab < routes.length) {
|
||||||
|
|||||||
@ -519,7 +519,7 @@ const handleBack = async () => {
|
|||||||
// 底部导航切换
|
// 底部导航切换
|
||||||
const handleTabChange = (newTab) => {
|
const handleTabChange = (newTab) => {
|
||||||
const routes = [
|
const routes = [
|
||||||
'/pages/friends/index',
|
'/pages/ai-dazi/index',
|
||||||
'/pages/starbook/index',
|
'/pages/starbook/index',
|
||||||
'/pages/castlove/mall',
|
'/pages/castlove/mall',
|
||||||
'/pages/starcity/index',
|
'/pages/starcity/index',
|
||||||
|
|||||||
@ -18,7 +18,7 @@ const navExpanded = ref(false);
|
|||||||
|
|
||||||
const handleTabChange = (newTab) => {
|
const handleTabChange = (newTab) => {
|
||||||
const routes = [
|
const routes = [
|
||||||
'/pages/friends/index',
|
'/pages/ai-dazi/index',
|
||||||
'/pages/starbook/index',
|
'/pages/starbook/index',
|
||||||
'/pages/castlove/mall',
|
'/pages/castlove/mall',
|
||||||
'/pages/starcity/index',
|
'/pages/starcity/index',
|
||||||
|
|||||||
@ -20,7 +20,7 @@ const navExpanded = ref(false);
|
|||||||
|
|
||||||
const handleTabChange = (newTab) => {
|
const handleTabChange = (newTab) => {
|
||||||
const routes = [
|
const routes = [
|
||||||
'/pages/friends/index',
|
'/pages/ai-dazi/index',
|
||||||
'/pages/starbook/index',
|
'/pages/starbook/index',
|
||||||
'/pages/castlove/mall',
|
'/pages/castlove/mall',
|
||||||
'/pages/starcity/index',
|
'/pages/starcity/index',
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
<image class="bg-image" src="/static/square/beijingban.png" mode="aspectFill"></image>
|
<image class="bg-image" src="/static/square/beijingban.png" mode="aspectFill"></image>
|
||||||
|
|
||||||
<!-- 顶部导航 -->
|
<!-- 顶部导航 -->
|
||||||
<view class="nav-bar">
|
<view class="nav-bar ">
|
||||||
<view class="nav-back" @tap="goBack">
|
<view class="nav-back" @tap="goBack">
|
||||||
<image class="nav-back-icon" src="/static/icon/back.png" mode="aspectFit"></image>
|
<image class="nav-back-icon" src="/static/icon/back.png" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
@ -51,9 +51,7 @@
|
|||||||
|
|
||||||
<!-- 空状态占位:显示剩余空展位卡片 -->
|
<!-- 空状态占位:显示剩余空展位卡片 -->
|
||||||
<view v-if="exhibitionWorks.length < 2" class="empty-exhibition">
|
<view v-if="exhibitionWorks.length < 2" class="empty-exhibition">
|
||||||
<!-- 根据已展出数量决定显示几个空卡片 -->
|
<view class="empty-card empty-card-left" @tap="openAssetSelector(0)">
|
||||||
<view v-if="exhibitionWorks.length === 0" class="empty-card empty-card-left"
|
|
||||||
@tap="openAssetSelector(0)">
|
|
||||||
<image class="empty-cover" src="/static/nft/placeholder.png" mode="aspectFill"></image>
|
<image class="empty-cover" src="/static/nft/placeholder.png" mode="aspectFill"></image>
|
||||||
<image class="card-frame" src="/static/square/gerenzhongxincangpinkuang.png"
|
<image class="card-frame" src="/static/square/gerenzhongxincangpinkuang.png"
|
||||||
mode="aspectFill"></image>
|
mode="aspectFill"></image>
|
||||||
@ -423,14 +421,20 @@ onShow(() => {
|
|||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
/* padding: 0 32rpx; */
|
/* padding: 0 32rpx; */
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-block {
|
||||||
|
background: rgb(249 159 192 / 45%);
|
||||||
|
border-radius: 48rpx;
|
||||||
|
padding: 16rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 区块 */
|
/* 区块 */
|
||||||
.section-1 {
|
.section-1 {
|
||||||
margin-bottom: 8rpx;
|
margin-bottom: 8rpx;
|
||||||
background: rgb(249 159 192 / 45%);
|
/* border-radius: 48rpx;
|
||||||
border-radius: 48rpx;
|
padding: 16rpx; */
|
||||||
padding: 16rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 区块标签 */
|
/* 区块标签 */
|
||||||
|
|||||||
@ -787,7 +787,7 @@ watch(() => props.category, (newCategory) => {
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
transform: scale(1.2);
|
transform: scale(1.1);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -5,22 +5,23 @@ export const USE_MOCK_DATA = true
|
|||||||
|
|
||||||
// 模拟图片列表
|
// 模拟图片列表
|
||||||
const MOCK_IMAGES = [
|
const MOCK_IMAGES = [
|
||||||
'/static/sucai/image-01.png',
|
// '/static/sucai/image-01.png',
|
||||||
'/static/sucai/image-02.png',
|
// '/static/sucai/image-02.png',
|
||||||
'/static/sucai/image-03.png',
|
'/static/sucai/image-03.png',
|
||||||
'/static/sucai/image-04.png',
|
// '/static/sucai/image-04.png',
|
||||||
'/static/sucai/image-05.png',
|
'/static/sucai/image-05.png',
|
||||||
'/static/sucai/image-06.png',
|
'/static/sucai/image-06.png',
|
||||||
'/static/sucai/image-07.png',
|
// '/static/sucai/image-07.png',
|
||||||
'/static/sucai/image-08.png',
|
'/static/sucai/image-08.png',
|
||||||
'/static/sucai/image-09.png',
|
// '/static/sucai/image-09.png',
|
||||||
'/static/sucai/image-10.png',
|
'/static/sucai/image-10.png',
|
||||||
'/static/sucai/image-11.png',
|
'/static/sucai/image-11.png',
|
||||||
'/static/sucai/image-12.png',
|
'/static/sucai/image-12.png',
|
||||||
'/static/sucai/image-13.png',
|
// '/static/sucai/image-13.png',
|
||||||
'/static/sucai/image-14.png',
|
'/static/sucai/image-14.png',
|
||||||
'/static/sucai/image-15.png',
|
'/static/sucai/image-15.png',
|
||||||
'/static/sucai/image-16.png',
|
'/static/sucai/image-16.png',
|
||||||
|
'/static/sucai/image-18.png',
|
||||||
]
|
]
|
||||||
|
|
||||||
// 模拟昵称列表
|
// 模拟昵称列表
|
||||||
@ -94,11 +95,11 @@ export const MOCK_RENQIWANG = {
|
|||||||
{ asset_id: 10009, name: '粉红泡泡', cover_url: MOCK_IMAGES[8], like_count: 45600, owner_nickname: '小迷糊' },
|
{ asset_id: 10009, name: '粉红泡泡', cover_url: MOCK_IMAGES[8], like_count: 45600, owner_nickname: '小迷糊' },
|
||||||
{ asset_id: 10010, name: '爱的力量', cover_url: MOCK_IMAGES[9], like_count: 42300, owner_nickname: '小幸运' },
|
{ asset_id: 10010, name: '爱的力量', cover_url: MOCK_IMAGES[9], like_count: 42300, owner_nickname: '小幸运' },
|
||||||
{ asset_id: 10011, name: '璀璨星河', cover_url: MOCK_IMAGES[10], like_count: 39800, owner_nickname: '小浪漫' },
|
{ asset_id: 10011, name: '璀璨星河', cover_url: MOCK_IMAGES[10], like_count: 39800, owner_nickname: '小浪漫' },
|
||||||
{ asset_id: 10012, name: '甜蜜日常', cover_url: MOCK_IMAGES[11], like_count: 37500, owner_nickname: '小清新' },
|
// { asset_id: 10012, name: '甜蜜日常', cover_url: MOCK_IMAGES[11], like_count: 37500, owner_nickname: '小清新' },
|
||||||
{ asset_id: 10013, name: '爱心发射', cover_url: MOCK_IMAGES[12], like_count: 35200, owner_nickname: '小活力' },
|
// { asset_id: 10013, name: '爱心发射', cover_url: MOCK_IMAGES[12], like_count: 35200, owner_nickname: '小活力' },
|
||||||
{ asset_id: 10014, name: '超级喜欢', cover_url: MOCK_IMAGES[13], like_count: 32900, owner_nickname: '小呆萌' },
|
// { asset_id: 10014, name: '超级喜欢', cover_url: MOCK_IMAGES[13], like_count: 32900, owner_nickname: '小呆萌' },
|
||||||
{ asset_id: 10015, name: '温暖拥抱', cover_url: MOCK_IMAGES[14], like_count: 30600, owner_nickname: '小棉花' },
|
// { asset_id: 10015, name: '温暖拥抱', cover_url: MOCK_IMAGES[14], like_count: 30600, owner_nickname: '小棉花' },
|
||||||
{ asset_id: 10016, name: '今日份心动', cover_url: MOCK_IMAGES[15], like_count: 28500, owner_nickname: '小牛奶' },
|
// { asset_id: 10016, name: '今日份心动', cover_url: MOCK_IMAGES[15], like_count: 28500, owner_nickname: '小牛奶' },
|
||||||
],
|
],
|
||||||
cursor: 'renqiwang_cursor_001',
|
cursor: 'renqiwang_cursor_001',
|
||||||
has_more: true,
|
has_more: true,
|
||||||
@ -119,11 +120,11 @@ export const MOCK_QIANLIXING = {
|
|||||||
{ asset_id: 20009, name: '闪闪发光', cover_url: MOCK_IMAGES[8], like_count: 6500, owner_nickname: '小萤火' },
|
{ asset_id: 20009, name: '闪闪发光', cover_url: MOCK_IMAGES[8], like_count: 6500, owner_nickname: '小萤火' },
|
||||||
{ asset_id: 20010, name: '未来可期', cover_url: MOCK_IMAGES[9], like_count: 5900, owner_nickname: '小芽芽' },
|
{ asset_id: 20010, name: '未来可期', cover_url: MOCK_IMAGES[9], like_count: 5900, owner_nickname: '小芽芽' },
|
||||||
{ asset_id: 20011, name: '新秀登场', cover_url: MOCK_IMAGES[10], like_count: 5400, owner_nickname: '小藤蔓' },
|
{ asset_id: 20011, name: '新秀登场', cover_url: MOCK_IMAGES[10], like_count: 5400, owner_nickname: '小藤蔓' },
|
||||||
{ asset_id: 20012, name: '蒸蒸日上', cover_url: MOCK_IMAGES[11], like_count: 4900, owner_nickname: '小葵花' },
|
// { asset_id: 20012, name: '蒸蒸日上', cover_url: MOCK_IMAGES[11], like_count: 4900, owner_nickname: '小葵花' },
|
||||||
{ asset_id: 20013, name: '茁壮成长', cover_url: MOCK_IMAGES[12], like_count: 4500, owner_nickname: '小苗苗' },
|
// { asset_id: 20013, name: '茁壮成长', cover_url: MOCK_IMAGES[12], like_count: 4500, owner_nickname: '小苗苗' },
|
||||||
{ asset_id: 20014, name: '初绽光芒', cover_url: MOCK_IMAGES[13], like_count: 4100, owner_nickname: '小花花' },
|
// { asset_id: 20014, name: '初绽光芒', cover_url: MOCK_IMAGES[13], like_count: 4100, owner_nickname: '小花花' },
|
||||||
{ asset_id: 20015, name: '星火燎原', cover_url: MOCK_IMAGES[14], like_count: 3800, owner_nickname: '小豆芽' },
|
// { asset_id: 20015, name: '星火燎原', cover_url: MOCK_IMAGES[14], like_count: 3800, owner_nickname: '小豆芽' },
|
||||||
{ asset_id: 20016, name: '蓄力中...', cover_url: MOCK_IMAGES[15], like_count: 3500, owner_nickname: '小冰晶' },
|
// { asset_id: 20016, name: '蓄力中...', cover_url: MOCK_IMAGES[15], like_count: 3500, owner_nickname: '小冰晶' },
|
||||||
],
|
],
|
||||||
cursor: 'qianlixing_cursor_001',
|
cursor: 'qianlixing_cursor_001',
|
||||||
has_more: true,
|
has_more: true,
|
||||||
@ -144,11 +145,11 @@ export const MOCK_XINXIANSHANG = {
|
|||||||
{ asset_id: 30009, name: '新鲜出炉', cover_url: MOCK_IMAGES[8], like_count: 98, owner_nickname: '小创作者' },
|
{ asset_id: 30009, name: '新鲜出炉', cover_url: MOCK_IMAGES[8], like_count: 98, owner_nickname: '小创作者' },
|
||||||
{ asset_id: 30010, name: '首发作品', cover_url: MOCK_IMAGES[9], like_count: 267, owner_nickname: '小练手' },
|
{ asset_id: 30010, name: '首发作品', cover_url: MOCK_IMAGES[9], like_count: 267, owner_nickname: '小练手' },
|
||||||
{ asset_id: 30011, name: '全新上线', cover_url: MOCK_IMAGES[10], like_count: 189, owner_nickname: '新起步' },
|
{ asset_id: 30011, name: '全新上线', cover_url: MOCK_IMAGES[10], like_count: 189, owner_nickname: '新起步' },
|
||||||
{ asset_id: 30012, name: '今日份新', cover_url: MOCK_IMAGES[11], like_count: 156, owner_nickname: '小萌娃' },
|
// { asset_id: 30012, name: '今日份新', cover_url: MOCK_IMAGES[11], like_count: 156, owner_nickname: '小萌娃' },
|
||||||
{ asset_id: 30013, name: '新新人类', cover_url: MOCK_IMAGES[12], like_count: 223, owner_nickname: '小新潮' },
|
// { asset_id: 30013, name: '新新人类', cover_url: MOCK_IMAGES[12], like_count: 223, owner_nickname: '小新潮' },
|
||||||
{ asset_id: 30014, name: '新鲜血液', cover_url: MOCK_IMAGES[13], like_count: 134, owner_nickname: '小白白' },
|
// { asset_id: 30014, name: '新鲜血液', cover_url: MOCK_IMAGES[13], like_count: 134, owner_nickname: '小白白' },
|
||||||
{ asset_id: 30015, name: '新晋选手', cover_url: MOCK_IMAGES[14], like_count: 278, owner_nickname: '小小新' },
|
// { asset_id: 30015, name: '新晋选手', cover_url: MOCK_IMAGES[14], like_count: 278, owner_nickname: '小小新' },
|
||||||
{ asset_id: 30016, name: '首发新动态', cover_url: MOCK_IMAGES[15], like_count: 201, owner_nickname: '小清新' },
|
// { asset_id: 30016, name: '首发新动态', cover_url: MOCK_IMAGES[15], like_count: 201, owner_nickname: '小清新' },
|
||||||
],
|
],
|
||||||
cursor: 'xinxianshang_cursor_001',
|
cursor: 'xinxianshang_cursor_001',
|
||||||
has_more: true,
|
has_more: true,
|
||||||
@ -169,11 +170,11 @@ export const MOCK_SUIJIXUNBAO = {
|
|||||||
{ asset_id: 40009, name: '神秘宝藏9', cover_url: MOCK_IMAGES[8], like_count: 62000, owner_nickname: '寻宝奇兵' },
|
{ asset_id: 40009, name: '神秘宝藏9', cover_url: MOCK_IMAGES[8], like_count: 62000, owner_nickname: '寻宝奇兵' },
|
||||||
{ asset_id: 40010, name: '神秘宝藏10', cover_url: MOCK_IMAGES[9], like_count: 800, owner_nickname: '淘宝猎人' },
|
{ asset_id: 40010, name: '神秘宝藏10', cover_url: MOCK_IMAGES[9], like_count: 800, owner_nickname: '淘宝猎人' },
|
||||||
{ asset_id: 40011, name: '神秘宝藏11', cover_url: MOCK_IMAGES[10], like_count: 9500, owner_nickname: '挖宝小分队' },
|
{ asset_id: 40011, name: '神秘宝藏11', cover_url: MOCK_IMAGES[10], like_count: 9500, owner_nickname: '挖宝小分队' },
|
||||||
{ asset_id: 40012, name: '神秘宝藏12', cover_url: MOCK_IMAGES[11], like_count: 72000, owner_nickname: '淘宝小能手' },
|
// { asset_id: 40012, name: '神秘宝藏12', cover_url: MOCK_IMAGES[11], like_count: 72000, owner_nickname: '淘宝小能手' },
|
||||||
{ asset_id: 40013, name: '神秘宝藏13', cover_url: MOCK_IMAGES[12], like_count: 350, owner_nickname: '宝藏猎人' },
|
// { asset_id: 40013, name: '神秘宝藏13', cover_url: MOCK_IMAGES[12], like_count: 350, owner_nickname: '宝藏猎人' },
|
||||||
{ asset_id: 40014, name: '神秘宝藏14', cover_url: MOCK_IMAGES[13], like_count: 48000, owner_nickname: '寻宝小天才' },
|
// { asset_id: 40014, name: '神秘宝藏14', cover_url: MOCK_IMAGES[13], like_count: 48000, owner_nickname: '寻宝小天才' },
|
||||||
{ asset_id: 40015, name: '神秘宝藏15', cover_url: MOCK_IMAGES[14], like_count: 11000, owner_nickname: '淘宝小精灵' },
|
// { asset_id: 40015, name: '神秘宝藏15', cover_url: MOCK_IMAGES[14], like_count: 11000, owner_nickname: '淘宝小精灵' },
|
||||||
{ asset_id: 40016, name: '神秘宝藏16', cover_url: MOCK_IMAGES[15], like_count: 600, owner_nickname: '挖宝小专家' },
|
// { asset_id: 40016, name: '神秘宝藏16', cover_url: MOCK_IMAGES[15], like_count: 600, owner_nickname: '挖宝小专家' },
|
||||||
],
|
],
|
||||||
cursor: 'suijixunbao_cursor_001',
|
cursor: 'suijixunbao_cursor_001',
|
||||||
has_more: true,
|
has_more: true,
|
||||||
|
|||||||
@ -128,7 +128,7 @@ const handleTabChange = (newTab) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const routes = [
|
const routes = [
|
||||||
'/pages/friends/index',
|
'/pages/ai-dazi/index',
|
||||||
'/pages/starbook/index',
|
'/pages/starbook/index',
|
||||||
'/pages/castlove/mall',
|
'/pages/castlove/mall',
|
||||||
'/pages/starcity/index',
|
'/pages/starcity/index',
|
||||||
|
|||||||
@ -20,7 +20,7 @@ const navExpanded = ref(false);
|
|||||||
|
|
||||||
const handleTabChange = (newTab) => {
|
const handleTabChange = (newTab) => {
|
||||||
const routes = [
|
const routes = [
|
||||||
'/pages/friends/index',
|
'/pages/ai-dazi/index',
|
||||||
'/pages/starbook/index',
|
'/pages/starbook/index',
|
||||||
'/pages/castlove/mall',
|
'/pages/castlove/mall',
|
||||||
'/pages/starcity/index',
|
'/pages/starcity/index',
|
||||||
|
|||||||
@ -20,7 +20,7 @@ const navExpanded = ref(false);
|
|||||||
|
|
||||||
const handleTabChange = (newTab) => {
|
const handleTabChange = (newTab) => {
|
||||||
const routes = [
|
const routes = [
|
||||||
'/pages/friends/index',
|
'/pages/ai-dazi/index',
|
||||||
'/pages/starbook/index',
|
'/pages/starbook/index',
|
||||||
'/pages/castlove/mall',
|
'/pages/castlove/mall',
|
||||||
'/pages/starcity/index',
|
'/pages/starcity/index',
|
||||||
|
|||||||
@ -148,7 +148,7 @@ function handleTabChange(newTab) {
|
|||||||
|
|
||||||
// 根据tab索引跳转到对应页面
|
// 根据tab索引跳转到对应页面
|
||||||
const tabRoutes = [
|
const tabRoutes = [
|
||||||
'/pages/friends/index', // 搭子
|
'/pages/ai-dazi/index', // 搭子
|
||||||
'/pages/starbook/index', // 星册
|
'/pages/starbook/index', // 星册
|
||||||
'/pages/castlove/mall', // 铸爱
|
'/pages/castlove/mall', // 铸爱
|
||||||
'/pages/starcity/index', // 星城
|
'/pages/starcity/index', // 星城
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 402 KiB |
|
Before Width: | Height: | Size: 476 KiB |
|
Before Width: | Height: | Size: 378 KiB |
|
Before Width: | Height: | Size: 242 KiB |
|
Before Width: | Height: | Size: 512 KiB |
|
Before Width: | Height: | Size: 208 KiB |
|
Before Width: | Height: | Size: 406 KiB |
|
Before Width: | Height: | Size: 198 KiB |