今天在写东西，发现许多东西都忘记用法，犯了很多小错误
关键帧动画
@keyframes jump {
3.5% {
transform: translateY(-6px) rotateY(-9deg);
}
9.5% {
transform: translateY(5px) rotateY(7deg);
}
15.5% {
transform: translateY(-3px) rotateY(-5deg);
}
21.5% {
-webkit-transform: translateY(2px) rotateY(3deg);
transform: translateY(2px) rotateY(3deg);
}
25% {
transform: translateY(0);
}
.imgdong {
position: absolute;
top: -17px;
right: 13px;
animation-name: jump; //关键帧动画名字
animation-iteration-count: infinite; //无限次执行
animation-duration: 2s; //动画执行时间
}
组件注册
全局注册
在main.js中引入该组件文件：
import BottomNav from './components/bottomNav'
组件全局注册：
Vue.component('BottomNav',BottomNav)
然后便可以在其他文件中使用该组件：
<BottomNav>
代理服务器配置
进入vue.config.js
设置
devServer: {
proxy: {
'/api': {
target: 'https://mall.api.epet.com',
ws: true,
changeOrigin: true,
pathRewrite:{ //路径重写
'^/api':' '
}
}
}
}
在其他页面请求路径的时候
let url = https://mall.api.epet.com/v3/index/home.html
改写成
let url = /api/v3/index/home.html