layui 卡片式列表_Layui——选项卡加载table数据列表

使用layui框架,实现了点击选项卡展示不同表格数据的功能。文章详细介绍了如何配置HTML和JS代码,通过AJAX获取并展示储值卡充值和关注技师的列表数据,包括充值时间、充值方式、账户余额等字段。
摘要由CSDN通过智能技术生成

效果:2个tabel  进入页面的时候 同事ajax拉取了数据  点击选项卡展示不同的tabel

html代码

  • 储值卡充值
  • 关注技师

View Code

JS代码

layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element','laytpl'], function(){

var $ = layui.jquery

,laypage = layui.laypage //分页

,layer = layui.layer //弹层

,table = layui.table //表格

,laytpl = layui.laytpl

,element = layui.element; //Tab的切换功能&#x

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值