一个简单的小程序demo

效果图如下

实现功能

1. 顶部轮播
2. 拨打电话
3. 导航
4. 底部菜单栏

涉及技术：Vant Weapp+小程序开发

1. Vant Weapp：轻量、可靠的小程序 UI 组件库
2. 导航到店和拨打电话功能调用的的小程序api
3. 导航的小程序api调用方法

    wx.getLocation({
      type: 'gcj02', //返回可以用于wx.openLocation的经纬度
      success(res) {
        const latitude = Number(纬度值)
        const longitude = Number(经度值)
        wx.openLocation({
          latitude,
          longitude,
          scale: 18
        })
      }
    })

4. 打电话的小程序api调用方法

wx.makePhoneCall({
      phoneNumber: '电话' 
    })

5. 导航到店，拨打电话的样式和图标，以及底部的菜单栏 使用的vant weapp组件库