diff --git a/assets/css/styles.css b/assets/css/styles.css index f2dc3eb..b77c86d 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -111,4 +111,43 @@ background-color: #e66a02; border-color: #e66a02; color: #fff; +} + +/* 轮播图样式优化 */ +.carousel-item { + height: 400px; /* 固定高度 */ +} + +.carousel-item img { + object-fit: cover; /* 图片填充方式 */ + height: 100%; +} + +.carousel-caption { + background: rgba(0, 0, 0, 0.5); /* 半透明背景 */ + padding: 20px; + border-radius: 10px; +} + +/* 可点击图片的鼠标样式 */ +.cursor-pointer { + cursor: pointer; +} + +/* 图片模态框样式 */ +#imageModal .modal-dialog { + max-width: 90vw; +} + +#imageModal .modal-content { + background-color: rgba(0, 0, 0, 0.9); +} + +#imageModal .btn-close-white { + filter: invert(1) grayscale(100%) brightness(200%); +} + +#modalImage { + max-height: 85vh; + object-fit: contain; } \ No newline at end of file diff --git a/assets/images/使能数据交易.png b/assets/images/使能数据交易.png new file mode 100644 index 0000000..00ee756 Binary files /dev/null and b/assets/images/使能数据交易.png differ diff --git a/assets/images/政企联合风控.png b/assets/images/政企联合风控.png new file mode 100644 index 0000000..45567bb Binary files /dev/null and b/assets/images/政企联合风控.png differ diff --git a/assets/images/政务数据.png b/assets/images/政务数据.png new file mode 100644 index 0000000..1f24a50 Binary files /dev/null and b/assets/images/政务数据.png differ diff --git a/assets/images/金融联合营销.png b/assets/images/金融联合营销.png new file mode 100644 index 0000000..65781af Binary files /dev/null and b/assets/images/金融联合营销.png differ diff --git a/assets/js/script.js b/assets/js/script.js index 28db646..1202749 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -1,3 +1,14 @@ +// 显示图片模态框函数移到全局作用域 +function showImageModal(imgElement) { + const modal = document.getElementById('imageModal'); + const modalImg = document.getElementById('modalImage'); + modalImg.src = imgElement.src; + modalImg.alt = imgElement.alt; + + const bsModal = new bootstrap.Modal(modal); + bsModal.show(); +} + document.addEventListener('DOMContentLoaded', function() { // 初始化工具提示 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) diff --git a/index.html b/index.html index 8b41c2e..0a50698 100644 --- a/index.html +++ b/index.html @@ -14,132 +14,209 @@
可信数据空间四大核心功能模块
+基于隐私计算的可信数据环境
+丰富的行业应用场景演示
+包含100万+企业的多维度信用评分数据,适用于风控建模
+覆盖全国3000+医院的医疗器械使用情况实时数据接口
+涵盖主要工业设备的运行参数、维护记录等数据集
+