效果图 教程目录 项目概述 简单介绍项目功能,包括用户查询、数据展示和分页等需求。 准备工作 搭建Vue2环境,准备HTML和CSS样式。 创建基础HTML结构 实现页面的布局,包括标题栏、统计概览、查询栏、告警卡片区域和分页组件。 设置项目样式 配置项目中的全局样式和各个模块的样式。 Vue数据绑定和初始数据 设置项目的初始数据,包括告警数据、统计数据和查询条件。 实现告警卡片的展示 利用Vue的v-for指令动态生成告警卡片,并为不同的告警类型设置不同的背景色。 实现查询功能</