duruo0的博客

本文章参考小程序的开发文档在我的个人信息页面，想要更换个人头像，使用wx.chooseImage(Object object)主要参数如下：在我实际操作时，需要自己设的参数很少，就设置了选择图片最多的张数为1。具体代码如下：wxml部分: <view class="avatar"> <image class="bgimg" src='https://hbimg.huabanimg.com/9cf2d584caf323cbacd85210e385ee18bc600657246

验证过，确实看起来没啥效果，只有两种粗细。害，以后再遇到其他情况再补充。测试部分代码：实现效果：

**1.wx:if（条件渲染）**（1）　wx:if="{condition}" 来判断是否需要渲染该代码块。　　　（2） block wx:if　　　 因为wx:if是一个控制属性，需要将它添加到一个标签上。　　　 如果要一次性判断多个组件标签，可以使用一个 标签将多个组件包装起来，并在上边使用wx:if 控制属性。　　　 注： 并不是一个组件，它只是一个包装元素，不会在页面中做任何渲染，只接受控制属性。　　　 　　（3） wx:if 和 hidden 的

本次项目中，组件名为ClassCell（路径 components/OrderCell/OrderCell.wxml）,引用组件的页面名为Approval（路径pages/UserCenter/MyOrder/Approval/Approval.wxml）首先，需要先封装组件，在components里创建组件文件夹，文件夹里创建对应组件。注意，组件的json文件中，"component"值为 true。组件的wxml代码：需要注意，我们的页面引用组件时，可能组件里有一部分结构是不需要的，比如本项目

在写小程序的个人中心页面时，用wx:for渲染列表，要实现点击对应条目跳转到对应的页面。刚开始时，使用的方法如下：页面wxml部分代码：js部分代码：虽然也能实现点击跳转到对应页面效果，但是我朋友说我这个程序写错了，我绑定的是一个函数名，而不是一个变量；然后他给我了一个新办法，参考https://blog.youkuaiyun.com/qq_43624878/article/details/102574131用data-xx实现；使用data-xx时，xx是自己定义的变量，data的值将存在event.ta