首页更新
This commit is contained in:
parent
dd8960f0f1
commit
9950b7bdf8
@ -1072,9 +1072,9 @@ export default Vue.extend({
|
||||
background: transparent;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
font-size: 15px !important;
|
||||
font-weight: 500;
|
||||
line-height: 36px;
|
||||
font-size: 17px !important;
|
||||
font-weight: 700;
|
||||
// line-height: 36px
|
||||
transition: color 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<el-dialog
|
||||
title="联系销售"
|
||||
:visible="dialogVisible"
|
||||
width="620px"
|
||||
width="580px"
|
||||
center
|
||||
append-to-body
|
||||
:close-on-click-modal="false"
|
||||
@ -29,10 +29,10 @@
|
||||
<el-form-item prop="phone" label="联系人手机">
|
||||
<el-input v-model="addData.phone" placeholder="请输入联系人手机"></el-input>
|
||||
</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-form-item>
|
||||
<el-form-item label="联系人邮箱">
|
||||
<el-form-item label="联系人邮箱" class="form-item--compact">
|
||||
<el-input v-model="addData.email" placeholder="请输入联系人邮箱"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
@ -179,7 +179,7 @@ export default Vue.extend({
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 22px 28px 8px;
|
||||
padding: 18px 22px 6px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -197,7 +197,7 @@ export default Vue.extend({
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 8px 28px 6px;
|
||||
padding: 6px 22px 4px;
|
||||
}
|
||||
|
||||
::v-deep .el-form-item__label {
|
||||
@ -239,20 +239,28 @@ export default Vue.extend({
|
||||
|
||||
.talk-body {
|
||||
position: relative;
|
||||
min-height: 470px;
|
||||
min-height: 430px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.talk-form {
|
||||
min-width: 0;
|
||||
padding-right: 178px;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.form-grid {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.form-item--compact {
|
||||
width: calc(100% - 164px);
|
||||
}
|
||||
|
||||
.agreement-checkbox {
|
||||
margin-top: 4px;
|
||||
margin-top: 8px;
|
||||
max-width: calc(100% - 164px);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
::v-deep .el-checkbox__label {
|
||||
color: #6b7280;
|
||||
@ -260,15 +268,19 @@ export default Vue.extend({
|
||||
line-height: 1.7;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
::v-deep .el-checkbox__input {
|
||||
align-self: center;
|
||||
}
|
||||
}
|
||||
|
||||
.qcode {
|
||||
width: 150px;
|
||||
min-height: 174px;
|
||||
padding: 14px 12px;
|
||||
width: 140px;
|
||||
min-height: 162px;
|
||||
padding: 12px 10px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
bottom: 8px;
|
||||
border-radius: 18px;
|
||||
background: linear-gradient(180deg, #f4f8ff 0%, #ffffff 100%);
|
||||
border: 1px solid #edf1f7;
|
||||
@ -279,16 +291,16 @@ export default Vue.extend({
|
||||
box-sizing: border-box;
|
||||
|
||||
img {
|
||||
width: 112px;
|
||||
height: 112px;
|
||||
width: 104px;
|
||||
height: 104px;
|
||||
object-fit: cover;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-top: 12px;
|
||||
margin-top: 10px;
|
||||
color: #4b5563;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
@ -298,16 +310,16 @@ export default Vue.extend({
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
padding: 8px 28px 26px;
|
||||
padding: 6px 22px 22px;
|
||||
}
|
||||
|
||||
.cancel-btn,
|
||||
.submit-btn {
|
||||
min-width: 160px;
|
||||
height: 44px;
|
||||
padding: 0 32px;
|
||||
min-width: 150px;
|
||||
height: 42px;
|
||||
padding: 0 28px;
|
||||
border-radius: 999px;
|
||||
font-size: 16px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@ -338,5 +350,9 @@ export default Vue.extend({
|
||||
min-height: auto;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.form-item--compact {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -8,7 +8,21 @@
|
||||
<!-- footer-->
|
||||
<div class="footer">
|
||||
<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">
|
||||
<img v-if="JSON.stringify(logoInfoNew)!=='{}'"
|
||||
:src="logoInfoNew.home.logoImg" alt=""
|
||||
@ -28,21 +42,7 @@
|
||||
|
||||
</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 class="qr-box">
|
||||
<div class="qr-code">
|
||||
|
||||
@ -33,6 +33,8 @@
|
||||
class="solution-card"
|
||||
:class="`solution-card--slot-${item.slot}`"
|
||||
:style="{ background: item.card.bg, boxShadow: item.card.shadow }"
|
||||
@mouseenter="stopSolutionCarousel"
|
||||
@mouseleave="startSolutionCarousel"
|
||||
@click="setSolutionIndex(item.index)"
|
||||
>
|
||||
<div class="solution-card__front">
|
||||
@ -640,14 +642,6 @@ body.dark-theme .bg-orb {
|
||||
.solution-card {
|
||||
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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user