微信小程序 微信小程序摇一摇抽獎奖

为了更好的理解小程序和小程序开发我们首先来看一下项目的目录。

首先看下根目录下的app.json的文件可以看到在”pages”的数组里，里面配置了每个界面且包含了每个界面文件的目录

我们接下来看一下page文件夹，可以看到每个页面需要包含两个文件一个是js文件，是每个界媔的入口wxml的文件是每个界面的布局文件，wxss是样式文件

接下来看一下logs文件夹，在logs文件夹中比index文件夹中多出了一个logs.json的文件logs.json这个文件配置叻一个界面的title的信息。

为了更好的理解项目的结构我们来一张gif图。

我们首先看一下测试效果

之前说过这个文件中监听并处理小程序的生命周期函数、声明全局变量调用框架提供的丰富的 API，相当于我们写移动端时候的逻辑代码

 //间距,怎么顺眼怎么设置吧.
 //这里我只是简单粗暴用y=30*x+200函数做的处理.可根据自己的需求改变转盘速度
 

这个文件是配置文件。这里我们不需要配置

index.wxss 是整个小程序的样式表,如这个摇奖对应得搖一摇样式。对css熟悉的肯定不会陌生

index.wxml 是页面的结构文件，如果有需要就需要配置这里大家可以参照项目的文档说明

感谢阅读，希望能幫助到大家谢谢大家对本站的支持！