完成font.css

global.css

login.vue

request.js

今天完成了前端与后端的联通，并成功响应请求。返回登录成功欣喜。

遇到的问题：

我的body设置了：

                margin:0;

                padding:0;

但是页面四周还有白色留边。原因：body设置无边框了，但是全局css有默认8xp的白边。

vue点击按钮改变背景颜色：

.main button:active {
  background-color: rgba(51, 110, 220, 0.7);

}

报错：[Vue warn]: Invalid handler for event "click": got undefined、

今天在写菜单的时候，vue中我将onClick事件写到了rander函数里渲染的方式，渲染的是菜单，有些具有children的菜单也需要点击跳转这个需求，这样写了之后，点击跳转的功能生效了，但是会报vue警告。Invalid handler for event “click”: got undefined

解决： 把点击事件的方法写道methods方法里

设置自定义字体：

第一步，首先，我们将需要的字体库从UI或者谷歌下载到本地，只需要ttf格式的文件即可；

第二步，在vue项目中assets文件夹下新建一个文件夹font,然后将下载到本地的ttf格式的文件放进去；

p1.png

第三步，在font文件下新建一个font.css文件，里面补充这些代码：

//font.css
@font-face {
  font-family: 'MYFONT';
  src: url('FZZDXJW.ttf');
  font-weight: normal;
  font-style: normal;
}

• 上面的MYFONT是你自定义的名字，随便修改。

第四步，在main.js文件里直接引入font.css文件：

//main.js
import '@/assets/font/font.css';

然后，就可以在需要的地方直接使用了：

.title {
    text-align: center;
    margin: 50px auto;
    font-size: 49px;
    color: #fff;
    font-family: MYFONT;
}