doc(demo): add codesandbox online demo: todolist

labring · Oct 14, 2021 · 1552fc8 · 1552fc8
1 parent e0c1e7c
commit 1552fc8
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -69,6 +69,7 @@
     "signin",
     "uids",
     "upsert",
-    "upserted"
+    "upserted",
+    "vitepress"
   ]
 }
diff --git a/docs/guide/index.md b/docs/guide/index.md
@@ -56,6 +56,20 @@ title: Laf 云开发介绍
 
 #### Go for it!
 
-LaF 开发者交流QQ群：603059673
+LaF 开发者交流QQ群：`603059673`
 
 ![](/screenshots/3.png)
+
+
+## LaF 前端使用演示: Todo List
+
+<iframe src="https://codesandbox.io/embed/laf-demo-todo-yy1ly?fontsize=14&hidenavigation=1&module=%2Fsrc%2FApp.vue&theme=dark&view=editor"
+     style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+     title="laf-demo-todo"
+     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+   ></iframe>
+
+
+> 本页面宽度有限，请点击[链接调试预览](https://codesandbox.io/embed/laf-demo-todo-yy1ly?fontsize=14&hidenavigation=1&theme=dark)
+