实训day2

一、前期准备

1.在微信公众平台注册邮箱

2.下载微信开发者工具

 

二、微信小程序项目环境搭建

实现的页面和开发工具主要源码：assets文件有一个icons的文件夹，里面存放着图标；pages文件分为分类的页面classify文件夹，首页页面index文件夹，购物车页面shopcat文件夹，我的页面mine文件夹，每个文件夹都有一个js，json，wxml，wxss文件。最后是整个页面布局的文件app。

 

三、微信公众平台的介绍

1.小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成，必须放在项目的根目录

 

 

2.一个小程序页面由四个文件组成

 

 

3.小程序框架配置、框架接口、WXML 和 WXS 等，小程序界面包括交互、导航栏、背景、字体、下拉刷新等

 

 

 

 

• 作业

1.微信小程序

 

1. 骰子布局

采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。有六个属性：

①flex-direction：属性决定主轴的方向（即项目的排列方向）。 row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。

部分代码：

 

 

结果：