博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue + Bootstrap 制作炫酷个人简历(二)
阅读量:5253 次
发布时间:2019-06-14

本文共 2536 字,大约阅读时间需要 8 分钟。

没想到隔了这么久才来更新。

用vue做简历,不是非常适合,为什么呢。

因为简历没什么数据上的操作,一般都是静态的内容。

不过都说了用Vue来做,也只能强行续命了。

这里是我做好的成品 

由于未涉及页面跳转,所以没有vue-router

想要实现如网页中的功能,首先我们要使用fullpage.js插件

这也是jquery的插件之一,

 

他可以让我们的页面实习全屏滚动效果。

本来式通过 npm 进行安装使用的,结果。。。

3版本需要许可证书,ok,我在网站找了一个以前的,下载下来用。

正式进入正题。

修改app.vue如下

这里我们引用了四个页面(当然,前提我们需要创建四个页面)

由于 a 标签作用于全局,所以未使用scoped

 

接下来,创建Page1

再src目录下创建Pages文件夹用来存放我们的代码

具体如图:

编辑 创建好 page1.vue ——  page4.vue 然后逐个编辑

当然,我是写完一个页面再创的另一个页面。

编辑Page1.vue  代码如下:

再说一句,由于我后来想改为普通的网页文件,为了方便,没有使用需要编码的stylus

Page2.vue ,如下:

 

Page3.vue 代码如下:

 

Page4.vue 代码如下:

然后主要的就是这样,下次再讲一些细节。

上面代码运行肯定有错。

ps:未添加相关插件文件!

 

转载于:https://www.cnblogs.com/tcxq/p/10522817.html

你可能感兴趣的文章