【微信小程序】制作个人信息页面 |
您所在的位置:网站首页 › 小程序个人中心页面 › 【微信小程序】制作个人信息页面 |
2022- 12 - 09 日更新: 由于太多人找我要源码了,这里把源码放在github上,希望各位初学者能在拿到源码的同时领略一下github的风采,祝大家在编程的道路上越走越远~ 源码地址 题外: 也许前端学习也应包括审美。在我学习前端路上,以前模仿视频内容,现在模仿别人成品…我曾想过作为前端是不是也应学习UI设计方向的美术知识,再不济也应具备页面布局的审美。但这个想法被一位大佬否定了,所以这个想法也只好放在心里成为另一种可能。 分享一个今天才学会的CSDN写文章的技巧~ 正题: 先上成品图 ![]() 进行编程前,我们要架构。对整体项目叫架构,对一个页面而言不如说叫整理思路 以本图为例,除去底部 tabBar,头部 navigationStyle 是小程序特有配置,其他都是“前端三剑客”的基础内容。 于是可以简单的划分为两部分: 蓝色背景区域白色主体区域思维导图附上: ![]() 注意:开发时绝对定位尽量少用。 2.编程前排提示:代码可以复制到 VScode 看的舒服很多 第一步:根据架构写出布局 第二步:分析盒子内具体内容 访客学院第三步:写CSS样式,通常我会第二步第三步同时进行 CSS基础我也很菜,而且实现的方式很多,提示一下 不多赘述。 子绝父相margin - left用 line - height 撑开盒子高度,而不是给盒子设置高度justify - content : space - betweem 了解下它的全部值 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |