xuyue/webpreview
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
yuetsh
2025-03-18 20:05:17 +08:00
parent e4e7507f85
commit a76b2f9bc9
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/tutorial/4/README.md
View File

@@ -1,18 +1,20 @@
## 盒模型（3）使用浏览器开发者工具调试HTML和CSS # 盒模型（3）
使用浏览器开发者工具调试HTML和CSS
打开[测试网页](https://web.xuyue.cc/tutorial/2/demo.html)，点击 F12 或者 ctrl+shift+c 打开浏览器开发者工具，在这里可以看到前端的所有代码（HTML+CSS+JS） 打开[测试网页](https://web.xuyue.cc/tutorial/2/demo.html)，点击 F12 或者 ctrl+shift+c 打开浏览器开发者工具，在这里可以看到前端的所有代码（HTML+CSS+JS）
![1](/tutorial/4/image.png) ![1](/tutorial/4/image.png)
### 查看 HTML ## 查看 HTML
演示... 演示...
### 查看 CSS ## 查看 CSS
演示... 演示...
### 查看盒模型 ## 查看盒模型
演示... 演示...

4
src/components/Corner.vue
View File

@@ -34,7 +34,7 @@ import { useMessage } from "naive-ui"
import { Icon } from "@iconify/vue" import { Icon } from "@iconify/vue"
import { authed, roleNormal, roleSuper, user } from "../store/user" import { authed, roleNormal, roleSuper, user } from "../store/user"
import { loginModal } from "../store/modal" import { loginModal } from "../store/modal"
import { show, tutorialSize } from "../store/tutorial" import { show, tutorialSize, step } from "../store/tutorial"
import { taskId } from "../store/task" import { taskId } from "../store/task"
import { html, css, js } from "../store/editors" import { html, css, js } from "../store/editors"
import { Account, Submission } from "../api" import { Account, Submission } from "../api"
@@ -95,7 +95,7 @@ function showTutorial() {
function clickMenu(name: string) { function clickMenu(name: string) {
switch (name) { switch (name) {
case "dashboard": case "dashboard":
router.push({ name: "user-manage", params: { page: 1 } }) router.push({ name: "tutorial", params: { display: step.value } })
break break
case "admin": case "admin":
window.open(ADMIN_URL) window.open(ADMIN_URL)