Compare commits

..

No commits in common. "2b76171a1e14ae2f9006af81c1ce42de97180c96" and "ade5722e91acf83b424c7b7ff9516f9216eb8239" have entirely different histories.

4 changed files with 48 additions and 58 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: 17px !important; font-size: 15px !important;
font-weight: 700; font-weight: 500;
// 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="580px" width="620px"
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="公司名称" class="form-item--compact"> <el-form-item v-show="addData.custom_type==='1'" label="公司名称">
<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="联系人邮箱" class="form-item--compact"> <el-form-item label="联系人邮箱">
<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: 18px 22px 6px; padding: 22px 28px 8px;
border: none; border: none;
} }
@ -197,7 +197,7 @@ export default Vue.extend({
} }
::v-deep .el-dialog__body { ::v-deep .el-dialog__body {
padding: 6px 22px 4px; padding: 8px 28px 6px;
} }
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
@ -239,28 +239,20 @@ export default Vue.extend({
.talk-body { .talk-body {
position: relative; position: relative;
min-height: 430px; min-height: 470px;
padding-bottom: 8px;
} }
.talk-form { .talk-form {
min-width: 0; min-width: 0;
padding-right: 0; padding-right: 178px;
} }
.form-grid { .form-grid {
display: block; display: block;
} }
.form-item--compact {
width: calc(100% - 164px);
}
.agreement-checkbox { .agreement-checkbox {
margin-top: 8px; margin-top: 4px;
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;
@ -268,19 +260,15 @@ 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: 140px; width: 150px;
min-height: 162px; min-height: 174px;
padding: 12px 10px; padding: 14px 12px;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 8px; bottom: 0;
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;
@ -291,16 +279,16 @@ export default Vue.extend({
box-sizing: border-box; box-sizing: border-box;
img { img {
width: 104px; width: 112px;
height: 104px; height: 112px;
object-fit: cover; object-fit: cover;
border-radius: 12px; border-radius: 12px;
} }
span { span {
margin-top: 10px; margin-top: 12px;
color: #4b5563; color: #4b5563;
font-size: 13px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
} }
@ -310,16 +298,16 @@ export default Vue.extend({
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 14px; gap: 14px;
padding: 6px 22px 22px; padding: 8px 28px 26px;
} }
.cancel-btn, .cancel-btn,
.submit-btn { .submit-btn {
min-width: 150px; min-width: 160px;
height: 42px; height: 44px;
padding: 0 28px; padding: 0 32px;
border-radius: 999px; border-radius: 999px;
font-size: 15px; font-size: 16px;
font-weight: 600; font-weight: 600;
} }
@ -350,9 +338,5 @@ 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,21 +8,7 @@
<!-- 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=""
@ -42,7 +28,21 @@
</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,8 +33,6 @@
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">
@ -642,6 +640,14 @@ 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 {