摘要:
一、实现思路 编写热门推荐的页面 home.wxml 美化热门推荐的显示 home.wxss 新建云函数getHotFood() 获取热门推荐菜品列表 home.js 调用云函数获取热门推荐菜品 home.js 将获取到的热门推荐菜品数据渲染到页面上 home.js + home.wxml 菜品名称 阅读全文
posted @ 2021-08-03 16:25
AnnLing
阅读(782)
评论(0)
推荐(0)
摘要:
一、实现思路 编写九宫格的页面 home.wxml 美化九宫格区域(弹性盒flex的应用)home.wxss 新建跳转页面 app.json 编写点击事件 home.js 二、代码实现 1.home.wxml 1 <!-- 九宫格 --> 2 <view class="categoryRoot"> 阅读全文
posted @ 2021-08-03 12:24
AnnLing
阅读(635)
评论(0)
推荐(0)
摘要:
一、实现思路 编写搜索框的页面wxml 美化搜索区域wxss 获取用户输入的内容 搜索词为空时候的提示 正则表达式实现模糊搜索 手机键盘触发搜索事件 携带搜索词跳转页面 二、代码实现 1.home.wxml 说明:confirm-type="search" bindconfirm="goSearch 阅读全文
posted @ 2021-08-03 11:46
AnnLing
阅读(687)
评论(0)
推荐(0)
摘要:
一、首页轮播图的主要功能点 1.使用swiper和swiper-item组件 2.动态获取后台的轮播图照片 3.改变小程序默认的swiper显示高度 二、首页轮播图的代码 1.home.wxml 1 <!-- 首页轮播图 --> 2 <swiper indicator-dots="true" ind 阅读全文
posted @ 2021-08-03 10:27
AnnLing
阅读(899)
评论(0)
推荐(0)