style:首页

src/components/Title3/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="title-3">
+    <span>{{ title }}</span>
+  </div>
+</template>
+
+<script setup>
+  let props = defineProps({
+    title: {
+      type: String,
+      default: ''
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  .title-3 {
+    position: relative;
+    width: 100%;
+    height: vh(12);
+    margin-top: vh(20);
+    background-image: url('@/assets/images/title-6.png');
+    background-size: 100% 100%;
+
+    & > span {
+      position: absolute;
+      bottom: vh(4);
+      left: vw(20);
+      font-size: vw(15);
+      font-weight: bold;
+      background-image: linear-gradient(to bottom, #ffffff 0%, #0096ff 100%);
+      -webkit-background-clip: text;
+      background-clip: text;
+      -webkit-text-fill-color: transparent; /* 兼容WebKit内核浏览器 */
+      color: transparent; /* 兼容其他浏览器 */
+    }
+  }
+</style>