root/xiMenZi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
蔡玲
2024-09-11 14:10:37 +08:00
parent 064df23a7f
commit 89a230a899
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lms/nladmin-ui/src/views/wms/produceScreen/index.vue
View File

@@ -4,8 +4,8 @@
<div class="m-content"> <div class="m-content">
<p>{{ screenData.device_name }}</p> <p>{{ screenData.device_name }}</p>
</div> </div>
<div class="button-wraper"> <div class="button-wraper" :style="screenData.region_points.length <= 2 ? 'justify-content: center' : 'justify-content: space-between'">
<div v-for="(e, i) in screenData.region_points" :key="i" class="button-item"> <div v-for="(e, i) in screenData.region_points" :key="i" class="button-item" :class="{'button-item_3': screenData.region_points.length <= 3}">
<p v-if="e.type === '1'" class="point_name">{{ e.name }}</p> <p v-if="e.type === '1'" class="point_name">{{ e.name }}</p>
<p v-if="e.type === '0'" class="point_name point_name_btn" @click="showPop('IN', e)">{{ e.name }}</p> <p v-if="e.type === '0'" class="point_name point_name_btn" @click="showPop('IN', e)">{{ e.name }}</p>
<p class="point_value">{{ e.device_code }}</p> <p class="point_value">{{ e.device_code }}</p>

13
lms/nladmin-ui/src/views/wms/produceScreen/style.scss
View File

@@ -189,7 +189,6 @@
} }
.button-wraper { .button-wraper {
display: flex; display: flex;
justify-content: center;
width: 84%; width: 84%;
} }
.button-item { .button-item {
@@ -197,8 +196,15 @@
height: 100%; height: 100%;
border-radius: 20px; border-radius: 20px;
background-image: linear-gradient(to right, rgba(36, 128, 207, 0.5), rgba(15, 61, 101, 0.5)); background-image: linear-gradient(to right, rgba(36, 128, 207, 0.5), rgba(15, 61, 101, 0.5));
margin-right: 2%;
padding-top: 30px; padding-top: 30px;
margin-right: 2%;
&:last-child {
margin-right: 0;
}
}
.button-item_3 {
width: 30%;
margin-right: 5%;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
@@ -228,13 +234,14 @@
margin: 20% 0; margin: 20% 0;
} }
.button { .button {
font-size: 18px; font-size: 20px;
line-height: 46px; line-height: 46px;
color: #fff; color: #fff;
font-weight: 700; font-weight: 700;
text-align: center; text-align: center;
background-image: linear-gradient(0deg, #277ddc, #213bc6); background-image: linear-gradient(0deg, #277ddc, #213bc6);
width: 80%; width: 80%;
max-width: 150px;
margin: 30px auto; margin: 30px auto;
border-radius: 10px; border-radius: 10px;
border: 1px solid #2965e2; border: 1px solid #2965e2;