非你网

一个网站全部都是安安静静的文字和图片。这样总感觉少了点什么。特别是在 pc 上。那么使用 css 就可以让你的文字和图片动起来。网站也就会有色彩一些了。动动你的小手，多敲敲几行代码吧。

操作一波

• 我们可以使用 transition 实现。

https://www.w3school.com.cn/cssref/pr_transition.asp

.avatar {
    transition:top 0.3s ease;
}

但是，transition 需要逻辑去触发。比如鼠标移上去了。或 js 给与其对应的属性变化了。这样对于默认就想看到动画效果比较麻烦。
继续阅读

对于一个完整的站点，有网站展示页面和后台页面。通常，网站展示页面的头部，底部是公共的，中间部分根据需要进行填充。而后台有顶部，侧边菜单，以及底部实现。这个和网站展示页又有所不同。那么，想进行公共部分的抽离，我们就需要定义自己的模板。也就是 layout。

操作一波

我们先去看看文档： https://router.vuejs.org/zh/installation.html

我们先完成第一阶段的部署： https://blog.vini123.com/525

• 第一步，修改从前的 App.vue 文件。这里仅仅放一个

<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

继续阅读