首页更新

This commit is contained in:
hrx 2026-07-02 13:38:54 +08:00
parent dd8960f0f1
commit 9950b7bdf8
4 changed files with 58 additions and 48 deletions

View File

@ -1072,9 +1072,9 @@ export default Vue.extend({
background: transparent; background: transparent;
color: #333; color: #333;
cursor: pointer; cursor: pointer;
font-size: 15px !important; font-size: 17px !important;
font-weight: 500; font-weight: 700;
line-height: 36px; // line-height: 36px
transition: color 0.2s ease; transition: color 0.2s ease;
&:hover { &:hover {

View File

@ -3,7 +3,7 @@
<el-dialog <el-dialog
title="联系销售" title="联系销售"
:visible="dialogVisible" :visible="dialogVisible"
width="620px" width="580px"
center center
append-to-body append-to-body
:close-on-click-modal="false" :close-on-click-modal="false"
@ -29,10 +29,10 @@
<el-form-item prop="phone" label="联系人手机"> <el-form-item prop="phone" label="联系人手机">
<el-input v-model="addData.phone" placeholder="请输入联系人手机"></el-input> <el-input v-model="addData.phone" placeholder="请输入联系人手机"></el-input>
</el-form-item> </el-form-item>
<el-form-item v-show="addData.custom_type==='1'" label="公司名称"> <el-form-item v-show="addData.custom_type==='1'" label="公司名称" class="form-item--compact">
<el-input v-model="addData.company" placeholder="请输入公司名称"></el-input> <el-input v-model="addData.company" placeholder="请输入公司名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系人邮箱"> <el-form-item label="联系人邮箱" class="form-item--compact">
<el-input v-model="addData.email" placeholder="请输入联系人邮箱"></el-input> <el-input v-model="addData.email" placeholder="请输入联系人邮箱"></el-input>
</el-form-item> </el-form-item>
</div> </div>
@ -179,7 +179,7 @@ export default Vue.extend({
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 22px 28px 8px; padding: 18px 22px 6px;
border: none; border: none;
} }
@ -197,7 +197,7 @@ export default Vue.extend({
} }
::v-deep .el-dialog__body { ::v-deep .el-dialog__body {
padding: 8px 28px 6px; padding: 6px 22px 4px;
} }
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
@ -239,20 +239,28 @@ export default Vue.extend({
.talk-body { .talk-body {
position: relative; position: relative;
min-height: 470px; min-height: 430px;
padding-bottom: 8px;
} }
.talk-form { .talk-form {
min-width: 0; min-width: 0;
padding-right: 178px; padding-right: 0;
} }
.form-grid { .form-grid {
display: block; display: block;
} }
.form-item--compact {
width: calc(100% - 164px);
}
.agreement-checkbox { .agreement-checkbox {
margin-top: 4px; margin-top: 8px;
max-width: calc(100% - 164px);
display: inline-flex;
align-items: center;
::v-deep .el-checkbox__label { ::v-deep .el-checkbox__label {
color: #6b7280; color: #6b7280;
@ -260,15 +268,19 @@ export default Vue.extend({
line-height: 1.7; line-height: 1.7;
white-space: normal; white-space: normal;
} }
::v-deep .el-checkbox__input {
align-self: center;
}
} }
.qcode { .qcode {
width: 150px; width: 140px;
min-height: 174px; min-height: 162px;
padding: 14px 12px; padding: 12px 10px;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 8px;
border-radius: 18px; border-radius: 18px;
background: linear-gradient(180deg, #f4f8ff 0%, #ffffff 100%); background: linear-gradient(180deg, #f4f8ff 0%, #ffffff 100%);
border: 1px solid #edf1f7; border: 1px solid #edf1f7;
@ -279,16 +291,16 @@ export default Vue.extend({
box-sizing: border-box; box-sizing: border-box;
img { img {
width: 112px; width: 104px;
height: 112px; height: 104px;
object-fit: cover; object-fit: cover;
border-radius: 12px; border-radius: 12px;
} }
span { span {
margin-top: 12px; margin-top: 10px;
color: #4b5563; color: #4b5563;
font-size: 14px; font-size: 13px;
font-weight: 600; font-weight: 600;
} }
} }
@ -298,16 +310,16 @@ export default Vue.extend({
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 14px; gap: 14px;
padding: 8px 28px 26px; padding: 6px 22px 22px;
} }
.cancel-btn, .cancel-btn,
.submit-btn { .submit-btn {
min-width: 160px; min-width: 150px;
height: 44px; height: 42px;
padding: 0 32px; padding: 0 28px;
border-radius: 999px; border-radius: 999px;
font-size: 16px; font-size: 15px;
font-weight: 600; font-weight: 600;
} }
@ -338,5 +350,9 @@ export default Vue.extend({
min-height: auto; min-height: auto;
margin-top: 20px; margin-top: 20px;
} }
.form-item--compact {
width: 100%;
}
} }
</style> </style>

View File

@ -8,7 +8,21 @@
<!-- footer--> <!-- footer-->
<div class="footer"> <div class="footer">
<div class="left-box"> <div class="left-box">
<ul class="bigUl">
<li class="bigLi footer-service">
<span class="title">产品服务</span>
<ul class="smallUl footer-service-list">
<li
v-for="item in footerProductServices"
:key="item.label"
class="smallLi"
@click="goFooterService(item.path)"
>
{{ item.label }}
</li>
</ul>
</li>
</ul>
<div class="footer-brand"> <div class="footer-brand">
<img v-if="JSON.stringify(logoInfoNew)!=='{}'" <img v-if="JSON.stringify(logoInfoNew)!=='{}'"
:src="logoInfoNew.home.logoImg" alt="" :src="logoInfoNew.home.logoImg" alt=""
@ -28,21 +42,7 @@
</div> </div>
</div> </div>
<ul class="bigUl">
<li class="bigLi footer-service">
<span class="title">产品服务</span>
<ul class="smallUl footer-service-list">
<li
v-for="item in footerProductServices"
:key="item.label"
class="smallLi"
@click="goFooterService(item.path)"
>
{{ item.label }}
</li>
</ul>
</li>
</ul>
<div v-if="JSON.stringify(logoInfoNew)!=='{}'&&logoInfoNew.home.bannerTitle!=='开元数智'" class="right-box"> <div v-if="JSON.stringify(logoInfoNew)!=='{}'&&logoInfoNew.home.bannerTitle!=='开元数智'" class="right-box">
<div class="qr-box"> <div class="qr-box">
<div class="qr-code"> <div class="qr-code">

View File

@ -33,6 +33,8 @@
class="solution-card" class="solution-card"
:class="`solution-card--slot-${item.slot}`" :class="`solution-card--slot-${item.slot}`"
:style="{ background: item.card.bg, boxShadow: item.card.shadow }" :style="{ background: item.card.bg, boxShadow: item.card.shadow }"
@mouseenter="stopSolutionCarousel"
@mouseleave="startSolutionCarousel"
@click="setSolutionIndex(item.index)" @click="setSolutionIndex(item.index)"
> >
<div class="solution-card__front"> <div class="solution-card__front">
@ -640,14 +642,6 @@ body.dark-theme .bg-orb {
.solution-card { .solution-card {
transition-duration: 1.05s; transition-duration: 1.05s;
} }
.solution-card--slot-0 {
animation: centerCardSpin 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.solution-card--slot-0 .solution-card__icon {
animation: iconRoundSpin 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
} }
.solution-card { .solution-card {