u

code/link56/link56-frontend-new/src/views/auth/forget.vue

@@ -9,6 +9,34 @@ function navigateTo(path: string) {
   router.push(path)
 }
 
+const carouselList = [
+  {
+    title: '值得信赖',
+    company: '恒星科技有限公司',
+    content: '我们已经连续三年使用该平台，数据处理稳定高效，团队协作体验非常顺畅。',
+  },
+  {
+    title: '安全 · 高效',
+    company: '博越信息技术',
+    content: '平台的权限管理做得很好，操作简单清晰，极大提升了内部管理效率。',
+  },
+  {
+    title: '稳定可靠',
+    company: '远航供应链集团',
+    content: '系统运行非常稳定，几乎没有出现过宕机情况，客服响应速度也很快。',
+  },
+  {
+    title: '智能化体验',
+    company: '蓝海数据服务中心',
+    content: '智能报表和自动化功能非常实用，减少了大量人工整理数据的时间。',
+  },
+  {
+    title: '灵活易用',
+    company: '中联创投有限公司',
+    content: 'UI设计简洁友好，新员工上手很快，各项业务流程也能灵活配置。',
+  },
+]
+
 // do not use same name with ref
 const form = reactive({
   name: '',
@@ -35,10 +63,16 @@ function onSubmit() {
           height="150px"
           indicator-position="none"
         >
-          <el-carousel-item v-for="item in 4" :key="item">
-            <h3 class="small justify-center" text="2xl">
-              {{ item }}
-            </h3>
+          <el-carousel-item v-for="(item, index) in carouselList" :key="index">
+            <div class="carousel-item">
+              <h2 class="title">
+                {{ item.title }}
+              </h2>
+
+              <span class="content">{{ item.content }}</span>
+
+              <span class="company"> - {{ item.company }}</span>
+            </div>
           </el-carousel-item>
         </el-carousel>
       </div>
@@ -99,13 +133,30 @@ function onSubmit() {
     .bg-content {
       position: absolute;
       left: 50%;
-      bottom: 12%;
+      bottom: 10%;
       transform: translateX(-50%);
       text-align: center;
       color: #fff;
       width: 600px;
+
+      .carousel-item {
+        display: flex;
+        flex-direction: column;
+        .title {
+          font-size: 28px;
+          line-height: 28px;
+          margin-bottom: 16px;
+        }
+        .content {
+          margin-bottom: 8px;
+        }
+        .company {
+          font-size: 14px;
+        }
+      }
     }
   }
+
   .form-label-flex {
     display: flex;
     justify-content: space-between;
@@ -122,7 +173,7 @@ function onSubmit() {
     flex: 1;
     display: flex;
     flex-direction: column;
-    padding: 48px 56px 24px 56px;
+    padding: 36px;
 
     .logo {
       height: 70px;