chore: re add sass block into demo

empjs · Oct 16, 2024 · e0ed9b5 · e0ed9b5
1 parent ecf8aaa
commit e0ed9b5
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/demos/vue2/vue-2-base/src/views/Home.vue b/demos/vue2/vue-2-base/src/views/Home.vue
@@ -39,3 +39,34 @@ export default {
   },
 }
 </script>
+<style scoped lang="scss">
+$black: #000;
+
+img {
+  width: 200px;
+  // background-color: $black;
+}
+
+.imgbox {
+  display: flex;
+}
+
+.imgbox h2 {
+  text-align: center;
+}
+
+.imgbox li {
+  flex: 1;
+  list-style: none;
+  text-align: center;
+}
+
+.svg-logo {
+  width: 200px;
+  margin: auto;
+}
+
+h1 {
+  font-family: Arial, Helvetica, sans-serif;
+}
+</style>