亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【金秋打卡】第6天 使用Vue cli 4搭建管理控臺

標簽:
Spring Cloud

课程名称:Spring Cloud+ Vue前后端分离开发企业级在线视频系统

课程章节:第4章 使用Vue cli 4搭建管理控台

讲师姓名:甲蛙老师

课程内容

①集成bootstrap后台管理模板ace:Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷

②控台欢迎页面开发:通过修改ace模板制作欢迎页面

课程收获

修改模板的技巧:最重要的就是要删除不需要的页面,首先通过查找相邻元素定位到相关位置,折叠标签之后整段删除。

使用this.$router.push("/admin")方法进行页面跳转

export default {
 
name: 'login',
 
methods:{
   
login(){
     
this.$router.push("/admin")
    }
  },
 
mounted() {
    $(
'body').removeClass('no-skin');
    $(
'body').attr('class', 'login-layout light-login');
  }
}

removeClass()方法从所选元素中删除一个或多个类名称。如果将类名作为参数包括在内,则只会删除该类。如果在参数中未指定类名,则将删除所有类。

https://img1.sycdn.imooc.com//635d451800011cef19200842.jpg

在登录页的样式需要有所修改,采用先移除后替换类的方式进行美化。


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消