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

style(frontend): 优化页面元素的样式和布局

Browse Source 
-调整了 App.vue 中底部菜单栏的 z-index 值- 在 settings.vue 中为数据刷新间隔输入框添加了单位提示- 优化了 stock.vue 中搜索框的布局和样式
This commit is contained in:
spark 2025-01-13 15:23:51 +08:00
parent b5c44870fe
commit 2fcd89ab97
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/App.vue
View File

@ -147,7 +147,7 @@ window.addEventListener('mousemove', dragstart)
<n-gi style="padding-bottom: 70px"> <n-gi style="padding-bottom: 70px">
<RouterView /> <RouterView />
</n-gi> </n-gi>
<n-gi style="position: fixed;bottom:0;z-index: 9999;width: 100%"> <n-gi style="position: fixed;bottom:0;z-index: 9;width: 100%">
<n-card size="small"> <n-card size="small">
<n-menu style="font-size: 18px;" <n-menu style="font-size: 18px;"
v-model:value="activeKey" v-model:value="activeKey"

6
frontend/src/components/settings.vue
View File

@ -88,7 +88,11 @@ function sendTestNotice(){
<n-switch v-model:value="formValue.updateBasicInfoOnStart" /> <n-switch v-model:value="formValue.updateBasicInfoOnStart" />
</n-form-item-gi> </n-form-item-gi>
<n-form-item-gi :span="6" label="数据刷新间隔(重启生效)：" path="refreshInterval" > <n-form-item-gi :span="6" label="数据刷新间隔(重启生效)：" path="refreshInterval" >
<n-input-number v-model:value="formValue.refreshInterval" /> <n-input-number v-model:value="formValue.refreshInterval" placeholder="请输入数据刷新间隔(秒)">
<template #suffix>
秒
</template>
</n-input-number>
</n-form-item-gi> </n-form-item-gi>
</n-grid> </n-grid>

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

@ -434,11 +434,10 @@ function getHeight() {
</n-card > </n-card >
</n-gi> </n-gi>
</n-grid> </n-grid>
<n-affix :trigger-bottom="15" style="right:0;z-index: 99990;"> <div style="position: fixed;bottom: 18px;right:0;z-index: 10;width: 350px">
<!-- <n-card :bordered="false">--> <!-- <n-card :bordered="false">-->
<n-input-group> <n-input-group>
<!-- <n-button type="error" @click="addBTN=!addBTN" > <n-icon :component="Search"/>&nbsp;<n-text v-if="addBTN">隐藏</n-text></n-button>-->
<n-button type="error" @click="addBTN=!addBTN" > <n-icon :component="Search"/>&nbsp;<n-text v-if="addBTN">隐藏</n-text></n-button>
<n-auto-complete v-model:value="data.name" v-if="addBTN" <n-auto-complete v-model:value="data.name" v-if="addBTN"
:input-props="{ :input-props="{
autocomplete: 'disabled', autocomplete: 'disabled',
@ -451,8 +450,7 @@ function getHeight() {
</n-button> </n-button>
</n-input-group> </n-input-group>
<!-- </n-card>--> <!-- </n-card>-->
</div>
</n-affix>
<n-modal transform-origin="center" size="small" v-model:show="modalShow" :title="formModel.name" style="width: 400px" :preset="'card'"> <n-modal transform-origin="center" size="small" v-model:show="modalShow" :title="formModel.name" style="width: 400px" :preset="'card'">
<n-form :model="formModel" :rules="{ <n-form :model="formModel" :rules="{
costPrice: { required: true, message: '请输入成本'}, costPrice: { required: true, message: '请输入成本'},