Browse Source

refactor(SCSS): 添加sass:color导入以支持颜色操作

refactor: 使用configParams动态设置电话链接和团队页面标题

refactor(CaseDetail): 简化当前案例的获取逻辑
```

### 解释:
1. **refactor(SCSS)**: 在多个文件中添加了 `@use "sass:color";` 以支持颜色操作,这是对SCSS的改进。
2. **refactor**: 使用 `configParams` 动态设置电话链接和团队页面的标题、副标题及背景图片,提高了代码的灵活性和可维护性。
3. **refactor(CaseDetail)**: 简化了 `CaseDetail.vue` 中当前案例的获取逻辑,直接返回列表中的第一个案例,减少了代码复杂度。
master
前端-胡立永 1 week ago
parent
commit
50f8b32b6d
6 changed files with 17 additions and 8 deletions
  1. +8
    -3
      src/components/CallToAction.vue
  2. +4
    -3
      src/views/company/Team.vue
  3. +2
    -1
      src/views/pages/CaseDetail.vue
  4. +1
    -0
      src/views/pages/Cases.vue
  5. +1
    -0
      src/views/pages/Contact.vue
  6. +1
    -1
      src/views/pages/Services.vue

+ 8
- 3
src/components/CallToAction.vue View File

@ -1,4 +1,10 @@
<script setup>
import { useConfigStore } from '@/stores/config'
const { configParams } = useConfigStore()
// props
const props = defineProps({
//
@ -27,9 +33,8 @@ const props = defineProps({
default: '电话联系'
},
//
secondaryButtonLink: {
secondaryButtonLink : {
type: String,
default: 'tel:+8612345678901'
},
//
showIcon: {
@ -58,7 +63,7 @@ const props = defineProps({
{{ primaryButtonText }}
<i class="fas fa-arrow-right"></i>
</a>
<a :href="secondaryButtonLink" class="btn-outline">{{ secondaryButtonText }}</a>
<a :href="secondaryButtonLink || `tel:+186${configParams.phone}`" class="btn-outline">{{ secondaryButtonText }}</a>
</div>
</div>
</div>


+ 4
- 3
src/views/company/Team.vue View File

@ -99,9 +99,9 @@ const handleContact = (contactInfo) => {
<template>
<div class="team-page">
<PageHeader
title="我们的团队"
subtitle="认识瀚海黎明背后的专业人才"
backgroundImage="https://images.unsplash.com/photo-1522071901873-411886a10004?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"
:title="configParams.team_banner_title"
:subtitle="configParams.team_banner_subtitle"
:backgroundImage="configParams.team_banner_bg && configParams.team_banner_bg.split(',')[0]"
/>
<section class="team-members">
@ -148,6 +148,7 @@ const handleContact = (contactInfo) => {
<style lang="scss" scoped>
/* 导入全局SCSS变量 */
@use '../../assets/scss/main.scss' as *;
@use "sass:color";
/* 页面头部样式已移至PageHeader组件 */


+ 2
- 1
src/views/pages/CaseDetail.vue View File

@ -223,7 +223,7 @@ const casesList = ref([
//
const currentCase = computed(() => {
return casesList.value.find(item => item.id === caseId.value) || null;
return casesList.value[0] || null;
});
//
@ -406,6 +406,7 @@ onMounted(() => {
<style lang="scss" scoped>
/* 导入全局SCSS变量 */
@use '../../assets/scss/main.scss' as *;
@use "sass:color";
/* 页面头部样式 */
.header-cta {


+ 1
- 0
src/views/pages/Cases.vue View File

@ -123,6 +123,7 @@ onMounted(() => {
<style lang="scss" scoped>
/* 导入全局SCSS变量 */
@use '../../assets/scss/main.scss' as *;
@use "sass:color";
/* 页面头部样式 */
.page-header {


+ 1
- 0
src/views/pages/Contact.vue View File

@ -414,6 +414,7 @@ onMounted(() => {
<style lang="scss" scoped>
/* 导入全局SCSS变量 */
@use '../../assets/scss/main.scss' as *;
@use "sass:color";
/* 页面头部样式已移至PageHeader组件 */


+ 1
- 1
src/views/pages/Services.vue View File

@ -132,7 +132,7 @@ onMounted(() => {
primaryButtonText="联系我们"
primaryButtonLink="/contact"
secondaryButtonText="服务热线"
secondaryButtonLink="tel:+8612345678901"
:secondaryButtonLink="`tel:+86${configParams.phone}`"
iconClass="fas fa-paper-plane"
/>


Loading…
Cancel
Save