skjia
/
bonus-ui-canteen-screen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

活动-冬至

This commit is contained in:
zzyuan 2025-12-16 15:58:36 +08:00
parent 68ea11b484
commit 3c53aaedd3
3 changed files with 41 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/huodong1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 994 KiB

71
src/views/view.vue
View File

@ -11,7 +11,14 @@
<span style="color:#D8E2FF;font-size: 24px;margin-top: 12px;">{{hourTime}}</span>
</div>
</div>
<div style="height: auto;width: 100%;margin-bottom: 40px;">
<div style="height: auto;width: 100%;margin-bottom: 20px;">
<div class="partthree_title"><span>活动公告</span></div>
<div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
<div style="display: flex;align-items: center;justify-content: center;">
<img style="width: 90%;height: 370px;" src="../assets/images/huodong1.jpg"/>
</div>
</div>
<!-- <div style="height: auto;width: 100%;margin-bottom: 40px;">
<div class="partthree_title"><span>健康晨检</span></div>
<div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
<div class="contentclass">
@ -21,7 +28,6 @@
<td>健康证</td>
</tr>
<tr style="height: 100%;width: 100%;">
<!-- 图表容器：统一设置固定宽高+100%填充，避免尺寸偏差 -->
<td rowspan="5" style="width: 50%;">
<div style="width: 100%;height: 240px;display: flex;align-items: center;justify-content: center;">
<div ref="chartone" style="width: 90%;height: 90%;"></div>
@ -47,7 +53,7 @@
</tr>
</table>
</div>
</div>
</div> -->
<div style="height: auto;width: 100%;margin-bottom: 40px;">
<div class="partthree_title"><span>本周菜谱</span></div>
<div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
@ -530,20 +536,18 @@ export default {
.container {
height: 100%;
width: 100%;
background-image: url("../assets/images/background.jpg");
background-size: cover;
background-position: center;
overflow-y: hidden; /* 保留垂直滚动（如果内容超出屏幕） */
// display: flex;
// justify-content: center;
// flex-wrap: wrap;
background: rgba(148, 5, 0);
// background-image: url("../assets/images/background.jpg");
// background-size: cover;
// background-position: center;
// overflow-y: hidden; /* 保留垂直滚动（如果内容超出屏幕） */
}
.topdiv{
width: 100%;
display: flex;
background-image: url("../assets/images/canteen1.png");
background-size: cover;
background-position: center;
// background-image: url("../assets/images/canteen1.png");
// background-size: cover;
// background-position: center;
height: 5%;
margin-bottom: 20px;
}
@ -559,7 +563,7 @@ export default {
.dateTimeClass{
display: flex;
justify-content: center;
color:#fff;
color:#E1EFFF;
width:30%;
align-items: center;
}
@ -567,7 +571,7 @@ export default {
display: flex;
justify-content: center;
align-items: center;
color:#fff;
color:#E1EFFF;
width:30%;
}
.titlediv2{
@ -576,7 +580,7 @@ export default {
// height: 10px;
justify-content: center;
align-items: flex-start;
color:#fff;
color:#E1EFFF;
font-size: 28px;
// background-image: url("../assets/images/caidanline.png");
// background-size: cover;
@ -587,7 +591,7 @@ export default {
width: 100%;
justify-content: center;
flex-wrap: wrap;
color:#fff;
color:#E1EFFF;
}
.fegexian{
width: 50%;
@ -616,10 +620,11 @@ export default {
margin: 1%;
}
.dishclass span{
background-image: linear-gradient(0deg, rgba(111,169,255,0.5) 30%, #6FA9FF 86%);
// background-image: linear-gradient(0deg, rgba(111,169,255,0.5) 30%, #6FA9FF 86%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
// color: transparent;
color: #D8E2FF;
}
.dishcontentclass{
display: flex;
@ -651,6 +656,8 @@ export default {
text-align: left;
font-style: normal;
}
.partthree{
height: 100%;
width: 85%;
@ -662,7 +669,7 @@ export default {
}
.partthree_title{
display: flex;
color:#fff;
color:#E1EFFF;
font-size: 25px;
justify-content: center;
margin-bottom: 5px;
@ -673,18 +680,18 @@ export default {
width: 100%;
justify-content: center;
}
.big-number {
font-size: 30px;
font-family: 'Arial', sans-serif;
color: #fff;
padding: 5px;
border-radius: 10px;
display: inline-flex;
}
.digit {
margin: 0 5px;
text-shadow: 0 0 10px rgba(255,255,255,0.5);
}
// .big-number {
// font-size: 30px;
// font-family: 'Arial', sans-serif;
// color: #fff;
// padding: 5px;
// border-radius: 10px;
// display: inline-flex;
// }
// .digit {
// margin: 0 5px;
// text-shadow: 0 0 10px rgba(255,255,255,0.5);
// }
table, th, td {
text-align: center;
}

2
vue.config.js
View File

@ -39,7 +39,7 @@ module.exports = {
// target: `http://192.168.0.61:58080`,
// target: `http://192.168.0.44:58085`,
// target: `http://127.0.0.1:48380`,
target: `http://192.168.20.234:48390`,
target: `http://192.168.1.114:48380`,
// target: `http://192.168.20.241:48380`,
changeOrigin: true,
pathRewrite: {