1 line
8.2 KiB
Plaintext
1 line
8.2 KiB
Plaintext
{"version":3,"file":"about.vue2.mjs","sources":["../../../../pages/about.vue"],"sourcesContent":["<template>\r\n <div>\r\n <!-- 页面标题 -->\r\n <HeroBanner \r\n :title=\"$t('about.hero.title')\" \r\n :subtitle=\"$t('about.hero.subtitle')\"\r\n />\r\n\r\n <!-- 公司简介 -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n <div>\r\n <h2 class=\"text-4xl font-bold text-[#333333] mb-8 mt-6\">{{ $t('about.company.title') }}</h2>\r\n <p class=\"text-gray-600 mb-4 text-lg leading-relaxed\">{{ $t('about.company.description1') }}</p>\r\n <p class=\"text-gray-600 mb-8 text-lg leading-relaxed\">{{ $t('about.company.description2') }}</p>\r\n <ul class=\"space-y-4\">\r\n <li v-for=\"(achievement, index) in achievements\" :key=\"index\" class=\"flex items-center text-lg\">\r\n <i class=\"fas fa-check-circle text-green-500 mr-3\"></i>\r\n <span class=\"text-gray-700\">{{ $t(achievement) }}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"bg-gradient-to-br from-secondary/20 to-secondary/10 h-80 rounded-lg flex items-center justify-center\">\r\n <i class=\"fas fa-building text-8xl text-secondary\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <!-- 我们的优势 -->\r\n <section class=\"section bg-gray-50\">\r\n <div class=\"container\">\r\n <div class=\"max-w-4xl mx-auto text-center mb-16\">\r\n <h2 class=\"text-4xl font-bold text-[#333333] mb-4 mt-6\">{{ $t('about.advantages.title') }}</h2>\r\n <p class=\"text-xl text-gray-600 leading-relaxed\">{{ $t('about.advantages.subtitle') }}</p>\r\n </div>\r\n <div class=\"grid md:grid-cols-4 gap-8\">\r\n <div v-for=\"(advantage, index) in advantages\" :key=\"index\" class=\"bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 text-center\">\r\n <div class=\"w-20 h-20 bg-gradient-to-br from-secondary/20 to-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <i :class=\"['text-secondary text-3xl', advantage.icon]\"></i>\r\n </div>\r\n <h3 class=\"text-xl font-semibold mb-4\">{{ $t(advantage.titleKey) }}</h3>\r\n <p class=\"text-gray-600 leading-relaxed\">{{ $t(advantage.descriptionKey) }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <!-- 企业文化 -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"max-w-4xl mx-auto text-center mb-16\">\r\n <h2 class=\"text-4xl font-bold text-[#333333] mb-4 mt-6\">{{ $t('about.culture.title') }}</h2>\r\n <p class=\"text-xl text-gray-600 leading-relaxed\">{{ $t('about.culture.subtitle') }}</p>\r\n </div>\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div v-for=\"(culture, index) in cultures\" :key=\"index\" class=\"bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1\">\r\n <div class=\"w-20 h-20 bg-gradient-to-br from-secondary/20 to-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <i :class=\"['text-secondary text-3xl', culture.icon]\"></i>\r\n </div>\r\n <h3 class=\"text-xl font-semibold mb-4 text-center\">{{ $t(culture.titleKey) }}</h3>\r\n <p class=\"text-gray-600 leading-relaxed text-center\">{{ $t(culture.descriptionKey) }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <!-- 发展历程 -->\r\n <section class=\"section bg-gray-50\">\r\n <div class=\"container\">\r\n <div class=\"max-w-4xl mx-auto text-center mb-16\">\r\n <h2 class=\"text-4xl font-bold text-[#333333] mb-4 mt-6\">{{ $t('about.history.title') }}</h2>\r\n <p class=\"text-xl text-gray-600 leading-relaxed\">{{ $t('about.history.subtitle') }}</p>\r\n </div>\r\n <div class=\"space-y-8\">\r\n <div v-for=\"(history, index) in historyItems\" :key=\"index\" class=\"flex flex-col md:flex-row items-center gap-8\">\r\n <div class=\"w-full md:w-1/4 text-right\">\r\n <h3 class=\"text-2xl font-semibold text-secondary\">{{ $t(history.yearKey) }}</h3>\r\n </div>\r\n <div class=\"w-px h-16 bg-secondary hidden md:block\"></div>\r\n <div class=\"w-full md:w-3/4\">\r\n <p class=\"text-gray-600 text-lg leading-relaxed\">{{ $t(history.descriptionKey) }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <!-- 联系我们 -->\r\n <section class=\"section bg-primary text-white\">\r\n <div class=\"container text-center\">\r\n <h2 class=\"text-4xl font-bold mb-6\">{{ $t('about.contact.title') }}</h2>\r\n <p class=\"text-xl mb-8 max-w-2xl mx-auto leading-relaxed\">{{ $t('about.contact.subtitle') }}</p>\r\n <NuxtLink to=\"/contact\" class=\"inline-flex items-center bg-white text-black px-8 py-4 rounded-lg hover:bg-gray-100 transition-colors duration-300 text-lg font-semibold\">\r\n {{ $t('about.contact.button') }}\r\n <i class=\"fas fa-arrow-right ml-2\"></i>\r\n </NuxtLink>\r\n </div>\r\n </section>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { useI18n } from 'vue-i18n';\r\n\r\nconst { t } = useI18n();\r\n\r\n// 公司成就\r\nconst achievements = [\r\n 'about.achievements.item1',\r\n 'about.achievements.item2',\r\n 'about.achievements.item3'\r\n];\r\n\r\n// 优势数据\r\nconst advantages = [\r\n {\r\n icon: 'fas fa-certificate',\r\n titleKey: 'about.advantages.certification.title',\r\n descriptionKey: 'about.advantages.certification.description'\r\n },\r\n {\r\n icon: 'fas fa-users',\r\n titleKey: 'about.advantages.team.title',\r\n descriptionKey: 'about.advantages.team.description'\r\n },\r\n {\r\n icon: 'fas fa-code',\r\n titleKey: 'about.advantages.technical.title',\r\n descriptionKey: 'about.advantages.technical.description'\r\n },\r\n {\r\n icon: 'fas fa-headset',\r\n titleKey: 'about.advantages.service.title',\r\n descriptionKey: 'about.advantages.service.description'\r\n }\r\n];\r\n\r\n// 企业文化\r\nconst cultures = [\r\n {\r\n icon: 'fas fa-bullseye',\r\n titleKey: 'about.culture.mission.title',\r\n descriptionKey: 'about.culture.mission.description'\r\n },\r\n {\r\n icon: 'fas fa-eye',\r\n titleKey: 'about.culture.vision.title',\r\n descriptionKey: 'about.culture.vision.description'\r\n },\r\n {\r\n icon: 'fas fa-heart',\r\n titleKey: 'about.culture.values.title',\r\n descriptionKey: 'about.culture.values.description'\r\n }\r\n];\r\n\r\n// 发展历程\r\nconst historyItems = [\r\n {\r\n yearKey: 'about.history.year2023.year',\r\n descriptionKey: 'about.history.year2023.description'\r\n },\r\n {\r\n yearKey: 'about.history.year2021.year',\r\n descriptionKey: 'about.history.year2021.description'\r\n },\r\n {\r\n yearKey: 'about.history.year2018.year',\r\n descriptionKey: 'about.history.year2018.description'\r\n }\r\n];\r\n</script>"],"names":[],"mappings":";;;;;;;;;;AA0GM,UAAA,EAAE,EAAE,IAAI,QAAQ;AAGtB,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAGA,UAAM,aAAa;AAAA,MACjB;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAAA;AAAA,IAEpB;AAGA,UAAM,WAAW;AAAA,MACf;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAAA;AAAA,IAEpB;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,SAAS;AAAA,QACT,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,gBAAgB;AAAA,MAAA;AAAA,IAEpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} |