微信小程序我的页面代码
时间: 2023-09-07 17:17:55 浏览: 126
以下是一个简单的微信小程序“我的”页面代码示例:
```html
<view class="container">
<view class="avatar"></view>
<view class="username">{{username}}</view>
<view class="info">
<view class="item">
<text>我的收藏</text>
<navigator url="/pages/favorites/favorites">查看</navigator>
</view>
<view class="item">
<text>我的订单</text>
<navigator url="/pages/orders/orders">查看</navigator>
</view>
<view class="item">
<text>我的地址</text>
<navigator url="/pages/address/address">查看</navigator>
</view>
</view>
<button class="logout" bindtap="handleLogout">退出登录</button>
</view>
```
在这个示例中,我们有一个包含用户头像、用户名、收藏、订单、地址和退出登录按钮的“我的”页面。其中,`{{username}}` 是一个动态绑定的数据,将显示当前用户的用户名。我们还定义了三个子页面(收藏、订单和地址),用户可以单击每个子页面的按钮来查看相应的页面。最后,我们有一个退出登录按钮,当用户单击该按钮时,会触发 `handleLogout` 函数,执行退出登录操作。
这只是一个简单的示例,你可以根据自己的需要进行修改和扩展。
阅读全文