(一)产品特色(简要介绍): 致力打造高质量的具有特色界面需求,视觉创意需求,品牌需求的“中小型网站、移动互联网站”产品和衍生UI产品、网站UI云服务产品 a) 这不仅仅是一套产品,使用它,你会感觉是在享受,是在快乐! b) 高端的网站界面和细节,风格各异的UI体验,打破传统的博客、CMS等,极力增强界面视觉深度 c) 产品85% 提供全站静态自动生成,定时更新机制,更多满足您长久使用和优化。 d) 它基于HTML5+CSS3 的构架,遵循W3C标准,利于SEO优化,它拥有友好的操作性能和震撼
实现效果图
1、项目中的图标使用的是element-ui框架中的图标,如果需要引入可以看我写的上一篇文章。
2、首先配置路由
我初始化项目的时候初始化了路由,所以打开router/index.js文件进行修改配置
router/index.js
import Vue from 'vue'
import Router from 'vue-router'
import Home from '/components/Home'
import Game from '/components/Gam
Element UI 的Table组件踩坑记:
(1)参数row-class-name无效的坑:官方文档给出了如下代码:
但是我使用后并没有出现预初想要第一行高亮的效果,然后console.log(row, rowIndex),发现控制台输出的值均为undefined。最终解决方案是只要传入row或者rowIndex即可,然后根据自己所要的数据而进行处理,后来我修改代码为如下:
tableRowClassName(row) {
if (row.number === 1 && t