学习
实践
活动
工具
TVP
写文章

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

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

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 删除。

扫码关注腾讯云开发者

领取腾讯云代金券