feat(theme): 使背景上方的遮罩可选 (#24)

BUCTSNC · Oct 18, 2024 · e3a277c · e3a277c
1 parent f35dd5a
commit e3a277c
Show file tree

Hide file tree

Showing 11 changed files with 51 additions and 11 deletions.
diff --git a/theme/layouts/center.vue b/theme/layouts/center.vue
@@ -9,9 +9,13 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  dim: {
+    type: Boolean,
+    default: true,
+  },
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 </script>
 
 <template>

diff --git a/theme/layouts/cols.vue b/theme/layouts/cols.vue
@@ -10,6 +10,10 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  dim: {
+    type: Boolean,
+    default: true,
+  },
   cols: {
     type: Number,
     default: undefined,
@@ -21,7 +25,7 @@ const props = defineProps({
   }
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 
 const colIds = computed(() => {
   const colIds: string[] = []

diff --git a/theme/layouts/cover.vue b/theme/layouts/cover.vue
@@ -9,9 +9,13 @@ const props = defineProps({
     // random image from a curated Unsplash collection by Anthony
     default: 'https://source.unsplash.com/collection/94734566/1920x1080',
   },
+  dim: {
+    type: Boolean,
+    default: true,
+  },
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 </script>
 
 <template>

diff --git a/theme/layouts/default.vue b/theme/layouts/default.vue
@@ -9,9 +9,13 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  dim: {
+    type: Boolean,
+    default: true,
+  },
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 </script>
 
 <template>

diff --git a/theme/layouts/fact.vue b/theme/layouts/fact.vue
@@ -9,9 +9,13 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  dim: {
+    type: Boolean,
+    default: true,
+  },
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 </script>
 
 <template>

diff --git a/theme/layouts/full.vue b/theme/layouts/full.vue
@@ -9,9 +9,13 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  dim: {
+    type: Boolean,
+    default: true,
+  },
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 </script>
 
 <template>

diff --git a/theme/layouts/fullpage.vue b/theme/layouts/fullpage.vue
@@ -11,7 +11,7 @@ const props = defineProps({
   },
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 </script>
 
 <style>

diff --git a/theme/layouts/intro.vue b/theme/layouts/intro.vue
@@ -9,9 +9,13 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  dim: {
+    type: Boolean,
+    default: true,
+  },
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 </script>
 
 <template>

diff --git a/theme/layouts/quote.vue b/theme/layouts/quote.vue
@@ -9,9 +9,13 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  dim: {
+    type: Boolean,
+    default: true,
+  },
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 </script>
 
 <template>

diff --git a/theme/layouts/section.vue b/theme/layouts/section.vue
@@ -9,9 +9,13 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  dim: {
+    type: Boolean,
+    default: true,
+  },
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 </script>
 
 <template>

diff --git a/theme/layouts/statement.vue b/theme/layouts/statement.vue
@@ -9,9 +9,13 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  dim: {
+    type: Boolean,
+    default: true,
+  },
 })
 
-const style = computed(() => handleBackground(props.background, true))
+const style = computed(() => handleBackground(props.background, props.dim))
 </script>
 
 <template>
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,7 +11,7 @@ const props = defineProps({ @@
       },
     })
-    const style = computed(() => handleBackground(props.background, true))
+    const style = computed(() => handleBackground(props.background, props.dim))
     </script>
     <style>
@@ Expand Down @@