论坛小程序·“我的”页面布局

本文探讨了小程序中'我的'页面的布局设计,详细解释了me.wxml文件中的视图容器View及其样式设定,包括背景、头像、账号、昵称和地址的布局。介绍了wxss的CSS样式应用,如flex布局和颜色设置。同时讲解了open-data组件在显示用户基础数据中的作用,以及bindtap事件和Image组件在实现收藏列表点击跳转功能中的应用。
摘要由CSDN通过智能技术生成

这次让我们来看看界面是怎么布局的吧!

比如打开模拟器里“我的”页面,找到其所对应的me文件夹里的文件
在这里插入图片描述
打开me.wxml

查看第一段代码,发现其中包含五个view类,他们的属性标签分别是:class=‘amountBg’、class=‘img’、class=‘account’、class=‘nick-name’、class=‘address’,
对应着背景、头像、账号、昵称、地址五个方面。他们之间的包含关系也不难看出。
在这里插入图片描述
在这里插入图片描述
View是一个视图容器,它可以展示一些内容,我们通过对他的属性进行标记来区分,并通过对应的wxss文件修改其样式

  • 3
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值