# 第七週 - 網頁美感大揭密 ###### tags: `六角學院_Vue直播班_主線任務` [ToC] --- # 登入 | 問題 | 成因 | 行動 | |:---- |:----:|:---- | | vue3-loading-overlay 跳錯，說找不到檔案和 css| 裝錯，裝成 vue-loading-overlay | 移除裝正確的 | # 後台產品頁面 # 後台訂單頁面 # 後台優惠券頁面 [日期部分看不太懂](https://github.com/hexschool/live-vue3-dashboard/blob/main/src/components/CouponModal.vue#:~:text=emits%3A%20%5B%27update%2Dcoupon%27%5D%2C-,watch%3A%20%7B,%7D%2C,-%7D%2C) # 後台貼文頁面 | 問題 | 成因 | 行動 | |:---- |:----:|:---- | | ckeditor 壞掉 | [vue 新版本導致套件有誤] | 降版 | [vue 新版本導致套件有誤]:https://github.com/ckeditor/ckeditor5-vue/issues/203#:~:text=%40ThomasLaigneauDecathlon%20idk%20if%20this%20will%20help%20but%20try%20to%20delete%20the%20node_modules%20%26%20package%2Dlock%20and%20npm%20i%20vue%403.2.30%20%26%26%20npm%20install | 問題 | 成因 | 行動 | |:---- |:----:|:---- | | 問題 | 成因 | 行動 |
Last changed by  
 
Jaosn
Nothing is true, everything is permitted.
134

Read more

useContext 常犯錯誤與如何在 TS 使用

import sdk from ‘@stackblitz/sdk’

8/20/2023
useContext 常犯錯誤與如何使用在 TS 使用

Always Use a Custom Hook for Context API, Not useContext (React Context API, TypeScript)

8/13/2023
第五週 - 進階語法介紹

目錄 [ToC] 產品列表頁面 產品列表 1. 呼叫 api 取得啟用商品 2. 將商品 v-for 到列表上，其中圖片是用 backgroud 的方式，寫法如下，特別注意後面的地方是字串，所以要用引號包起來 <div style="height: 100px;

2/13/2022
第四週：元件化

目錄 [ToC] 產品頁面 刪除 modal 元件化 1.將原本刪除 modal 的 html，變成 x-template，元件標籤(delete-product-modal) 問題 成因 行動

1/30/2022
Read more from Jaosn
Published on HackMD