'df'

src/views/officialweb.vue

@@ -15,8 +15,8 @@
       </el-menu>
 
       <div class="nav-buttons">
-        <el-button class="nav-btn-outline" @click="showLoginDialog">登录</el-button>
-        <el-button class="nav-btn-primary" type="primary" @click="showRegisterDialog">免费注册</el-button>
+        <el-button class="nav-btn-outline" @click="showLoginDialog">学生端</el-button>
+        <el-button class="nav-btn-primary" type="primary" @click="showRegisterDialog">教师端</el-button>
       </div>
     </nav>
 
@@ -28,8 +28,9 @@
           <h1>培养能驾驭AI的高阶人才</h1>
           <p>面向AI时代的GPS-REN教学模式，重塑高等教育，让学生真正掌握驾驭人工智能的能力</p>
           <div class="hero-buttons">
-            <a href="#" class="hero-btn hero-btn-primary">教师体验平台</a>
-            <a href="#" class="hero-btn hero-btn-outline">学生端演示</a>
+            <!-- <a href="#" class="hero-btn hero-btn-primary">教师体验平台</a>
+            <a href="#" class="hero-btn hero-btn-outline">学生端演示</a> -->
+            <img :src="img" style="width:770px;height:264px"/>
           </div>
         </div>
       </section>
@@ -42,6 +43,9 @@
         </div>
 
         <div class="model-steps">
+          <img :src="img0" style="width: 737px;height: 557px;"/>
+        </div>
+        <!-- <div class="model-steps">
           <el-card class="step-card" shadow="hover">
             <div class="step-icon">
               G
@@ -89,7 +93,7 @@
             <h3>总结新知识</h3>
             <p>提炼核心知识，实现认知升级</p>
           </el-card>
-        </div>
+        </div> -->
       </section>
 
       <!-- 平台功能 -->
@@ -131,7 +135,7 @@
               </el-row>
             </div>
 
-            <el-button type="primary" size="large" style="margin-top: 1.5rem; padding: 12px 30px;">查看平台功能</el-button>
+            <!-- <el-button type="primary" size="large" style="margin-top: 1.5rem; padding: 12px 30px;">查看平台功能</el-button> -->
           </div>
 
           <el-card class="feature-image-card">
@@ -196,7 +200,7 @@
 
         <div class="case-grid">
           <div class="case-image">
-            <i class="el-icon-s-data"></i>
+            <img :src="img1" style="width:578px;height: 262px;">
           </div>
 
           <div class="case-content">
@@ -222,7 +226,7 @@
               </li>
             </ul>
 
-            <el-button style="margin-top: 2rem;" size="medium" plain>查看完整案例</el-button>
+            <!-- <el-button style="margin-top: 2rem;" size="medium" plain>查看完整案例</el-button> -->
           </div>
         </div>
       </section>
@@ -296,10 +300,16 @@
 </template>
 
 <script>
+import Img1 from '@/assets/img/441.png'
+import Img2 from '@/assets/img/442.png'
+import Img3 from '@/assets/img/443.png'
 export default {
   name:'officialweb.vue',
   data() {
     return {
+      img:Img1,
+      img0:Img2,
+      img1:Img3,
       activeNav: '1',
       evaluationData: [
         { step: '问题定义 (P)', indicator: '功能描述准确、术语表达规范、接口定义清晰', weight: '20%' },
@@ -342,11 +352,8 @@ export default {
       // this.$router.push({name: 'login'});
     },
     showRegisterDialog() {
-      // 这里可以显示注册对话框
-      this.$message({
-        message: '注册功能',
-        type: 'info'
-      });
+      // 这里可以显示注册对话框 
+      window.open('http://console.edu.oh-os.com/#/login', );
     }
   },
   mounted() {
@@ -499,7 +506,7 @@ body {
   align-items: center;
   text-align: center;
   padding: 0 5%;
-  background: linear-gradient(135deg, rgba(37, 99, 235, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
+  /* background: linear-gradient(135deg, rgba(37, 99, 235, 0.05) 0%, rgba(255, 255, 255, 1) 100%); */
   position: relative;
   overflow: hidden;
 }
@@ -568,7 +575,7 @@ body {
 /* GPS-REN模型展示 - 使用El-Card */
 .model-section {
   padding: 6rem 5%;
-  background-color: var(--light);
+  /* background-color: var(--light); */
 }
 
 .section-header {
@@ -590,7 +597,9 @@ body {
 }
 
 .model-steps {
-  display: grid;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   grid-template-columns: repeat(6, 1fr);
   gap: 2rem;
   max-width: calc(100% - 20rem);