bonus
/
on-site-robots-screen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式调整

This commit is contained in:
BianLzhaoMin 2025-07-22 16:53:28 +08:00
parent 0873183968
commit 5e873f9cb7
6 changed files with 26 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/home/components/center-two.vue
View File

@ -290,7 +290,7 @@ onMounted(() => {
nextTick(() => { nextTick(() => {
const container = marqueeContainer.value const container = marqueeContainer.value
imgWidth.value = (container.clientWidth - 40) / 4 imgWidth.value = (container.clientWidth - 40) / 4
imgHeight.value = `${container.clientHeight * 0.78}` imgHeight.value = `${container.clientHeight * 0.81}`
}) })
}) })
@ -347,6 +347,7 @@ onUnmounted(() => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-between;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@ -381,7 +382,7 @@ onUnmounted(() => {
.marquee-item-time { .marquee-item-time {
width: 100%; width: 100%;
padding: 8px 0; padding: 2px 0;
text-align: center; text-align: center;
} }

18
src/views/home/components/control-deck-new.vue
View File

@ -737,15 +737,15 @@ onMounted(async () => {
} }
.row-1-item, .row-1-item,
.row-2-item { .row-2-item {
width: 100px; width: 90px;
margin: 0 auto; margin: 0 auto;
} }
.row-1-item { .row-1-item {
// height: 28px; height: 24px;
background: url('@/assets/home-imgs/control-1-bg.png') no-repeat center center; background: url('@/assets/home-imgs/control-1-bg.png') no-repeat center center;
background-size: 100% 100%; background-size: 100% 100%;
line-height: 28px; line-height: 24px;
text-align: center; text-align: center;
} }
@ -757,13 +757,13 @@ onMounted(async () => {
& div:last-child { & div:last-child {
// width: 32px; // width: 32px;
height: 18px; height: 16px;
background-color: #005899; background-color: #005899;
border-radius: 6px; border-radius: 6px;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
line-height: 18px; line-height: 16px;
padding: 4px 10px; padding: 2px 10px;
} }
} }
@ -949,7 +949,7 @@ onMounted(async () => {
} }
} }
.row-4 { .row-4 {
// margin: 34px 0; margin-top: 10px;
.row-4-item { .row-4-item {
text-align: center; text-align: center;
} }
@ -987,8 +987,8 @@ onMounted(async () => {
.row-6-item-1 { .row-6-item-1 {
text-align: center; text-align: center;
img { img {
width: 32px; width: 28px;
height: 48px; height: 40px;
object-fit: contain; object-fit: contain;
cursor: pointer; cursor: pointer;
} }

6
src/views/home/components/modal-content/add-or-edit-marker-form.vue
View File

@ -2,8 +2,8 @@
<DialogModal <DialogModal
@onHandleCloseModal="onHandleCloseAddModal" @onHandleCloseModal="onHandleCloseAddModal"
:modalTitle="`${markerParams.type}预置点位`" :modalTitle="`${markerParams.type}预置点位`"
:width="`140vh`" :width="`60vw`"
:height="`110vh`" :height="`100vh`"
> >
<div class="add-or-edit-marker-form"> <div class="add-or-edit-marker-form">
<n-form <n-form
@ -396,6 +396,8 @@ onBeforeUnmount(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.add-or-edit-marker-form { .add-or-edit-marker-form {
width: 100%;
padding: 0 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;

8
src/views/home/components/modal-content/control-deck.vue
View File

@ -256,7 +256,7 @@ onMounted(async () => {})
background-size: 100% 100%; background-size: 100% 100%;
> img { > img {
width: 18px; width: 16px;
height: 18px; height: 18px;
cursor: pointer; cursor: pointer;
object-fit: contain; object-fit: contain;
@ -362,7 +362,7 @@ onMounted(async () => {})
.add-reduce-btn { .add-reduce-btn {
position: absolute; position: absolute;
right: 0; right: -22px;
top: -100px; top: -100px;
// height: 100px; // height: 100px;
display: flex; display: flex;
@ -388,8 +388,8 @@ onMounted(async () => {})
.row-3-item-3 { .row-3-item-3 {
> img { > img {
width: 24px; width: 16px;
height: 26px; height: 18px;
cursor: pointer; cursor: pointer;
object-fit: contain; object-fit: contain;
} }

10
src/views/home/components/right-one.vue
View File

@ -152,7 +152,7 @@
:scroll-x="10" :scroll-x="10"
flex-height flex-height
:columns="tableColumns_1" :columns="tableColumns_1"
:style="{ height: `50%` }" :style="{ height: `65%` }"
v-if="activeIndex === 0" v-if="activeIndex === 0"
/> />
@ -220,11 +220,11 @@
:scroll-x="10" :scroll-x="10"
:data="tableData_2" :data="tableData_2"
:columns="tableColumns_2" :columns="tableColumns_2"
:style="{ height: `50%` }" :style="{ height: `65%` }"
v-if="activeIndex === 1" v-if="activeIndex === 1"
/> />
<div style="margin-top: 4px; display: flex; justify-content: flex-end"> <div style="margin-top: 8px; display: flex; justify-content: flex-end">
<n-pagination <n-pagination
show-size-picker show-size-picker
v-if="activeIndex === 0" v-if="activeIndex === 0"
@ -237,7 +237,7 @@
/> />
</div> </div>
<div style="margin-top: 4px; display: flex; justify-content: flex-end"> <div style="margin-top: 8px; display: flex; justify-content: flex-end">
<n-pagination <n-pagination
show-size-picker show-size-picker
v-if="activeIndex === 1" v-if="activeIndex === 1"
@ -1053,7 +1053,7 @@ onUpdated(() => {
.more-panel-card { .more-panel-card {
width: 80%; width: 80%;
height: 120vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: url('@/assets/home-imgs/modal-bg.png') no-repeat center center; background: url('@/assets/home-imgs/modal-bg.png') no-repeat center center;

2
src/views/home/components/right-two/index.vue
View File

@ -247,7 +247,7 @@ const onHandleTabs = (component, index) => {
.more-panel-card { .more-panel-card {
width: 80%; width: 80%;
height: 120vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: url('@/assets/home-imgs/modal-bg.png') no-repeat center center; background: url('@/assets/home-imgs/modal-bg.png') no-repeat center center;