soul-note

a web for my friends and myself

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

z-index

• fixed组件：100
• 蒙版：301
• nav:302
• header:303
• popup: 600
• around black line: 1000

logis

• 前端的数据都为及时存储,设计保存为向后端请求,所以前端不需要做save与temporary区分
• store 中的const常量,比如字典defaultPages,defaultUserInfo,会同步改变,尽管有JSON序列化.....
• 变量的相等判断用的全等,注意数字与字符的区别,route.query获得的为字符.
• 设置独立的Message Store用来规范提示信息
• 用户信息的编辑除了头像都整合到单独的窗口中
• 所有的store初始化都放在index.vue的onMounted中

BUG

logout逻辑中:

const logout = async () => {
  try {
    logOutAPI()
  } catch (e) {
    console.log(e)
  } finally {
    router.push('/login')
    consol.log(defaultUserInfo) 添加这一语句就可以重置defaultUserInfo,若注释则....
    userInfo.value = defaultUserInfo
    friends.value = defaultFriends
    userDiary.value = defaultDiary
    diaryStore.setDiary()
    diaryStore.setPages()
    console.log('ok')
  }
}