diff --git a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue index c656f2f..59d8185 100644 --- a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue +++ b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue @@ -12,7 +12,7 @@ 在线咨询 - 在线咨询 + @@ -899,16 +899,17 @@ export default { } .floating-consult-btn.primary { - width: 56px; + width: 80px; + height: 80px; padding: 12px 8px; - border-radius: 28px; + border-radius: 50%; gap: 8px; } .floating-consult-icon { position: relative; - width: 36px; - height: 36px; + width: 100%; + height: 100%; } .floating-consult-icon img { diff --git a/f/web-kboss/src/views/homePage/components/topBox/index.vue b/f/web-kboss/src/views/homePage/components/topBox/index.vue index 63fc43d..7731a27 100644 --- a/f/web-kboss/src/views/homePage/components/topBox/index.vue +++ b/f/web-kboss/src/views/homePage/components/topBox/index.vue @@ -15,6 +15,7 @@ - + --> -
+
-
+
- +
- + { this.$store.commit('setShowHomeNav', true) + this.$nextTick(this.updateProductPanelPosition) }, 100) }, sildeOut() { @@ -1113,20 +1146,19 @@ export default Vue.extend({ } .login-btn { - height: 36px; + height: 48px; + width: 100px; padding: 0; border: 0; + border-radius: 99px; background: transparent; - color: #333; + color: #fff; + background-color: #000; cursor: pointer; font-size: 16px !important; font-weight: 700; // line-height: 36px transition: color 0.2s ease; - - &:hover { - color: #1E6FFF; - } } .register-btn { @@ -1187,11 +1219,28 @@ export default Vue.extend({ border-top: 1px solid rgba(15, 23, 42, 0.04); } +.product-panel--side-only { + right: auto; + width: 210px; + min-height: auto; + background: transparent; + backdrop-filter: none; + border-top: 0; + box-shadow: none; + border-radius: 0; + overflow: visible; +} + .product-panel__side { width: 210px; padding: 20px 16px; - background: linear-gradient(180deg, #f4f8ff 0%, #f8fafc 100%); + background: #fff; + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; box-sizing: border-box; + display: flex; + flex-direction: column; + gap: 6px; } .product-side-item { @@ -1209,8 +1258,7 @@ export default Vue.extend({ text-align: left; transition: all 0.2s ease; - &:hover, - &.active { + &:hover { background: #e8f1ff; color: #1e6fff; font-weight: 600; diff --git a/f/web-kboss/src/views/homePage/mainPage/index.vue b/f/web-kboss/src/views/homePage/mainPage/index.vue index 4914c86..94ee54d 100644 --- a/f/web-kboss/src/views/homePage/mainPage/index.vue +++ b/f/web-kboss/src/views/homePage/mainPage/index.vue @@ -122,7 +122,7 @@

{{ $t('home.companyNewsTitle') }}

- +
@@ -387,9 +387,7 @@ export default { goCases() { this.navigateTo('/homePage/agentStore') }, - goNews() { - this.navigateTo('/homePage/new') - }, + nextSolution() { this.switchSolution(1)