3808人加入学习
(19人评价)
微信小程序-贪吃蛇

制作完成于2019-10-01,基于微信开发者工具 1.02.1909292

价格 免费

push()//尾部添加              pop()//尾部删除

unshift()//头部添加           shift()//头部删除

[展开全文]

声名变量需要把变量用双大好{{变量"A"}}

[展开全文]
<view wx:for="{{books}}">
<text>{{item.name}}</text>
<text>{{item.author}}</text>
<text>{{item.num}}</text>
</view>
 
     books:[{
      name:"三国演义",
      author:"ooo",
      num:"01",
     },
       {
         name: "红楼梦",
         author: "lll",
         num: "02",
       },
       {
         name:"西游记",
         author:"mmmm",
         num:"03",
       }
     ]
  },
 
 
[展开全文]

列表渲染

<view wx:for="{{book}}">{{item}}</view>
 
 
 
 
<view class="yangshi">
<view wx:for="{{book}}" class="yangshi"  >{{item}}</view>
</view>

 

 
data: {
     isShow:true,
     book:["三国演义","红楼梦","西游记"]
  },
[展开全文]

条件渲染:wx:if={{false}}或者wx:if={{0}}

例:

<view wx:if="{{true}}">我们这门学的课是贪吃蛇</view>
[展开全文]

开发步骤:

需求分析-页面原型

[展开全文]

App.js:公共属性和方法

Project.config.json

 

[展开全文]

tabBar:界面切换

2<=list<=5

[展开全文]

结构:默认基础结构

App.Json:公共配置

     page:路径,

     window:窗口适应情况

App.wxss:公共样式

 

[展开全文]

js:javaScript

wxML:类似前端开发HTML

wxss:类似前端开发  CSS

1.颜色拾取

(1)Color_new

   (2)在线工具:极念网,RGB

       

[展开全文]

授课教师

SiKi学院老师

课程特色

下载资料(1)
视频(77)