一、前期准备

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

2.下载微信开发者工具

 

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

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

 

三、微信公众平台的介绍

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

实训day2

 

 

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

实训day2

 

 

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

 

 

 

 

  • 作业

1.微信小程序

实训day2实训day2

实训day2

 

  1. 骰子布局

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

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

部分代码:

实训day2

 

 

结果:

实训day2

相关文章: