小程序实例制作微信-0基础制作微信小程序（案例：超市）-微信小程序实例-即速应用

小程序实例制作微信-0基础制作微信小程序（案例：超市）-微信小程序实例

浏览量：2050 时间：2020-03-20 来源：xcxgood

简介：这是不要服务器不要域名，无后台，上传即用的超市小程序，终身使用，无需任何费用。即使你是小白菜鸟都可以使用。
功能：首页轮播、公告、产品展示、底部导航、一键拨号、地图导航等功能。
用途：超市、小卖部、门店、公司展示、产品展示等。很多展示性的都可以使用。
源码下载：微信1215360479获取。
效果预览
使用教程：
1、双击打开“微信web开发工具”，
2、用小程序管理员绑定的微信扫描工具二维码，并在手机上确认登陆。
3、选择“小程序项目”。
4、如下图：
项目目录选择到“chaoshi”文件夹。
Appid：填写正确（具体请登录你的微信小程序后台查看）
项目名称：根据自己需求填写。
最后点击确定。
5、打开后出现下图。
本小程序每个文字，每张图片，每个图标颜色都可以修改。
6、如果你要修改“XX超市”为你自己的名称，请点击搜索按钮，然后在输入框输入“XX超市”，点击查找。
7、双击蓝色字体就可以修改了，直接修改即可。所有文字修改方式都一样。
8、图片修改，打开图片文件，在image下面，如下图，直接用你制作好的图片区替换即可（一定要用同名同格式通尺寸的图片区替换）。
9、增加产品/删除产品，如下图，找到page—list—index.wxml文件，
增加产品：复制下图红框内代码粘贴到后面即可（同时修改图片名称和产品名称就可以了）
删除产品：直接删除产品所在的代码即可，入下图红框部分。
10、修改完成后，ctrl+s保存代码。
然后点击预览，弹出二维码，用管理员手机扫描，在手机上就可以看效果了。
11、预览后确认没有问题，点击上传，然后登陆你的小程序，提交审核，等待腾讯审核。审核通过后，提交发布，就可以了。