1 line
15 KiB
Plaintext
1 line
15 KiB
Plaintext
|
{"version":3,"file":"solutions.vue2.mjs","sources":["../../../../pages/solutions.vue"],"sourcesContent":["<template>\r\n <div>\r\n <!-- 页面标题 -->\r\n <HeroBanner \r\n title=\"解决方案\" \r\n subtitle=\"针对不同行业和业务场景的专业AWS云服务解决方案\"\r\n />\r\n\r\n <!-- 解决方案分类 -->\r\n <section class=\"py-20\">\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\">AWS云解决方案</h2>\r\n <p class=\"text-xl text-gray-600 leading-relaxed\">基于AWS云服务，为不同行业提供专业解决方案</p>\r\n </div>\r\n \r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div v-for=\"(category, index) in solutionCategories\" :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', category.icon]\"></i>\r\n </div>\r\n <h3 class=\"text-xl font-semibold mb-4\">{{ category.title }}</h3>\r\n <p class=\"text-gray-600 leading-relaxed mb-6\">{{ category.description }}</p>\r\n <a :href=\"'#' + category.id\" class=\"inline-flex items-center text-secondary hover:text-secondary/90\">\r\n 查看详情\r\n <i class=\"fas fa-arrow-right ml-2\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <!-- 解决方案详情 -->\r\n <div class=\"space-y-16\">\r\n <section v-for=\"(solution, index) in solutions\" :key=\"index\" :id=\"solution.id\" class=\"py-20\" :class=\"index % 2 === 0 ? 'bg-gray-50' : 'bg-white'\">\r\n <div class=\"container\">\r\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n <div :class=\"index % 2 === 1 ? 'md:order-1' : ''\">\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=\"['text-8xl text-secondary', solution.icon]\"></i>\r\n </div>\r\n </div>\r\n <div>\r\n <h2 class=\"text-4xl font-bold text-[#333333] mb-6\">{{ solution.title }}</h2>\r\n <p class=\"text-gray-600 leading-relaxed mb-6\">{{ solution.description }}</p>\r\n <div class=\"mb-8\">\r\n <h4 class=\"text-lg font-semibold mb-4\">解决方案优势</h4>\r\n <ul class=\"space-y-3\">\r\n <li v-for=\"(benefit, idx) in solution.benefits\" :key=\"idx\" class=\"flex items-start\">\r\n <i class=\"fas fa-check-circle text-green-500 mt-1 mr-3\"></i>\r\n <span class=\"text-gray-600\">{{ benefit }}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"mb-8\">\r\n <h4 class=\"text-lg font-semibold mb-4\">适用行业</h4>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span v-for=\"(industry, idx) in solution.industries\" :key=\"idx\" class=\"px-3 py-1 bg-gray-100 text-gray-700 rounded-full text-sm\">\r\n {{ industry }}\r\n </span>\r\n </div>\r\n </div>\r\n <a href=\"#contact\" class=\"btn-primary\">咨询方案</a>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n\r\n <!-- 实施流程 -->\r\n <section class=\"py-20 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\">解决方案实施流程</h2>\r\n <p class=\"text-xl text-gray-600 leading-relaxed\">专业、高效
|