微信小程序学习（五）——JS入门的小程序：使用按钮实现价格过滤

阅读量：

文章结构概述

- - 项目架构
    - index.wxml
    - index.wxss
    - index.js
    - 展示效果
    - 最终成果

项目结构

在这里插入图片描述

index.wxml

主要的调整包括：

将原先采用的head组件替换为两个button组件；
通过js代码实现多个card的生成，且每个card对应的数据均存储于js中，实现动态渲染效果；

复制代码

    <view class="body">
    	<view class="head">
    		<button size="mini" bindtap="OnFree">免费</button>
    		<button size="mini" bindtap="OnCost">付费</button>
    <!-- <view class="head_bar active">推荐</view>
    <view class="head_bar">精品</view>
    <vie

全部评论 (0)

还没有任何评论哟~