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

页面样式距离优化

This commit is contained in:
zzyuan 2025-09-03 09:07:43 +08:00
parent 7db4595576
commit 4ee0c0f31c
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/view.vue
View File

@ -14,7 +14,7 @@
<div class="titlediv2"> <div class="titlediv2">
健康晨检 健康晨检
</div> </div>
<div class="fegexian" style="margin-top: 10px;"></div> <div class="fegexian" style="margin: 20px auto;"></div>
<div class="contentclass"> <div class="contentclass">
<table style="width: 100%;height: 100%;"> <table style="width: 100%;height: 100%;">
@ -67,7 +67,7 @@
<div class="partthree"> <div class="partthree">
<div class="partthree_title"><span>AI巡检记录</span></div> <div class="partthree_title"><span>AI巡检记录</span></div>
<div class="fegexian" style="margin: 10px auto;"></div> <div class="fegexian" style="margin: 20px auto;"></div>
<div style="width: 100%; height: auto;"> <div style="width: 100%; height: auto;">
<carousel :per-page="3" :mouse-drag="true" :paginationActive="false" :autoplay="true" :autoplay-timeout="5000" :loop="true" > <carousel :per-page="3" :mouse-drag="true" :paginationActive="false" :autoplay="true" :autoplay-timeout="5000" :loop="true" >
<slide v-for="(item, index) in inspectionRecord" :key="index"> <slide v-for="(item, index) in inspectionRecord" :key="index">
@ -83,14 +83,14 @@
<div class="container2"> <div class="container2">
<div class="partthree_title"><span>证照公示</span></div> <div class="partthree_title"><span>证照公示</span></div>
<div class="partthree_title2"><div class="fegexian2" style="width: 80%;"></div></div> <div class="partthree_title2"><div class="fegexian2" style="width: 80%;"></div></div>
<div style="width: 90%;height: 260px;margin: 10px auto;text-align: center;"> <div style="width: 90%;height: 260px;margin: 20px auto;text-align: center;">
<img style="width: 100%; height: 250px; object-fit: cover;" :src="certificatePic[0]"/> <img style="width: 100%; height: 250px; object-fit: cover;" :src="certificatePic[0]"/>
</div> </div>
</div> </div>
<div class="container2"> <div class="container2">
<div class="partthree_title"><span>厨师公示</span></div> <div class="partthree_title"><span>厨师公示</span></div>
<div class="partthree_title2"><div class="fegexian2" style="width: 80%;"></div></div> <div class="partthree_title2"><div class="fegexian2" style="width: 80%;"></div></div>
<div style="width: 90%;height: 260px;margin: 10px auto;text-align: center;"> <div style="width: 90%;height: 260px;margin: 20px auto;text-align: center;">
<carousel :per-page="3" :mouse-drag="false" :navigationEnabled="false" :autoplay="true" :autoplay-timeout="5000" :loop="true" > <carousel :per-page="3" :mouse-drag="false" :navigationEnabled="false" :autoplay="true" :autoplay-timeout="5000" :loop="true" >
<slide v-for="(item, index) in cookCertificate" :key="index"> <slide v-for="(item, index) in cookCertificate" :key="index">
<div style="padding: 5%;;width: 100%; height: 250px;overflow: hidden;"> <div style="padding: 5%;;width: 100%; height: 250px;overflow: hidden;">
@ -104,7 +104,7 @@
</div> </div>
<div style="width: 90%;height: auto;margin: 1% auto;"> <div style="width: 90%;height: auto;margin: 1% auto;">
<div class="partthree_title"><span>重点区域监控</span></div> <div class="partthree_title"><span>重点区域监控</span></div>
<div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;width: 80%;"></div></div> <div class="partthree_title2"><div class="fegexian2" style="margin: 10px auto;width: 80%;"></div></div>
<div style="width: 100%;height: 800px;margin-top: 1%;"> <div style="width: 100%;height: 800px;margin-top: 1%;">
<videoMonitoring></videoMonitoring> <videoMonitoring></videoMonitoring>
</div> </div>
@ -581,7 +581,7 @@
background-image: url("../assets/images/canteen1.png"); background-image: url("../assets/images/canteen1.png");
background-size: 100% 100%; /* 覆盖整个div */ background-size: 100% 100%; /* 覆盖整个div */
background-position: center; /* 图片居中 */ background-position: center; /* 图片居中 */
height: 180px; height: 200px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-top: 3%; padding-top: 3%;