feat:co-creation&about-us

travel-web/src/modules/pc-home/pages/page-about-us/page-about-us.html

@@ -1 +1,62 @@
-<p>page-about-us works!</p>
+
+  <!-- Banner Area -->
+  <div class="banner">
+    <h1>关于我们</h1>
+    <p>探寻我们的初心与使命，了解赣鄱文化云背后的故事</p>
+  </div>
+  
+  <!-- Main Content -->
+  <div class="container">
+    <div class="section-title">平台愿景</div>
+    <div class="about-content">
+      <div class="about-item">
+        <h3>文化传承</h3>
+        <p>汇聚江西文化精髓，以数字化手段，让古老文化资源焕发新活力，成为连接过去与未来的文化桥梁，永久记录、传承江西独特文化脉络。</p>
+      </div>
+      <div class="about-item">
+        <h3>创新融合</h3>
+        <p>融合数字科技，打破文化传播边界，将 AI、3D 等技术与文化深度结合，打造开放、智能的文化共创生态，激发文化创新创造活力。</p>
+      </div>
+      <div class="about-item">
+        <h3>服务大众</h3>
+        <p>搭建文化共享平台，让江西文化触达更广泛人群，无论是本土民众重温乡愁，还是八方游客探索江西，都能便捷获取文化养分。</p>
+      </div>
+    </div>
+  
+    <div class="section-title" style="margin-top: 40px;">团队介绍</div>
+    <div class="about-content">
+      <div class="about-item">
+        <h3>文化专家</h3>
+        <p>深耕江西文化领域多年，涵盖历史、民俗、非遗等方向，为平台内容把关、挖掘文化价值，让文化呈现更具深度与准确性。</p>
+      </div>
+      <div class="about-item">
+        <h3>技术团队</h3>
+        <p>精通数字技术，从 AI 研发到 3D 建模、平台搭建，以技术为笔，将文化绘制成数字化画卷，保障平台稳定、创新运行。</p>
+      </div>
+      <div class="about-item">
+        <h3>运营伙伴</h3>
+        <p>负责平台推广、用户服务与生态构建，连接文化资源方、创作者与大众，让赣鄱文化云真正成为活跃的文化交流空间。</p>
+      </div>
+    </div>
+  
+    <div class="section-title" style="margin-top: 40px;">联系我们</div>
+    <div class="about-content">
+      <div class="about-item">
+        <h3>地址</h3>
+        <p>江西省南昌市[具体地址，可根据实际补充]</p>
+      </div>
+      <div class="about-item">
+        <h3>电话</h3>
+        <p>0791 - XXXXXXX</p>
+      </div>
+      <div class="about-item">
+        <h3>邮箱</h3>
+        <p>service gpculturecloud.com</p>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Footer -->
+  <footer class="footer">
+    <p>©2025 赣鄱文化云 版权所有</p>
+  </footer>

travel-web/src/modules/pc-home/pages/page-about-us/page-about-us.scss

@@ -0,0 +1,145 @@
+/* General style reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+  
+  body {
+    font-family: "Microsoft YaHei", sans-serif;
+    background-color: #fff;
+    color: #333;
+  }
+  
+  /* Header navigation styles */
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 20px;
+    height: 60px;
+    border-bottom: 1px solid #eee;
+    
+    .logo {
+      display: flex;
+      align-items: center;
+      
+      img {
+        height: 30px;
+        margin-right: 8px;
+      }
+      
+      span {
+        font-size: 18px;
+        font-weight: bold;
+        color: #007bff;
+      }
+    }
+    
+    .nav {
+      display: flex;
+      gap: 20px;
+      
+      a {
+        text-decoration: none;
+        color: #333;
+        transition: color 0.3s ease;
+        
+        &:hover {
+          color: #007bff;
+        }
+        
+        &.active {
+          color: #007bff;
+          font-weight: bold;
+        }
+      }
+    }
+  }
+  
+  /* Banner area */
+  .banner {
+    background-color: #444;
+    color: #fff;
+    text-align: center;
+    padding: 50px 0;
+    
+    h1 {
+      font-size: 28px;
+      margin-bottom: 10px;
+    }
+    
+    p {
+      font-size: 14px;
+      opacity: 0.9;
+    }
+  }
+  
+  /* Main content container */
+  .container {
+    width: 90%;
+    max-width: 1200px;
+    margin: 40px auto;
+  }
+  
+  .section-title {
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 20px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #007bff;
+    display: inline-block;
+  }
+  
+  .about-content {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 30px;
+  }
+  
+  .about-item {
+    flex: 1;
+    min-width: 280px;
+    background-color: #f9f9f9;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    
+    h3 {
+      font-size: 18px;
+      margin-bottom: 10px;
+      color: #007bff;
+    }
+    
+    p {
+      line-height: 1.6;
+    }
+  }
+  
+  /* Footer styles */
+  .footer {
+    text-align: center;
+    padding: 20px;
+    background-color: #f5f5f5;
+    border-top: 1px solid #eee;
+    margin-top: 40px;
+  }
+  
+  /* Responsive adjustments */
+  @media (max-width: 768px) {
+    .header {
+      flex-direction: column;
+      height: auto;
+      padding: 15px;
+      
+      .nav {
+        margin-top: 15px;
+        flex-wrap: wrap;
+        justify-content: center;
+      }
+    }
+    
+    .about-item {
+      min-width: 100%;
+    }
+  }

travel-web/src/modules/pc-home/pages/page-about-us/page-about-us.ts

@@ -2,10 +2,8 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-page-about-us',
-  imports: [],
   templateUrl: './page-about-us.html',
-  styleUrl: './page-about-us.scss'
+  styleUrls: ['./page-about-us.scss']
 })
 export class PageAboutUs {
-
 }

travel-web/src/modules/pc-home/pages/page-co-creation/page-co-creation.ts

@@ -1,9 +1,11 @@
 import { Component, AfterViewInit, ElementRef, ViewChild } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import * as echarts from 'echarts';
 
 @Component({
   selector: 'app-page-co-creation',
   standalone: true,
+  imports: [CommonModule],
   templateUrl: './page-co-creation.html',
   styleUrls: ['./page-co-creation.scss']
 })