|
|
@@ -5,9 +5,14 @@
|
|
|
|
|
|
<div class="title" >排水管道智能检测评估</div>
|
|
|
|
|
|
-
|
|
|
+ <div class="left" >
|
|
|
+ <div class="title2" >虚拟仿真实验平台</div>
|
|
|
+ <div class="title3" >系统登录</div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup lang="ts">
|
|
|
@@ -177,6 +182,43 @@ $proportion : 0.8;
|
|
|
color: #f0fffe;
|
|
|
}
|
|
|
|
|
|
+ .left {
|
|
|
+ position: absolute;
|
|
|
+ width: 46;
|
|
|
+ top: 15.85rem;
|
|
|
+ left: 19.85rem;
|
|
|
+
|
|
|
+ .title2 {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 5.35rem;
|
|
|
+ color: #F0F5FD;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title3 {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 3.57rem;
|
|
|
+ color: #F0F5FD;
|
|
|
+ margin: 2.64rem 0px 2.64rem 0px;
|
|
|
+
|
|
|
+ /* 设置渐变背景，从左到右 */
|
|
|
+ background: linear-gradient(to right, #6A9EFF, #4ecdc4, #7DDBFA);
|
|
|
+
|
|
|
+ /* 将背景裁剪到文字区域 */
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ background-clip: text;
|
|
|
+
|
|
|
+ /* 使文字颜色透明，显示背景渐变 */
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ text-fill-color: transparent;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
