微信小程序—主页面的设计
一、小程序文件类型与目录结构
1）网页编程采用的是 HTML + CSS + JS 的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。
1-1 小程序中WXML 充当的就是类似 HTML 的角色
1-2 WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。
1-3 JS 交互逻辑：响应用户的点击、获取用户的位置等等。
2）app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。如下图：pages/welcome/welocme 为加载的页面路径
二、注册小程序页面View、 Image、Text等组件的基本用法
View的用法与网页设计中的div类似，为一种视图容器
image组件要注意的是图片路径为绝对路径，image组件默认宽度300px、高度225px ；image组件中二维码/小程序码图片不支持长按识别。
三、Flex弹性盒子模型
下方为wxss文件中的代码
为避免问题报错，需要在welcome.js文件中添加如上代码
如果你觉着文章不错
欢迎点赞转发留言
推荐给你的朋友谢谢支持
有任何问题请文末留言
- 发表于:
- 原文链接：https://kuaibao.qq.com/s/20180824G1IVOT00?refer=cp_1026
- 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号（企鹅号）传播渠道之一，根据《腾讯内容开放平台服务协议》转载发布内容。
- 如有侵权，请联系 cloudcommunity@tencent.com 删除。
相关快讯
扫码
添加站长 进交流群
领取专属 10元无门槛券
私享最新 技术干货
腾讯云开发者
