微信小程序—主页面的设计

一、小程序文件类型与目录结构

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文件中添加如上代码

如果你觉着文章不错

欢迎点赞转发留言

推荐给你的朋友谢谢支持

有任何问题请文末留言