fix:界面优化

This commit is contained in:
tianyongbao
2025-12-10 22:56:08 +08:00
parent 96e217948b
commit 0d2e125059
11 changed files with 312 additions and 87 deletions

View File

@@ -2,17 +2,12 @@
<page class="home-page">
<zui-header>
<logo type="xiaoyanyun" href="/"></logo>
<h4 v-show="webShow" class="zui-logo-text">
<h4 class="zui-logo-text">
<a class="zui-nav-link" href="http://152.136.151.187:88/login" target="_blank">&nbsp;&nbsp;记账平台</a>
<a class="zui-nav-link" href="http://152.136.151.187:81/hrms/login" target="_blank">&nbsp;&nbsp;健康档案</a>
<a class="zui-nav-link" href="http://152.136.151.187:8081/imaotai/" target="_blank">&nbsp;&nbsp;茅台预约</a>
</h4>
<div v-show="mobileShow" class="zui-rightcol" @click="openMenu">目录</div>
<div v-show="mobileShow" class="zui-rightcol">
<a class="zui-nav-link zui-nav-link--mobile" href="http://152.136.151.187:86/#/" target="_blank">&nbsp;&nbsp;记账平台</a>
<a class="zui-nav-link zui-nav-link--mobile" href="http://152.136.151.187:89/#/" target="_blank">&nbsp;&nbsp;健康档案</a>
<a class="zui-nav-link zui-nav-link--mobile" href="http://152.136.151.187:90/#/" target="_blank">&nbsp;&nbsp;茅台预约</a>
</div>
<div v-show="webShow">
<zui-button @click="onButtonClick('callus')">联系我们</zui-button>
<zui-button @click="onButtonClick('resource')">资料下载</zui-button>
@@ -152,3 +147,39 @@
}
</script>
<style scoped lang="less">
@media (max-width: 600px) {
.service {
padding: 30px 15px !important;
}
.service h1 {
font-size: 20px !important;
line-height: 28px !important;
}
.service h3 {
font-size: 15px !important;
line-height: 22px !important;
}
.features {
padding: 25px 15px !important;
}
.features ul {
max-width: 100% !important;
padding: 0 10px !important;
}
.features ul li {
margin-top: 20px !important;
padding-left: 50px !important;
}
.features ul li img {
width: 40px !important;
}
.features ul li h4 {
font-size: 16px !important;
}
.features ul li p {
font-size: 13px !important;
line-height: 1.6 !important;
}
}
</style>