style:首页

2024-12-16 17:38:50 +08:00
parent cc9782e007
commit 0c148685d2
39 changed files with 2838 additions and 1282 deletions
--- a/src/components/Title2/index.vue
+++ b/src/components/Title2/index.vue
@@ -0,0 +1,35 @@
+<template>
+  <div class="title-2">
+    <span>{{ title }}</span>
+  </div>
+</template>
+
+<script setup>
+  let props = defineProps({
+    title: {
+      type: String,
+      default: ''
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  .title-2 {
+    width: vw(250);
+    height: vh(28);
+    display: flex;
+    align-items: center;
+    background-image: url('@/assets/images/title-5.png');
+    background-size: 100% 100%;
+    & > span {
+      padding-left: vw(22);
+      font-weight: bold;
+      font-size: vw(15);
+      background-image: linear-gradient(to bottom, #ffffff 0%, #75c1ff 100%);
+      -webkit-background-clip: text;
+      background-clip: text;
+      -webkit-text-fill-color: transparent; /* 兼容WebKit内核浏览器 */
+      color: transparent; /* 兼容其他浏览器 */
+    }
+  }
+</style>