home 添加~骚气~的 grid 质感背景小块

waifu-project · Jul 25, 2020 · f0d45de · f0d45de
1 parent 3509727
commit f0d45de
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/static/overlay.png b/src/static/overlay.png
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
@@ -5,7 +5,7 @@
     </topbar>
     <glass :opacity=".4" :blur="24" :bg="bgImg">
       <wrapper>
-        <view class="bg-img bg-mask bg-black light flex align-center dark-remove" :style="bgMaskImgStyle">
+        <view class="bg-img bg-mask bg-black light flex align-center dark-remove bg-mask-overlay" :style="bgMaskImgStyle">
           <view class="padding-sm text-white dark-remove">
             <view class="padding-xs text-xl text-bold dark-remove">
               {{ sayWord.hitokoto }}
@@ -135,5 +135,14 @@ export default Vue.extend({
 </script>
 
 <style>
-
+/* 参考: https://www.deepin.org/zh/download/ */
+.bg-mask-overlay::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  background: url(/static/overlay.png);
+}
 </style>