1 line
10 KiB
JSON
1 line
10 KiB
JSON
|
{"file":"products.vue2.mjs","mappings":";;;;;;;;;AAyGA,UAAM,oBAAoB;AAAA,MACxB;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,IAEjB;AAGA,UAAM,WAAW;AAAA,MACf;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,QACb,UAAU;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,QACb,UAAU;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,QACb,UAAU;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS;AAAA,MAAA;AAAA,IAEb;AAGA,UAAM,aAAa;AAAA,MACjB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../../../../pages/products.vue"],"sourcesContent":["<template>\r\n <div>\r\n <!-- 页面标题 -->\r\n <HeroBanner \r\n title=\"AWS产品\" \r\n subtitle=\"全面的云计算产品线，满足您的各种业务需求\"\r\n />\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\">AWS全线产品</h2>\r\n <p class=\"text-xl text-gray-600 leading-relaxed\">覆盖计算、存储、数据库、网络、安全等多个领域</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 productCategories\" :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-16 h-16 bg-secondary/10 rounded-full flex items-center justify-center mb-6\">\r\n <i :class=\"['text-secondary text-2xl', category.icon]\"></i>\r\n </div>\r\n <h3 class=\"text-xl font-semibold mb-4\">{{ category.name }}</h3>\r\n <p class=\"text-gray-600 leading-relaxed mb-6\">{{ category.description }}</p>\r\n <a href=\"#product-list\" 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 <section id=\"product-list\" 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\">AWS核心产品详细介绍</p>\r\n </div>\r\n\r\n <div class=\"space-y-12\">\r\n <div v-for=\"(product, index) in products\" :key=\"index\" class=\"bg-white rounded-lg shadow-lg overflow-hidden\">\r\n <div class=\"grid md:grid-cols-3\">\r\n <div class=\"bg-gradient-to-br from-secondary/20 to-secondary/10 flex items-center justify-center p-8\">\r\n <i :class=\"['text-8xl text-secondary', product.icon]\"></i>\r\n </div>\r\n <div class=\"md:col-span-2 p-8\">\r\n <h3 class=\"text-2xl font-semibold mb-4\">{{ product.name }}</h3>\r\n <p class=\"text-gray-600 leading-relaxed mb-6\">{{ product.description }}</p>\r\n <div class=\"mb-6\">\r\n <h4 class=\"text-lg font-semibold mb-2\">产品优势</h4>\r\n
|