两个panel写成了pannel
风飘零
5年前
修改理由：
相关信息：
- 类型：教程文章
- 文章： 安装 WeUI
- 课程： 《L04 Laravel 教程 - 微信小程序从零到发布（1.7）》
此投稿已在 5年前 合并。
内容修改：
| Old | New | Differences |
|---|---|---|
| 162 | 162 | |
| 163 | 163 | 这里有个数据绑定的概念大家需要了解，在对象的 `data` 中定义的所有数据都是**可用于页面模板绑定的数据**，这里我们定义了一个 `topics` 数据，定义好以后就可以在模板中使用 `{{ topics }}` 来循环这个数组了，`topics` 中有 4 个值，所以模板中 `repeat` 的部分会显示 4 个数据；模板中渲染的的 `{{ topics }}` 数据会自动与 `data` 中的 `topics` 数据绑定，当topics 被动态改变为 5 个值时，模板同时也会发生变化，显示 5 条数据。 |
| 164 | 164 | |
| 165 | 观察模板你会发现我们使用了 `page__bd`，`weui-panel`，`weui-panel__hd` 这些样式，这些都是 WeUI 为我们定义好的样式，那么如何使用这些样式呢？其实你不必研究每个样式是怎么定义的，你只需要打开 `wepy-weui-demo` 找到你想用的样式，例如上面我们用到了 Pan | |
| 165 | 观察模板你会发现我们使用了 `page__bd`，`weui-panel`，`weui-panel__hd` 这些样式，这些都是 WeUI 为我们定义好的样式，那么如何使用这些样式呢？其实你不必研究每个样式是怎么定义的，你只需要打开 `wepy-weui-demo` 找到你想用的样式，例如上面我们用到了 Panel 中的样式： | |
| 166 | 166 | |
| 167 | 167 | <img src="https://lccdn.phphub.org/uploads/images/201804/21/3995/xAZn6YfvWF.png?imageView2/2/w/1240/h/0" width="400px"> |
| 168 | 168 | … | … |
| 170 | 170 | |
| 171 | 171 |  |
| 172 | 172 | |
| 173 | 在 `wepy-weui-demo` 项目中的 `src/example` 目录中找到对应的文件 `pan | |
| 173 | 在 `wepy-weui-demo` 项目中的 `src/example` 目录中找到对应的文件 `panel.wpy`，复制过来合理修改即可，我们的目的就是使用 WeUI 的已有样式加快开发。 | |
| 174 | 174 | |
| 175 | 175 | |
| 176 | 176 | ## 代码版本控制 |
关于 LearnKu
粤公网安备 44030502004330号