新拟物风小程序的第一次尝试(已开源)
发布于 4 年前 作者 xiuyingtian 646 次浏览 来自 分享

小桃答题 | 新拟物 答题小程序

📑 介绍

  • 新拟物风格
  • 主要面向答题,考研,测试,排行
  • 无须服务器, 无须域名

微信小程序

目前仅适配开放微信小程序, 后续适配其他平台小程序

扫描下面二维码可体验 👇

💡 软件架构

🕹 应用截图

功能 对应界面
首页
选择目标 (真机流畅,gif 卡顿)
答题页面
答题流程
选择课程分类
排行榜
收藏列表为空

🚀 安装教程

应用注册

  1. 先注册微信小程序, 将项目中 src/manifest.json 的 appid 更改自己的 appid(在微信后台开发/开发设置中)
  2. 知晓云注册账号后, 按指引流程接入后获取 key, 替换项目 App.vue 中 wx.BaaS.init(“xxxxxxxxxxxxx”)位置!;>
为什么没有用云开发, 单纯是因为知晓云的后台操作起来方便些, 当然个人觉得目前云开发功能在微信小程序上是比知晓云强大
  1. 导入 data/structure 内的 json 文件 生成数据结构(点击可以看操作图片哦!)
  2. (可选) 可导入 data/mock 内的 json 文件作为初始数据导入 mock 数据

安装环境

第一步: node 安装

用于编译 javascript 代码
node 安装地址 <<<BLOCKQUOTE:

  • windows 选择 msi
  • mac 选择 pkg<<<BLOCKQUOTE: 一键安装环境啥的最适合我了

>>>>>>

第二步: 执行编译命令

在项目目录下执行 <<<BLOCKQUOTE: npm install -g @vue/cli &amp; npm run dev:mp-weixin >>>

🧰 懒人模式

这个就是让小桃帮你部署, 给她买条裙子 👗 的费用部署(199), 当然如果后面有新版本更新的话也有优先推送, 有少量需求也可以满足下. 下面是小桃的微信 👇

源码地址 [https://gitee.com/github-31064550/Hi_Question]

❤️ 最后

如果这个项目对你学习, 工作或是其他需求有帮助的, 点个赞呗 💃💃💃

4 回复

那个光源好奇怪啊,返回按钮的光源是来自右上方,但是排行榜又是来自左上角。希望可以统一一下,光源的方向。

图都裂了

回到顶部