From 1a9c66456108186d31a9f5090a087fe8a78e235c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=96=8C?= <2339620977@qq.com>
Date: Tue, 9 May 2023 11:04:28 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AC=94=E8=AE=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
...230428-Element\347\254\224\350\256\260.md" | 218 ++++++++++++++++++
...30\345\272\246\346\222\221\345\274\200.md" | 10 +
...05\350\217\234\345\215\225\346\240\217.md" | 170 ++++++++++++++
3 files changed, 398 insertions(+)
create mode 100644 "39\345\210\230\346\226\214/20230504-\351\253\230\345\272\246\346\222\221\345\274\200.md"
create mode 100644 "39\345\210\230\346\226\214/20230505-\345\260\201\350\243\205\350\217\234\345\215\225\346\240\217.md"
diff --git "a/39\345\210\230\346\226\214/20230428-Element\347\254\224\350\256\260.md" "b/39\345\210\230\346\226\214/20230428-Element\347\254\224\350\256\260.md"
index e69de29..1b1574d 100644
--- "a/39\345\210\230\346\226\214/20230428-Element\347\254\224\350\256\260.md"
+++ "b/39\345\210\230\346\226\214/20230428-Element\347\254\224\350\256\260.md"
@@ -0,0 +1,218 @@
+// main.js
+~~~js
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+let app=createApp(App)
+app.use(ElementPlus)
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component)
+ }
+
+
+app.mount('#app')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 暗黑模式
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+~~~
+
+
diff --git "a/39\345\210\230\346\226\214/20230504-\351\253\230\345\272\246\346\222\221\345\274\200.md" "b/39\345\210\230\346\226\214/20230504-\351\253\230\345\272\246\346\222\221\345\274\200.md"
new file mode 100644
index 0000000..a2cdd07
--- /dev/null
+++ "b/39\345\210\230\346\226\214/20230504-\351\253\230\345\272\246\346\222\221\345\274\200.md"
@@ -0,0 +1,10 @@
+### calc()
+语法：
+height: calc(100vh - 60px);
+在使用less解析中calc运算会忽略单位出现：“width:calc(50% - 5em)” 解析为 “width:calc(45%)”的情况，修改方法：width:calc(~"50% - 5em")
+
+例：加法（+）、减法（-）、乘法（*）：乘数中至少有一个是number、除法（/）：除数必须是number
+
+注意要点：
+'+' 和 '-' 运算符的两边必须要有空白字符。比如，calc(50% -8px) 会被解析成为一个无效的表达式，解析结果是：一个百分比 后跟一个负数长度值。而加有空白字符的、有效的表达式 calc(8px + -50%) 会被解析成为：一个长度 后跟一个加号 再跟一个负百分比
+'*' 和 '/' 这两个运算符前后不需要空白字符，但如果考虑到统一性，仍然推荐加上空白符。 用 0 作除数会使 HTML 解析器抛出异常。 涉及自动布局和固定布局的表格中的表列、表列组、表行、表行组和表单元格的宽度和高度百分比的数学表达式，auto 可视为已指定。 calc() 函数支持嵌套，但支持的方式是：把被嵌套的 calc() 函数全当成普通的括号。（译者注：所以，函数内直接用括号就好了。）
\ No newline at end of file
diff --git "a/39\345\210\230\346\226\214/20230505-\345\260\201\350\243\205\350\217\234\345\215\225\346\240\217.md" "b/39\345\210\230\346\226\214/20230505-\345\260\201\350\243\205\350\217\234\345\215\225\346\240\217.md"
new file mode 100644
index 0000000..daf81bb
--- /dev/null
+++ "b/39\345\210\230\346\226\214/20230505-\345\260\201\350\243\205\350\217\234\345\215\225\346\240\217.md"
@@ -0,0 +1,170 @@
+// main.js
+~~~js
+import { createApp } from 'vue'
+// import './style.css'
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+let app=createApp(App)
+
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component)
+ }
+
+app.use(ElementPlus).mount('#app')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Header
+
+
+
+
+
+
+
+
+ Main
+ Footer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ menu.title }}
+
+
+
+
+
+
+
+
+ {{ menu.title }}
+
+
+
+
+~~~
\ No newline at end of file
--
Gitee