跳到主要内容

练习

练习题

需求描述

搭建一个带操作项和弹窗的数据表格

示例页面链接及效果图

点击查看示例页面

Alt text

具体要求如下:

  • 加载一个基本的数据表格,包含6列(序号、订单编号、商品名称、价格、描述、操作)
    • 操作项中有两个文字链接按钮:查看、编辑
      • 点击查看按钮,弹窗,弹窗中展示商品详情
      • 点击编辑按钮,弹窗,弹窗中展示商品详情(在此教程中,暂时保持和查看一样的逻辑)
  • 商品详情弹窗包含了以下字段,且布局上要求和下图一致:
    • 商品名称
    • 商品状态 Alt text

【搭建提示】在数据传递时需要通过JS做数据转换。

参考答案

搭建过程:搭建视频
最终搭建示例:搭建案例