三小时实现一个购物天堂项目

今天在面试某互联网大厂的三面时遇到了一个奇葩的需求，要我在三小时内实现一个如下简易的购物网站

 

 

 

我是在该大厂的分公司内被人盯着实现完成的，过程紧张刺激，但并不算难，所有功能都侥幸实现出来了，如下为实现效果图：

加购：

 

删除：

切换列表进行操作：

我是用vue实现的，实现操作大致有根据单选框显示不同组件，父子组件传参（注意数据在哪，修改数据的方法就要在哪），flex布局（居中，分布布局，上下布局等），v-for列表渲染，computed计算属性获取总价和选购内容，加购与删除按钮绑定的方法传入当前项id，

悬停显示等，都是基础中的基础，但是对于本科在校生来说，要在规定时间内做出来也很考验基础，源码我放在我的github上了，大家自取~（基本没有问题，但被面试官吐槽香蕉♂兄辣眼睛哈哈）

github：https://github.com/173392531/-Shopping-paradise