third_codes/go-stock
1
0
Fork 0
mirror of https://github.com/ArvinLovegood/go-stock.git synced 2025-07-19 00:00:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(frontend):优化滚动效果并更新股票分组列表

Browse Source 
- 修复滚动到指定元素时的 smooth behavior
- 在添加股票分组后更新分组列表- 调整股票卡片的 ID 和数据属性
- 优化网格布局的间距设置
This commit is contained in:
ArvinLovegood 2025-04-03 17:55:09 +08:00
parent 512f9a0757
commit b45d5dc762
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/stock.vue
View File

@ -463,7 +463,7 @@ function blinkBorder(findId){
const element = document.getElementById(findId); const element = document.getElementById(findId);
if (element) { if (element) {
// 滚动到该元素 // 滚动到该元素
element.scrollIntoView({ behavior: 'smooth' }); element.scrollIntoView({ behavior: 'smooth'});
const pelement = document.getElementById(findId +'_gi'); const pelement = document.getElementById(findId +'_gi');
if(pelement){ if(pelement){
// 添加闪烁效果 // 添加闪烁效果
@ -888,6 +888,9 @@ function saveTabPane(){
AddGroup(addTabModel.value).then(result => { AddGroup(addTabModel.value).then(result => {
message.info(result) message.info(result)
addTabPane.value=false addTabPane.value=false
GetGroupList().then(result => {
groupList.value=result
})
}) })
} }
function AddStockGroupInfo(groupId,code,name){ function AddStockGroupInfo(groupId,code,name){
@ -956,8 +959,8 @@ function delStockGroup(code,name,groupId){
<n-tabs type="card" animated addable @add="addTab" @update-value="updateTab" placement="top" @close="(key)=>{delTab(key)}"> <n-tabs type="card" animated addable @add="addTab" @update-value="updateTab" placement="top" @close="(key)=>{delTab(key)}">
<n-tab-pane name="0" tab="全部"> <n-tab-pane name="0" tab="全部">
<n-grid :x-gap="8" :cols="3" :y-gap="8" > <n-grid :x-gap="8" :cols="3" :y-gap="8" >
<n-gi :id="result['股票代码']+'_gi'" v-for="result in sortedResults" style="margin-left: 2px;" > <n-gi :id="result['股票代码']" v-for="result in sortedResults" style="margin-left: 2px;" >
<n-card :data-sort="result.sort" :id="result['股票代码']" :data-code="result['股票代码']" :bordered="true" :title="result['股票名称']" :closable="false" @close="removeMonitor(result['股票代码'],result['股票名称'],result.key)"> <n-card :data-sort="result.sort" :id="result['股票代码']+'_card'" :data-code="result['股票代码']" :bordered="true" :title="result['股票名称']" :closable="false" @close="removeMonitor(result['股票代码'],result['股票名称'],result.key)">
<n-grid :cols="1" :y-gap="6"> <n-grid :cols="1" :y-gap="6">
<n-gi> <n-gi>
<n-text :type="result.type" > <n-text :type="result.type" >
@ -972,7 +975,7 @@ function delStockGroup(code,name,groupId){
</n-text> </n-text>
</n-gi> </n-gi>
</n-grid> </n-grid>
<n-grid :cols="2" :y-gap="4" :x-gap="4" > <n-grid :cols="2" :y-gap="4" :x-gap="4" >
<n-gi> <n-gi>
<n-text :type="'info'">{{"最高 "+result["今日最高价"]+" "+result.highRate }}%</n-text> <n-text :type="'info'">{{"最高 "+result["今日最高价"]+" "+result.highRate }}%</n-text>
</n-gi> </n-gi>