雲博(yumbo)前端模塊劃分

項目目錄結構

雲博分爲手機端界面和pc端界面,通過判斷是手機還是pc來自動切換路由
路由的格式
 手機端用 phone
 PC端用 pc

例如主頁 
路由:

 1. localhost:8080/phone  表示手機端 
 2. localhost:8080/pc  表示PC端

比如登陸界面路由:

 1. localhost:8080/phone/login
 2. localhost:8080/pc/login

同理手機和電腦端的切換隻需要更換路由中的pc和phone即可


手機和電腦端路由切換的實現

目錄結構:(項目完成後會更新圖片)

在這裏插入圖片描述
用到的庫後面補充

  "dependencies": {
    "axios": "^0.19.2",
    "core-js": "^3.6.5",
    "element-ui": "^2.13.2",
    "iview": "^3.5.4",
    "mavon-editor": "^2.9.0",
    "pubsub-js": "^1.8.0",
    "vue": "^2.6.11",
    "vue-router": "^3.3.2",
    "vuex": "^3.4.0"
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章