好的,以下是一个简单的微信小程序,实现叫号功能。

  1. 首先,在微信开发者工具中创建一个新的小程序项目。
  2. 在 app.json 中添加以下配置:
{
  "pages": [
    "pages/index/index",
    "pages/call/call"
  ],
  "window": {
    "navigationBarTitleText": "叫号系统"
  }
}
  1. 在 pages/index/index.wxml 中添加一个按钮,用于生成新号码:
<button bindtap="generateNumber">生成号码</button>
  1. 在 pages/index/index.js 中添加以下代码:
Page({
  data: {
    currentNumber: 0,
  },
  generateNumber() {
    const currentNumber = this.data.currentNumber + 1;
    wx.setStorageSync('currentNumber', currentNumber);
    this.setData({ currentNumber });
  },
});
  1. 在 pages/call/call.wxml 中添加以下代码,用于显示当前叫号:
<view>当前叫号:{{currentNumber}}</view>
<button bindtap="callNumber">叫号</button>
  1. 在 pages/call/call.js 中添加以下代码:
Page({
  data: {
    currentNumber: 0,
  },
  onLoad() {
    const currentNumber = wx.getStorageSync('currentNumber') || 0;
    this.setData({ currentNumber });
  },
  callNumber() {
    const currentNumber = this.data.currentNumber + 1;
    wx.setStorageSync('currentNumber', currentNumber);
    this.setData({ currentNumber });
    wx.showToast({
      title: `请${currentNumber}号到柜台办理业务`,
      icon: 'none',
    });
  },
});
  1. 在 app.wxss 中添加以下样式:
button {
  margin: 16px;
  padding: 8px;
  border-radius: 4px;
  background-color: #007aff;
  color: #fff;
  border: none;
}
  1. 运行小程序,在首页点击生成号码按钮,然后切换到叫号页面,点击叫号按钮即可。每次点击叫号按钮,当前号码会加一,并且会弹出一个提示框显示当前叫号。
帮我写一个微信小程序实现叫号功能

原文地址: https://www.cveoy.top/t/topic/biHB 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录