此版本為 v3.5.0，隨著作者更新會有所不同!

TLTD

• 編輯4個檔案

  • \src\store\modules\user.ts
  • \src\views\login\index.vue
  • \src\views\login\utils\rule.ts
  • \src\views\login\utils\static.ts

• 新增4個檔案

• 需要開新的資料夾\src\views\login\components

  • \src\views\login\utils\enums.ts
  • \src\views\login\utils\verifyCode.ts
  • \src\views\login\components\regist.vue
  • \src\views\login\components\update.vue

程式碼太多故放在這邊:
https://hackmd.io/@dpes5407/rkr5bXXzo

多國語系需要前往官方Github:
https://github.com/xiaoxian521/vue-pure-admin/tree/main/locales

改動

不需要手機登入和QRcode登入，第三方登入也拔掉
所以變更成以下形式

比較

before

after(忽略多國語系)

改完後登入畫面

註冊

忘記密碼

官方網址

讀者可以比較一下差異
https://vue-pure-thin.vercel.app/#/login
http://yiming_chang.gitee.io/vue-pure-admin/

重點

精簡版在登入部分閹割了

• 第三方登入，註冊，忘記密碼，手機登入，QRcode登入 畫面
• 多國語系yml檔案
• svg圖片素材(\src\assets)
• rules部分精簡版少了
  • 忘記密碼規則
  • 手機號碼規則
  • verifyCode 6位數字驗證碼
• store部分 user新增2個actions, 2個state
  • state
    • currentPage
    • verifyCode
  • actions
    • SET_VERIFYCODE
    • SET_CURRENTPAGE