|
601f99ec80
|
feat: 添加移动端适配和样式优化
- 在多个页面添加移动端检测并重定向到对应的移动端页面
- 优化移动端布局样式,包括间距、背景和高度调整
- 为社会责任页面添加分页功能
- 统一图片资源使用CDN地址
- 修复导航链接问题
- 添加新的背景变量和样式
- 优化动画效果和滚动触发
- 调整页面元素间距和响应式布局
|
2025-05-28 17:54:36 +08:00 |
|
|
9bf2ef8ed5
|
style: 调整多个页面的样式,优化布局和响应式设计
调整了多个页面的样式,包括间距、字体大小、背景颜色等,以优化布局和响应式设计。具体修改包括:
- 调整了 `.box_1` 在移动设备下的高度。
- 修改了 `.bottom_imgss` 的背景颜色。
- 在 `AppFooter` 组件中添加了分隔线并调整了背景颜色。
- 优化了 `phone_index.vue` 中的边距和高度设置。
- 在 `phone_concatUs.vue` 中调整了 padding 和背景颜色。
- 在 `phone_info/[id].vue` 中优化了标题和内容的边距。
- 在 `phone_societyDuty.vue` 和 `phone_societyDutyNew.vue` 中添加了顶部导航栏和分隔线。
- 在 `phone_aboutUs.vue` 中调整了文本对齐方式和边距。
- 在 `phone_proServices_con.vue` 和 `phone_proServices.vue` 中优化了布局和样式。
这些修改旨在提升用户体验和界面一致性。
|
2025-05-24 10:44:22 +08:00 |
|
|
c6c977e4d0
|
style: 调整页面样式以提升移动端用户体验
- 修改了多个页面的样式,包括字体大小、间距、对齐方式等,以优化移动端显示效果
- 调整了图片和文本的布局,确保在不同设备上的一致性
- 更新了导航链接,使其在移动端更易于点击
|
2025-05-23 18:25:06 +08:00 |
|
|
2fc44f947e
|
style: 调整首页轮播图样式及响应式布局
在响应式布局中,将 `.dswper` 的宽度从 100% 调整为 90%,以改善页面显示效果。同时,在首页轮播图的每个幻灯片中添加了内边距,提升视觉体验。
|
2025-05-19 18:25:23 +08:00 |
|
|
2052b40fbc
|
-引入CDN配置并优化图片资源加载
- 新增`useCdn` composable,用于全局CDN URL管理
- 在`nuxt.config.ts`中配置CDN域名
- 更新图片资源路径,使用CDN URL加载
- 优化页面样式,统一使用SCSS文件
- 删除冗余组件`CdnImageExample.vue`
-头部动效增加
-增加返回顶部按钮
|
2025-05-16 18:17:04 +08:00 |
|