vue-实战练习 借助element-ui组件搭建一个主页

element-ui中文文档
vue练习源码
本项目仿照航天云网主页进行练习
有以下部分模仿得不是很好,会在后续的学习中慢慢进行补充

  1. 某些小图标没有进行模仿,例如右上角的HOT等小图标
  2. 在”工业信息互联 供需精准对接“ 部分,有两种形式,一种是利用element-ui的表格形式,但是在右边的详情处暂时无法实现特定链接跳转 第二种是利用分割线进行表示 虽然能实现特定链接 但是太丑了 ,以后可能会多研究一下关于表格的element-ui的源码来解决这个问题
  3. 对于标签页的使用存在着只能通过控制栅格的长度来控制标签页的线的长度,目前没有找到可以解决的办法
  4. “工业大数据” 处的 “点击我了解详情” 的弹出框 会遮挡到标签页的点击,暂时没有想到解决办法
  5. “云制造产业集群生态” 模块点击左侧按钮实现右侧地图的特定显示没有去实现 应该是会点击按钮会生成新增一个类 来实现右侧的图形显示 目前不太能够想清楚怎么在 那个地图上进行展示图片(地图做背景图片 , 后面尝试一下)
  6. 跟随滚动条左右两侧的信息没有制作,目前只应用了element-ui组件中的回到顶部组件,后面在思考怎么去实现。

练习时遇到的问题
1.从vue init webpack “dirName” 到npm安装sass就不说了 不清楚的小伙伴可以去

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值