首页更新
This commit is contained in:
parent
dd8960f0f1
commit
9950b7bdf8
@ -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 {
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user