一、小程序开发环境搭建
-
下载安装微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
-
安装完成后打开微信开发者工具,选择小程序项目,输入项目名称、项目目录和 AppID,点击确定创建项目。
二、项目初始化
- 创建页面文件 在项目根目录下,创建以下文件:
- pages/index/index.wxml:首页的页面结构
- pages/index/index.wxss:首页的样式
- pages/index/index.js:首页的逻辑
- 编写页面结构(index.wxml)
<view class="container">
<view class="header">在线点餐</view>
<view class="menu-list">
<block wx:for="{
{menuList}}" wx:key="num">
<view class="menu-item" bindtap="addToCart">
<image class="menu-img" src="{
{item.imgUrl}}"></image>
<view class="menu-name">{