Random Quote Machine效果图

freeCodeCamp生成Random Quote Machine

实现

左侧两个分享button效果未做,后期填坑。
采用vue脚手架搭建,使用了mint-ui的button组件,使用mock生成模拟quotes。

项目结构

freeCodeCamp生成Random Quote Machine
axios中api.js为封装的函数,mock中的mock.js生成模拟数据,pages中的index.vue为首页
freeCodeCamp生成Random Quote Machine
freeCodeCamp生成Random Quote Machine
在main.js中引入mint-ui和mockjs
freeCodeCamp生成Random Quote Machine
实现效果图
freeCodeCamp生成Random Quote Machine
全部代码https://github.com/ZLQstart/quotes

相关文章:

  • 2021-11-06
  • 2022-01-07
  • 2021-07-30
  • 2022-01-08
  • 2021-10-28
  • 2022-01-24
  • 2021-12-11
  • 2022-02-11
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-12-23
  • 2021-11-30
  • 2021-12-28
  • 2021-11-30
  • 2021-12-26
相关资源
相似解决方案