微信小程序实战篇-个人中心
来源:互联网 发布:中化江苏公司 知乎 编辑:程序博客网 时间:2024/05/16 03:40
哈喽,大家好,又到周五啦,有木有期待今天的更新呀~今天要教大家的是制作个人中心界面,先上效果图
mine.js
toOrder :事件监听,跳转到我的订单界面
onLoad:在加载过程中,获取用户的信息
2. mine.wxml
布局分为三个模块,用户信息模块、我的订单模块、功能列表模块,布局不是很难,相信看源码就可以理解
3. mine.wxss
样式列表我重点讲解一下 userinfo-avatar 类中的 border-radius 属性,大家看一下效果就知道他的作用,没错设置圆角图片,正常我们都是方方正正的图片,有了这个属性,可以轻松实现圆角图片了
我的订单,其实界面的实现原理和首页的导航栏是一样的,只不过换了一下内容以及导航栏标题罢了,所以这里我就不细讲了,不懂的朋友可以看我首页导航栏是怎么制作的,模仿写出来就好
1. order.js
2. order.wxml
3. order.wxss
界面布局差不多就讲到这里了,大家也看到了,其实越到后面,要讲的界面内容知识就越少,万变不离其中吧,后续的话,代码君打算讲一下微信小程序的网络请求框架,敬请期待,最后祝大家周末愉快~
关注公众号获取最新文章
阅读全文
0 0
- 微信小程序实战篇-个人中心
- 微信小程序实战篇-个人中心
- 微信小程序实战篇-个人中心、订单制作
- React Native商城项目实战11 - 个人中心头部内容
- 全栈工程师之路-中级篇之小程序开发-第二章第七节个人中心
- 前端微信小程序实战篇
- React Native商城项目实战09 - 个人中心自定义cell
- React Native商城项目实战10 - 个人中心中间内容设置
- React Native项目实战之搭建美团个人中心界面
- IOS - 个人中心界面
- 测试个人中心
- 个人中心,设置头像
- 个人中心主页
- 【实战】模仿设置中心
- 微信小程序开发个人博客高级篇
- 微信小程序开发个人博客高级篇
- 微信小程序个人心得
- 微信小程序个人理解
- Unity -- AssetBundle简介
- 她只用一个方法,就把英语拿下了!
- 【工作】大三程序猿之(社招)找工作有感
- 脚本超时sql查询条数上亿原因
- 神秘的程序员们头像包第五发(有妹子!)
- 微信小程序实战篇-个人中心
- 跨浏览器确定一个窗口的大小
- (一)整合spring cloud云服务架构 —简介
- Spring bean 标签加载、解析过程分析
- 细细品读 Retrofit 的设计之美一
- 报错:1130-host ... is not allowed to connect to this MySql server
- 在任何地方部署Kubernetes
- MediaPlayer 实现金额的语音播报功能
- C3P0连接池配置和实现详解