yuanlei
/
udemo-im
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

更新个人页

master
袁磊 1 day ago
parent
c9c8332c3a
commit
fcc348489b
10 changed files with 109 additions and 44 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 64
      pages/home/user.vue
  2. BIN
      static/image/user/admin.png
  3. BIN
      static/image/user/c1.png
  4. BIN
      static/image/user/c5.png
  5. BIN
      static/image/user/c6.png
  6. BIN
      static/image/user/c7.png
  7. BIN
      static/image/user/c8.png
  8. 2
      uni_modules/vrapile-im/changelog.md
  9. 38
      uni_modules/vrapile-im/package.json
  10. 49
      uni_modules/vrapile-im/readme.md

64
pages/home/user.vue
View File

@ -35,6 +35,70 @@
</view>
</view>
</view>
<view class="nine-nav-001-item mt10">
<view class="nine-nav-001-item-left">
<image class="image35" mode="scaleToFill" src="/static/image/user/admin.png"></image>
<text class="nine-nav-001-item-left-text">后台管理</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item mt15">
<view class="nine-nav-001-item-left">
<image class="image35" mode="scaleToFill" src="/static/image/user/c5.png"></image>
<text class="nine-nav-001-item-left-text">我的钱包</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item mt15">
<view class="nine-nav-001-item-left">
<image class="image35" mode="scaleToFill" src="/static/image/user/c1.png"></image>
<text class="nine-nav-001-item-left-text">我的订单</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item">
<view class="nine-nav-001-item-left">
<image class="image35" mode="scaleToFill" src="/static/image/user/c8.png"></image>
<text class="nine-nav-001-item-left-text">我的卡券</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item">
<view class="nine-nav-001-item-left">
<image class="image35" mode="scaleToFill" src="/static/image/user/c7.png"></image>
<text class="nine-nav-001-item-left-text">购物车</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item mt15">
<view class="nine-nav-001-item-left">
<image class="image35" mode="scaleToFill" src="/static/image/user/c6.png"></image>
<text class="nine-nav-001-item-left-text">邀请好友</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001 pa5">
<view class="nine-nav-001-item mt10" @click="openUrl('/pages/setting/setting')">

BIN
static/image/user/admin.png
View File

Side by Side

After

Width: 122  |  Height: 126  |  Size: 17 KiB

BIN
static/image/user/c1.png
View File

Side by Side

After

Width: 51  |  Height: 55  |  Size: 7.1 KiB

BIN
static/image/user/c5.png
View File

Side by Side

After

Width: 48  |  Height: 56  |  Size: 6.9 KiB

BIN
static/image/user/c6.png
View File

Side by Side

After

Width: 57  |  Height: 57  |  Size: 6.9 KiB

BIN
static/image/user/c7.png
View File

Side by Side

After

Width: 54  |  Height: 51  |  Size: 7.4 KiB

BIN
static/image/user/c8.png
View File

Side by Side

After

Width: 55  |  Height: 55  |  Size: 6.6 KiB

2
uni_modules/vrapile-im/changelog.md
View File

@ -1,3 +1,5 @@
## 1.1.11（2025-07-14）
更新readme说明文件
## 1.1.10（2025-04-11）
更新示例工程
## 1.1.9（2025-03-27）

38
uni_modules/vrapile-im/package.json
View File

@ -1,7 +1,7 @@
{
"id": "vrapile-im",
"displayName": "im页面组件",
"version": "1.1.10",
"version": "1.1.11",
"description": "实现WebSocket连接/好友/群组/新消息/历史消息，都是全局配置并本地化存储，已调试兼容H5/微信小程序/安卓App/PC多端同步通讯",
"keywords": [
"IM页面组件，websocket应用"
@ -32,7 +32,7 @@
},
"npmurl": "",
"darkmode": "x",
"i18n": "x",
"i18n": "√",
"widescreen": "√"
},
"uni_modules": {
@ -58,39 +58,39 @@
},
"app": {
"vue": "√",
"nvue": "-",
"nvue": "√",
"android": "√",
"ios": "√",
"harmony": "-"
"harmony": "√"
},
"mp": {
"weixin": "√",
"alipay": "√",
"toutiao": "-",
"baidu": "-",
"kuaishou": "-",
"jd": "-",
"harmony": "-",
"qq": "-",
"lark": "-"
"toutiao": "√",
"baidu": "√",
"kuaishou": "√",
"jd": "√",
"harmony": "√",
"qq": "√",
"lark": "√"
},
"quickapp": {
"huawei": "-",
"union": "-"
"huawei": "√",
"union": "√"
}
},
"uni-app-x": {
"web": {
"safari": "-",
"chrome": "-"
"safari": "√",
"chrome": "√"
},
"app": {
"android": "-",
"ios": "-",
"harmony": "-"
"android": "√",
"ios": "√",
"harmony": "√"
},
"mp": {
"weixin": "-"
"weixin": "√"
}
}
}

49
uni_modules/vrapile-im/readme.md
View File

@ -2,21 +2,21 @@
1. 此组件为页面组件，实现了 WebSocket连接/好友/群组/新消息/历史消息，且都是 全局配置/全局本地化存储，兼容 H5/微信小程序/安卓App <font color="gray">*（ 其它平台未测试 ）*</font>
<br><br>
## 自行准备内容
1. 此组件提供示例工程，其中的 接口服务 和 WebSocket服务 ，仅供各位开发者调试使用，正式发布需自行实现
2. 接口服务，实现 /api/chat.js 和 /api/login.js 里面的方法
3. WebSocket服务，实现 连接和心跳检测/离线消息/在线消息/已读回执4种消息类型
3. WebSocket服务，实现 连接和心跳检测/离线消息/在线消息/已读回执4种类型消息处理
<br><br>
## 引用说明
### 1. 路由说明
导入组件后，在 pages.json 中会自动注册组件，若未注册可手动添加
导入组件后，会在 pages.json 中自动注册组件，若未注册可手动添加
``` javascript
{
"path": "uni_modules/vrapile-im/pages/home/chatHome",
@ -34,7 +34,7 @@
}
```
可在导航中配置IM消息页面
可在导航中配置 IM 消息页面
``` javascript
"tabBar": {
@ -57,44 +57,43 @@
```
### 2. 页面样式修改
页面样式在 <font color="Magenta">/uni_modules/vrapile-im/static/style/</font> 下的 <font color="Magenta">nine-chat-home-001.scss</font> 和 <font color="Magenta">nine-chat-friend-001.scss</font> 中，
可重写 <font color="Magenta">/static/style/</font> 下的 <font color="Magenta">nine-chat-home-001.scss</font> 和 <font color="Magenta">nine-chat-friend-001.scss</font>，将原样式替换
当前页面样式在 <font color="Magenta">/uni_modules/vrapile-im/static/style/</font> 下的 <font color="Magenta">nine-chat-home-001.scss</font> 和 <font color="Magenta">nine-chat-friend-001.scss</font>
可在 <font color="Magenta">/static/style/</font> 下的 <font color="Magenta">nine-chat-home-001.scss</font> 和 <font color="Magenta">nine-chat-friend-001.scss</font> 中重写样式替换
<br><br>
## 演示说明
以下所有工程共用一个后端，账号互通
<font color="gray">（ *皆可用访客账号/密码：visitor/visitor* ）</font>
<font color="gray">*以下所有工程共用一个后端，账号互通
（ 账号/密码：visitor/visitor ）*</font>
<br><br>
<br>
示例工程 [<a href="https://git.ninecloud.top/yuanlei/udemo-im.git" target="_blank"> 源码 </a>] 运行效果：
<a href="https://www.ninecloud.top/udemo/im/index.html" target="_blank">https://www.ninecloud.top/udemo/im/index.html</a>
<img src="https://fs.ninecloud.top/uniapp/udemo/im/qrcode.png" width="300">
<br>
<br>
<br><br><br>
演示商城效果：<font color="gray">（ *H5中可下载安卓App* ）</font>
<a href="https://www.ninecloud.top/unine/index.html" target="_blank">https://www.ninecloud.top/unine/index.html</a>
<br>
<a href="https://www.ninecloud.top/unine/index.html" target="_blank">
https://www.ninecloud.top/unine/index.html
</a>
<img src="https://fs.ninecloud.top/uniapp/unine/qrcode.png" width="300">
<br>
<br>
<br><br><br>
演示PC前端：<font color="gray">（ *与此组件无关，可用于多端消息互相发送测试* ）</font>
<a href="https://www.ninecloud.top/msw/index" target="_blank">https://www.ninecloud.top/msw/index</a>
<br>
<br>
<a href="https://www.ninecloud.top/msw/index" target="_blank">
https://www.ninecloud.top/msw/index
</a>
<br><br><br><br>
*注：通过以上系统新注册账号，默认添加 visitor 为好友，默认加入 客服专用群 群*
<font color="gray">
*注：通过以上系统新注册账号，默认添加 visitor 为好友，默认加入 客服专用群*
*以上任意系统之间，IM消息皆能同步显示*
</font>
Write Preview
Loading…
Cancel
Save