随笔分类 - 微信小程序
摘要：一、功能需求 1、点击我的订单，跳转到订单tab页 二、代码实现 1、me.js(代码片段) 1 //点击我的订单，跳转到订单页面 2 toOrder(){ 3 wx.switchTab({ 4 url: '/pages/order/order', 5 }) 6 },
阅读全文
摘要：一、功能需求 反馈建议采用button组件 消除button组件的默认样式，美化页面样式 button按钮的open-type微信开放能力的应用 反馈建议的后台查看 二、代码实现 1、me.wxml 1 <view class="item"> 2 <!-- 给button添加open-type实现反
阅读全文
摘要：一、功能需求 在线客服采用button组件 消除button组件的默认样式，美化页面样式 button按钮的open-type微信开放能力的应用 在线客服的后台查看 二、代码实现 1、me.wxml 1 <view class="item" > 2 <!-- 给button添加open-type实现
阅读全文
摘要：一、功能需求 未登录和登录界面区别显示 点击授权登录，获取用户授权 登录成功后，将个人信息存入缓存 点击已登录成功后用户的微信头像，弹出退出登录 退出登录后，清空缓存 页面在onShow的时候，判断是否有缓存，优先从缓存获取信息 二、代码实现 1、me.wxml 1 <!-- 个人信息展示 -->
阅读全文
摘要：一、功能需求 1、不同状态下的订单信息展示 2、取消订单 3、订单评价 4、删除订单 5、再来一单 二、代码实现 1、order.wxml 1 <!--导航条--> 2 <view class="navbar"> 3 <lable wx:for="{{navbar}}" data-idx="{{in
阅读全文
摘要：一、功能需求 1、购物车固定显示在点餐页面底部 2、实时统计购物车总数量和总金额 3、已选菜品展示在购物车 4、添加菜品到购物车（菜品列表增加和购物车内增加同步） 5、减少菜品到购物车（菜品列表减少和购物车内减少同步） 6、购物车蒙层的显示和隐藏 7、购物车列表加载缓存菜品信息、已点菜品总数量、总金
阅读全文
摘要：一、功能需求 1、订单结算带出门店名称和门店地址信息 2、用户选择用餐方式 3、带出购物车所选的菜品信息 4、小计和合计 5、订单备注 6、点击提交订单弹窗选择支付方式 7、模拟支付 二、代码实现 1、orderPay.wxml 1 <!--导航条--> 2 <view class="navbar"
阅读全文
摘要：一、功能需求 1、用户在【首页】输入搜索关键词，点击【搜索】按钮： 携带搜索关键词跳转到【搜索菜品】页面 在【搜索菜品】页面显示关键词 在【搜索菜品】页面显示搜索出来的菜品列表 2、用户在【搜索菜品】页面 接收【首页】传递过来的关键词并显示到页面 根据传递过来的关键词正则查询出符合条件的菜品列表 用
阅读全文
摘要：一、功能需求 显示门店的信息（地图定位信息、门店名称、门店地址、联系电话、微信号） 点击地图定位点/气泡，自动调取手机中的地图软件，进入导航 二、代码实现 1.shopDetail.wxml 1 <map longitude="{{markers[0].longitude}}" latitude="
阅读全文
摘要：一、功能需求 显示当前位置 从数据库获取所有门店的信息 各个门店：点击对应按钮实现打电话联系，导航到门店 与其他页面交互 点击门店信息，携带门店信息跳转到门店详情页 shopDetail 点击【选这家】按钮，携带门店信息跳转到首页 home 二、代码实现 1.shop.wxml 1 <!-- 用户当
阅读全文
摘要：一、功能需求 页面展示默认门店（门店名称、门店电话、导航地址） 点击联系电话，调取拨打默认门店的联系电话 点击【导航前往】，调取手机地图软件进行导航 与其他页面交互： 点击默认门店名称，跳转到选择门店页面 二、代码实现 1.home.wxml 1 <!-- 选择门店 --> 2 <view clas
阅读全文
摘要：一、实现思路 编写热门推荐的页面 home.wxml 美化热门推荐的显示 home.wxss 新建云函数getHotFood() 获取热门推荐菜品列表 home.js 调用云函数获取热门推荐菜品 home.js 将获取到的热门推荐菜品数据渲染到页面上 home.js + home.wxml 菜品名称
阅读全文
摘要：一、实现思路 编写九宫格的页面 home.wxml 美化九宫格区域（弹性盒flex的应用）home.wxss 新建跳转页面 app.json 编写点击事件 home.js 二、代码实现 1.home.wxml 1 <!-- 九宫格 --> 2 <view class="categoryRoot">
阅读全文
摘要：一、实现思路 编写搜索框的页面wxml 美化搜索区域wxss 获取用户输入的内容 搜索词为空时候的提示 正则表达式实现模糊搜索 手机键盘触发搜索事件 携带搜索词跳转页面 二、代码实现 1.home.wxml 说明：confirm-type="search" bindconfirm="goSearch
阅读全文
摘要：一、首页轮播图的主要功能点 1.使用swiper和swiper-item组件 2.动态获取后台的轮播图照片 3.改变小程序默认的swiper显示高度 二、首页轮播图的代码 1.home.wxml 1 <!-- 首页轮播图 --> 2 <swiper indicator-dots="true" ind
阅读全文
摘要：一、创建images文件夹 创建images文件夹，与pages文件夹同级。将小程序多页面的小图标文件放在images文件夹下。 二、配置多页面 打开app.json文件，添加tabBar代码。 1 "tabBar": { 2 "color": "#C3C3C3", 3 "selectedColor
阅读全文
摘要：一、CMS导入内容模型 导入6个内容模型：管理员、轮播图、订单表、菜品表、评论表、排号表。 第一步：准备好内容模型的json文件 1 [{"fields":[{"dateFormatType":"timestamp-ms","description":"系统字段，请勿随意修改","displayNa
阅读全文
浙公网安备 33010602011771号