Bläddra i källkod

feat: 微信小程序 vconsole

Burt 2 år sedan
förälder
incheckning
cf978ac361
4 ändrade filer med 27 tillägg och 4 borttagningar
  1. 5 4
      README.md
  2. BIN
      screenshots/vconsole/1.png
  3. BIN
      screenshots/vconsole/2.png
  4. 22 0
      src/pages/demo/base/vconsole.vue

+ 5 - 4
README.md

@@ -38,17 +38,18 @@ UniBest 是由 Vue3 & Ts & Vite4 & uni-app & UnoCss & UniUI 驱动的跨端快
 - [x] 导航栏渐变(微信+h5)
 - [x] 自定义导航栏顶部机型适配
 - [x] 微信小程序分享(好友+朋友圈)
-- [ ] 微信登录
-- [ ] 微信一键登录(基于手机号)
+- [x] 微信登录
+- [x] 非微信登录(h5 和 App)
+- [ ] 微信一键登录(基于手机号)- 需要非个人认证用户
 - [ ] 仿BOSS直聘-个人中心
 - [ ] 仿华为商城-个人中心
 - [ ] 页面悬浮球(floating bubble)
 - [ ] 多tab列表功能
 - [ ] 瀑布流
 - [ ] 头像上传
-- [ ] 图片剪辑
 - [x] 抽奖-九宫格抽奖
-- [ ] 抽奖-大转盘抽奖
+- [x] 抽奖-大转盘抽奖
+- [ ] 仿网易云音乐APP(独立项目)
 - [ ] 仿网易云音乐APP(独立项目)
 
 ## 环境

BIN
screenshots/vconsole/1.png


BIN
screenshots/vconsole/2.png


+ 22 - 0
src/pages/demo/base/vconsole.vue

@@ -0,0 +1,22 @@
+<route lang="json5">
+{
+  layout: 'demo',
+  style: { navigationBarTitleText: '开启 vConsole' },
+}
+</route>
+
+<template>
+  <view class="text-5 h-8 leading-8">
+    <view class="text-red-500">在非正式版小程序里面已经集成了VConsole</view>
+    <view class="text-blue-500 mb-2">开启方式如下面</view>
+    <image
+      src="https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/fly/vconsole/1.png"
+      mode="widthFix"
+    />
+    <view class="text-blue-500 m-2">然后页面上会出现一个 `vConsole` 的调试按钮,如下图</view>
+    <image
+      src="https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/fly/vconsole/2.png"
+      mode="widthFix"
+    />
+  </view>
+</template>