|
|
|
@ -214,7 +214,7 @@ watch( |
|
|
|
watch( |
|
|
|
() => chatStore.chatInput, |
|
|
|
async (newVal) => { |
|
|
|
if(activeTab.value=='AIchat'){ |
|
|
|
if (activeTab.value == "AIchat") { |
|
|
|
isInputDisabled.value = chatStore.chatInput; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -223,7 +223,7 @@ watch( |
|
|
|
watch( |
|
|
|
() => chatStore.emotionInput, |
|
|
|
async (newVal) => { |
|
|
|
if(activeTab.value=='AiEmotion'){ |
|
|
|
if (activeTab.value == "AiEmotion") { |
|
|
|
isInputDisabled.value = chatStore.emotionInput; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -714,6 +714,29 @@ const backToHome = () => { |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
// 8.18金币兑换Token start |
|
|
|
const userInfo = ref({ |
|
|
|
username: "HomilyLink", |
|
|
|
jwcode: "90042088", |
|
|
|
}); |
|
|
|
const changeRule = ref("1金币=1Token"); |
|
|
|
const changeLevelList = ref([ |
|
|
|
{ gold: 10, token: 10 }, |
|
|
|
{ gold: 20, token: 20 }, |
|
|
|
{ gold: 50, token: 50 }, |
|
|
|
{ gold: 100, token: 100 }, |
|
|
|
{ gold: 200, token: 200 }, |
|
|
|
{ gold: 500, token: 500 }, |
|
|
|
{ gold: 1000, token: 1000 }, |
|
|
|
]); |
|
|
|
|
|
|
|
const shouldPay=ref(0); |
|
|
|
const gold=ref(0); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 8.18金币兑换Token end |
|
|
|
|
|
|
|
onMounted(async () => { |
|
|
|
throttledJudgeDevice(); |
|
|
|
// 禁用全局触摸滚动 |
|
|
|
@ -1011,26 +1034,34 @@ onUnmounted(() => { |
|
|
|
<!-- 弹窗 --> |
|
|
|
<!-- 新增弹窗组件 --> |
|
|
|
<el-dialog v-model="dialogVisible" max-width="65%"> |
|
|
|
<!-- 自定义标题插槽，实现居中显示 --> |
|
|
|
<template #header> |
|
|
|
<div style="text-align: center"> |
|
|
|
<span>活动规则</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<!-- 中间内容部分 --> |
|
|
|
<div class="ruleContent"> |
|
|
|
<p>试运行期间，AI小财神可以检索全市场数据</p> |
|
|
|
<p>（每个市场20支股票，股票详情参见【公告】页面）</p> |
|
|
|
<!-- <p>弘历会员每人每日拥有10次检索机会！</p> --> |
|
|
|
<div class="changeMsg"> |
|
|
|
<div class="changeInfo"> |
|
|
|
<div class="changeImg"> |
|
|
|
<img |
|
|
|
src="https://d31zlh4on95l9h.cloudfront.net/images/74e20c65c9ef2526477c63ad68698a50.png" |
|
|
|
alt="头像" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="changeContent"> |
|
|
|
<div class="changeUsername">{{ userInfo.username }}</div> |
|
|
|
<div class="changeJwcode">精网号：{{ userInfo.jwcode }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="changeRule">兑换规则：{{ changeRule }}</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- <template #footer> --> |
|
|
|
<!-- 添加一个div来包裹按钮，并设置样式使其居中 --> |
|
|
|
<!-- <div style="text-align: center"> --> |
|
|
|
<!-- <el-button style="background-color: orange; color: white; border: none" @click="goToRecharge"> --> |
|
|
|
<!-- 去充值 --> |
|
|
|
<!-- </el-button> --> |
|
|
|
<!-- </div> --> |
|
|
|
<!-- </template> --> |
|
|
|
<div class="changeLevel"> |
|
|
|
<div class="changeLevelTitle">兑换Token</div> |
|
|
|
<div class="changeLevelItems"></div> |
|
|
|
</div> |
|
|
|
<div class="changeNow"> |
|
|
|
应付金额 |
|
|
|
<div class="changePay">{{ shouldPay }}</div> |
|
|
|
(金币余额：{{ gold }}) |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="changeBtn">立即兑换</div> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -1085,9 +1116,9 @@ onUnmounted(() => { |
|
|
|
/* 添加平滑滚动效果 */ |
|
|
|
} |
|
|
|
|
|
|
|
/* .pcTabContent { |
|
|
|
margin: 0 6%; |
|
|
|
} */ |
|
|
|
.pcTabContent { |
|
|
|
padding: 0 6%; |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 768px) { |
|
|
|
.tab-container { |
|
|
|
@ -1605,7 +1636,81 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.ruleContent { |
|
|
|
.changeMsg { |
|
|
|
display: flex; |
|
|
|
width: 100%; |
|
|
|
margin-bottom: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
.changeInfo { |
|
|
|
display: flex; |
|
|
|
background-color: #f8f8f8; |
|
|
|
border-radius: 5px; |
|
|
|
padding: 10px 20px; |
|
|
|
/* width: 40%; */ |
|
|
|
margin-right: 5%; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
|
|
|
|
.changeImg { |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.changeContent { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.changeRule { |
|
|
|
display: flex; |
|
|
|
background-color: #f8f8f8; |
|
|
|
border-radius: 5px; |
|
|
|
text-align: center; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
color: #4e86fe; |
|
|
|
white-space: nowrap; |
|
|
|
padding: 5px; |
|
|
|
width: 40%; |
|
|
|
} |
|
|
|
|
|
|
|
.changeLevel { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
.changeLevelTitle { |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.changeNow { |
|
|
|
display: flex; |
|
|
|
white-space: nowrap; |
|
|
|
/* font-weight: bold; */ |
|
|
|
margin-bottom: 15px; |
|
|
|
} |
|
|
|
.changePay { |
|
|
|
color: #4e86fe; |
|
|
|
margin: 0px 5px; |
|
|
|
} |
|
|
|
|
|
|
|
.changeBtn { |
|
|
|
width: 40%; |
|
|
|
background-color: #4e86fe; |
|
|
|
color: white; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-content: center; |
|
|
|
padding: 10px; |
|
|
|
border-radius: 5px; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
.changeBtn:hover { |
|
|
|
background-color: #3a73e6; |
|
|
|
} |
|
|
|
</style> |
no99
10 hours ago