移动端常见问题

若在此当中没有获取到有用的信息，可以反馈到issues当中，作者会尽快回复

移动端测试

若直线查看移动端页面，不想部署后端，可以使用下面方法进行测试

  1. 拉取移动端代码并跑起来
  2. 后端借助于 lucky-admin-vue 的线上预览环境进行测试

修改方式：

  1. 文件位置：env/.env
  2. 修改内容 VITE_SERVER_BASEURL = 'https://admin.anlucky.cn/prod-api'
  3. 编译运行即可

版本更新

目前更新只支持小程序的更新，其他的更新需要自己去实现，小程序更新实现代码如下，可根据自己想需求进行对应的修改，其中不包括鸿蒙元服务

// #ifdef MP
  // #ifndef MP-HARMONY
  const updateManager = uni.getUpdateManager()
  updateManager.onCheckForUpdate(function (res) {
    // 请求完新版本信息的回调
    // console.log(res.hasUpdate)
    if (res.hasUpdate) {
      toast.success('检测到新版本，正在下载中...')
    } else {
      toast.success('已是最新版本')
    }
  })
  updateManager.onUpdateReady(function (res) {
    uni.showModal({
      title: '更新提示',
      content: '新版本已经准备好，是否重启应用？',
      success(res) {
        if (res.confirm) {
          // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
          updateManager.applyUpdate()
        }
      },
    })
  })
  updateManager.onUpdateFailed(function (res) {
    // 新的版本下载失败
    toast.error('新版本下载失败')
  })
  // #endif
  // #endif

  // #ifndef MP
  toast.success('功能开发中')
  // #endif

Icon 自定义

移动端新增 Icon 图标需要使用到 阿里矢量图 官网：iconfont-阿里巴巴矢量图标库

步骤：

  1. 挑选自己心仪的 Icon 图标并入库
  2. 入库时选择或创建一个项目批量管理当前的Icon图标
  3. 下载对应项目的图标库
  4. 将下载好的图标库中对应的文件添加到 src/style/iconfont 目录下
    • iconfont.css
    • iconfont.json
    • iconfont.ttf
    • iconfont.woff
    • iconfont.woff2
  5. 重新启动项目即可完成配置

若替换后将无法使用原本的icon图标，若想使用原本的icon图标 请将图标库

Ant Design 官方图标库公开库 iconfont-阿里巴巴矢量图标库

全部添加后，再添加自己的收藏自己的图标，然后再按照上面步骤进行配置即可

阿里矢量图批量添加

在控制台中执行当前代码，即可全部选中当前页面的所有图标并添加入库

document.querySelectorAll('.icon-gouwuche1').forEach(i=>setTimeout(()=>{i.click()}))
最近更新：:
Contributors: DuYiFan