举个栗子:外卖app当订单商品数量比较多时,不方便一次性展示出来。通常会展示一部分,并在页面给出一个查看更多功能。点击后即可自定义展示剩余内容,比如可以每次点击多展示N个内容,或展示所有。
实现效果 实现步骤以下为整个页面的所有代码,涉及到的数据可以自己造一些,此处不再赘述。
vue页面JS订单信息 {{item.name}} x{{item.count}} 实付¥ {{item.totalPrice}} 查看更多 合计:¥ {{totalPrice}} 收货地址 {{checkedAddress.address}} 收货人信息 {{checkedAddress.receiver}} {{checkedAddress.contact}} 备注
CSS



