yangprivate-web/kdofficial
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

关于我们只差一个招聘

Browse Source
This commit is contained in:
zhcnyuyang 2025-05-05 00:29:05 +08:00
parent 7898b0b3d8
commit 7727d8aaf9
1 changed files with 54 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/components/Aboutus.vue
View File

@ -32,16 +32,46 @@ const { breakpoint } = useBootstrapBreakpoint();
<span class="normalcontenttitle" style="background-color: white;">设计瞬间</span>
</div>
<div v-if="breakpoint==='xs'||breakpoint==='sm'" id="sjsjimgwep">
<img src="/AboutusRes/pcp1wep.png"/>
<img src="/AboutusRes/pcp2wep.png"style="margin-top: 5px;"/>
<img src="/AboutusRes/pcp3wep.png"style="margin-top: 5px;"/>
<img src="/AboutusRes/pcp4wep.png"style="margin-top: 5px;"/>
<img src="/AboutusRes/pcp5wep.png"style="margin-top: 5px;"/>
<img src="/AboutusRes/pcp6wep.png"style="margin-top: 5px;"/>
<img src="/AboutusRes/pcp7wep.png"style="margin-top: 5px;"/>
<img src="/AboutusRes/pcp1wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
<img src="/AboutusRes/pcp2wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
<img src="/AboutusRes/pcp3wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
<img src="/AboutusRes/pcp4wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
<img src="/AboutusRes/pcp5wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
<img src="/AboutusRes/pcp6wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
<img src="/AboutusRes/pcp7wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
</div>
<div v-else id="sjsjimg">
<div class="imgrow" style="width: 100%; height: auto;">
<div class="imageitem" style="width: 62.571428571428571428571428571429%;">
<img src="/AboutusRes/pcp1.png"/>
</div>
<div class="imageitem" style="width:1.428571428571428571428571428571%;"></div>
<div class="imageitem" style="width: 36%;background-color: black;">
<img src="/AboutusRes/pcp2.png"/>
</div>
</div>
<div class="imgrow" style="width: 100%; height: auto; margin-top: 20px;">
<div class="imageitem" style="width: 32.142857142857142857142857142857%">
<img class="sjsjpic" src="/AboutusRes/pcp3.png"/>
</div>
<div class="imageitem" style="width: 1.428571428571428571428571428571%;"></div>
<div class="imageitem" style="width: 32.142857142857142857142857142857%">
<img src="/AboutusRes/pcp4.png"/>
</div>
<div class="imageitem" style="width: 1.428571428571428571428571428571%;"></div>
<div class="imageitem" style="width: 32.857142857142857142857142857143%">
<img src="/AboutusRes/pcp5.png"/>
</div>
</div>
<div class="imgrow" style="width: 100%; height: auto; margin-top: 20px;">
<div class="imageitem" style="width: 50%;">
<img src="/AboutusRes/pcp6.png"/>
</div>
<div class="imageitem" style="width: 1.428571428571428571428571428571%;"></div>
<div class="imageitem" style="width: 48.571428571428571428571428571429%;">
<img src="/AboutusRes/pcp7.png"/>
</div>
</div>
</div>
<div class="normalcontentdiv" id="jrwmblk">
<span class="normalcontenttitle" style="background-color: white;">加入我们</span>
@ -128,12 +158,13 @@ export default {
}
#sjsjimg{
@include media-breakpoint-between(xs, md) {
margin-left: 0px;
margin-right: 0px;
margin-top: 56px;
height: auto;
@include media-breakpoint-between(md,xxl){
margin-left: 100px;
margin-right: 100px;
}
@include media-breakpoint-up(md) {
@include media-breakpoint-up(xxl) {
margin-left: 256px;
margin-right: 256px;
}
@ -144,8 +175,15 @@ export default {
margin-top: 32px;
}
#sjsjimgwep img{
width: 100%;
height: auto;
.imgrow{
display: flex;
flex-direction: row;
}
.imageitem{
position: relative;
img{
width: 100%;
}
}
</style>