微信小程序利用腾讯云IM发送语音 + 图片

最新推荐文章于 2024-07-02 10:32:50 发布
最新推荐文章于 2024-07-02 10:32:50 发布
阅读量2.6k 收藏 17
点赞数 7
分类专栏： 小程序 文章标签： 小程序 其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42311676/article/details/105998106
版权

微信小程序利用腾讯云IM发送语音 + 图片

能做到这里 说明你已经可以发送普通文本了 如果没有的话可以看一下我的上一篇文章 有完整的讲解

效果图

语音聊天
发送图片

传送 → 发送图片

发送语音

**
1，页面wxml

<!-- 音频 -->
<block wx:if="{{item.type == 'TIMSoundElem'}}">
  <!-- 默认状态 -->
  <view class='content' wx:if="{{isplayId != item.payload.uuid || !isplayId}}" bindtap='audioPlay' data-key="{{index}}" data-id="{{item.payload.uuid}}" data-src="{{item.payload.url}}">
    <view class='audio' style="width:calc(90rpx + {{item.payload.second*10}}rpx);max-width: 464rpx">
      <image class='ico' mode="widthFix" src='/images/record_icon2.png' />
      <label class='time'>{{item.payload.second}}''</label>
    </view>
  </view>
  <!-- 当前正在播放状态 -->
  <view class='content' wx:if="{{isplayId == item.payload.uuid}}">
	<view class='audio' style="width:calc(90rpx + {{item.payload.second*10}}rpx);max-width: 464rpx">
	  <image class='ico' mode="widthFix" src='/images/record_icon3.gif' />
	  <label class='time'>{{item.payload.second}}''</label>
	</view>
  </view>
</block>

<!-- 录音时的提示 -->
<view wx:if="{{isRecording}}" class="record-modal">
  <view class="wrapper">
    <image src="/images/record_icon1.png" mode="widthFix" class="icon1"></image>
    <image src="/images/record_icon.gif" mode="widthFix" class="modal-loading"></image>
  </view>
  <view class="modal-title">
    {{title}}
  </view>
</view>

2，wxss样式

/* 录音 */
.record-modal {
  height: 230rpx;
  width: 260rpx;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 163rpx;
  right: 0;
  left: 0;
  margin: auto;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
}
.wrapper {
  display: flex;
  box-sizing: border-box;
  padding: 47rpx 60rpx 26rpx 60rpx;
  align-items: center;
  justify-content: space-between;
}
.icon1{
  width: 55rpx;
}
.modal-loading{
  width: 58rpx;
  height: 48rpx;
}
.modal-title{
  text-align:center;
  color: white;
  font-size: 26rpx;
}
.audio{
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.ico{
  width: 24rpx;
  height: 33rpx;
}
.time{
  font-size: 28rpx;
  color: #232323;
  margin-right: 18rpx;
}

3，js，相关逻辑（点击键盘变语音 长按录音 上滑取消 播放）

//创建audio控件
const myaudio = wx.createInnerAudioContext()
onLoad:function() {
    recorderManager.onStart(() => {
      console.log('recorder start')
    })
    recorderManager.onPause(() => {
      console.log('recorder pause')
    })
    recorderManager.onStop((res) => {
      console.log('recorder stop')
      console.log(res)
      wx.hideLoading()
      if (that.data.canSend) {
        if (res.duration < 1000) {
          wx.showToast({
            title: '录音时间太短',
            icon: "none"
          })
        } else {
          // 4. 创建消息实例，接口返回的实例可以上屏
          var tim = app.globalData.tim
          console.log(tim)
          const message = tim.createAudioMessage({
            to: that.data.conversationID.slice(3), // 消息的接收方
            conversationType: TIM.TYPES.CONV_C2C,
            payload: {
              file: res
            }
          });
          that.sendMessageFun(message)
        }
      }
    })
  }
  // 点击录音
  record(e) {
    this.setData({
      isrecord: !this.data.isrecord
    })
  },
  // 长按事件
  handleRecordStart(e) {
    var that = this
    that.setData({
      startPoint: e.touches[0],
      title: '正在录音',
      isRecording: true,
      canSend: true,
      title_input: '抬起 停止'
    })
    that.startRecording()
  },
  // 录音时的手势上划移动距离对应文案变化
  handleTouchmove(e) {
    var that = this
    var isRecording = that.data.isRecording
    var startPoint = that.data.startPoint
    if (isRecording) {
      if (startPoint.clientY - e.touches[e.touches.length - 1].clientY > 100) {
        that.setData({
          title: '松开手指，取消发送',
          canSend: false
        })
      } else if (startPoint.clientY - e.touches[e.touches.length - 1].clientY > 20) {
        that.setData({
          title: '上划可取消',
          canSend: true
        })
      } else {
        that.setData({
          title: '正在录音',
          canSend: true
        })
      }
    }
  },
  // 手指离开页面滑动
  handleRecordStop(e) {
    this.setData({
      isRecording: false
    })
    wx.hideLoading()
    recorderManager.stop()
  },
  // 开始录音之前要判断一下是否开启权限
  startRecording () {
    wx.getSetting({
      success: (res) => {
        let auth = res.authSetting['scope.record']
        if (auth === false) { // 已申请过授权，但是用户拒绝
          wx.openSetting({
            success: function (res) {
              let auth = res.authSetting['scope.record']
              if (auth === true) {
                wx.showToast({
                  title: '授权成功',
                  icon: 'success',
                  duration: 1500
                })
              } else {
                wx.showToast({
                  title: '授权失败',
                  icon: 'none',
                  duration: 1500
                })
              }
            }
          })
        } else if (auth === true) { // 用户已经同意授权
          this.setData({
            isRecording: true
          })
          recorderManager.start(this.data.recordOptions)
        } else { // 第一次进来，未发起授权
          wx.authorize({
            scope: 'scope.record',
            success: () => {
              wx.showToast({
                title: '授权成功',
                icon: 'success',
                duration: 1500
              })
            }
          })
        }
      },
      fail: function () {
        wx.showToast({
          title: '授权失败',
          icon: 'none',
          duration: 1500
        })
      }
    })
  },
  //音频播放 
  audioPlay: function (e) {
    var that = this
    var id = e.currentTarget.dataset.id // 要播放的音频的id
    var key = e.currentTarget.dataset.key // 索引
    var src = e.currentTarget.dataset.src //要播放的音频
    myaudio.src = src
    myaudio.autoplay = true
    //切换显示状态
    this.setData({
      isplayId: id
    })
    myaudio.play()
  
    //开始监听
    myaudio.onPlay(() => {
      console.log('监听播放的回调函数')
    })
  
    //结束监听
    myaudio.onEnded(() => {
      that.setData({
        isplayId: ''
      })
    })
  },

4，页面用到的变量（写在最后 图片和音频）
5，这里面用到的sendMessageFun跟之前发送消息的函数是一样的 做了封装 看→

发送图片

1，页面wxml展示

<!-- 图片 -->
<block wx:if="{{item.type == 'TIMImageElem'}}">
  	<image wx:if="{{!item.send}}" class="msg_pic" style="width:100%;" mode="widthFix" bindload="outputSrc" lazy-load="{{true}}" src="{{item.payload.imageInfoArray[0].url}}" bindtap="previewImage" data-url="{{item.payload.imageInfoArray[2].url}}"></image>
    <image wx:else class="msg_pic" style="width:100%;" mode="widthFix" bindload="outputSrc" lazy-load="{{true}}" src="{{item.sendPic}}" bindtap="previewImage" data-url="{{item.payload.imageInfoArray[2].url}}">
     <view class="progress">{{percent * 100}}%</view>
    </image>
</block>

<!-- 底部样式做了修改 -->
<view class="chat-footer" style="padding-bottom: calc({{tabBottom}}px + 25rpx)">
  <view class="chat_input_box">
    <image wx:if="{{isrecord}}" src="/images/msg_record.png" mode="widthFix" class="msg_icon" style="margin-right: 25rpx;" bindtap="record"></image>
    <image wx:else src="/images/msg_key.png" mode="widthFix" class="msg_icon" style="margin-right: 25rpx;" bindtap="record"></image>
    <view class='input' bindtap="bindFocus" wx:if="{{isrecord}}">
      <input class="inputArea" focus="{{focus}}" cursor-spacing="25" bindinput="bindKeyInput" bindfocus="bindfocus" bindblur="bindblur" value="{{inputValue}}" placeholder=""/>
      <text class="placeHolder" wx:if="{{inputShow}}">对ta发送消息</text>
    </view>
    <view wx:else class="speak" bindtap="getrecord" bindlongpress="handleRecordStart" bindtouchmove="handleTouchmove" bindtouchend="handleRecordStop">{{title_input}}</view>
    <image src="/images/msg_more.png" mode="widthFix" class="msg_icon" style="margin-left: 25rpx;" bindtap="moreClick"></image>
    <view class='send' bindtap='bindConfirm'>发送</view>
  </view>
  <view class="open_more" wx:if="{{sendPic}}">
    <view class="open_more_item" bindtap="sendPhoto" data-name="album">
      <image src="/images/msg_img.png" mode="widthFix" class="msg_img"></image>
      <view class="msg_text">相册</view>
    </view>
    <view  class="open_more_item" bindtap="sendPhoto" data-name="camera">
      <image src="/images/msg_photo.png" class="msg_img" mode="widthFix"></image>
      <view class="msg_text">拍摄</view>
    </view>
  </view>
</view>

2，wxss页面样式（修改了之前底部的样式）

/* 图片消息 */
.imgbox{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row-reverse;
}
.msg_pic {
  max-width: 256rpx;
  background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1588859561060&di=0528a9f22beb9a4b5f443c16bbf3b5e0&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Fa72000f4a3780806d4039168bd98ad1f16ea94be73d6-qBWrxA_fw658);
  background-repeat: no-repeat;
  background-size: center;
  background-position: center;
  border-radius: 4rpx;
  position: relative;
}
.progress{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(29, 29, 29, 0.548);
  color: #fff;
}
/* 底部样式 */
.chat-footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background:rgba(248,248,248,1);
  box-shadow:0px -1px 0px 0px rgba(221,221,221,1);
  padding: 20rpx 25rpx;
}
.chat_input_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.msg_icon{
  width: 58rpx;
  height: 58rpx;
}
.input{
  height:76rpx;
  line-height: 76rpx;
  background:rgba(255,255,255,1);
  border: none;
  border:1px solid rgba(212, 215, 222, 1);
  border-radius:6rpx;
  font-size: 26rpx;
  padding:0 20rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  flex-grow: 1;
}
.speak{
  height:76rpx;
  background:rgba(255,255,255,1);
  border:1px solid rgba(212, 215, 222, 1);
  border-radius:6rpx;
  font-size: 26rpx;
  padding:0 20rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  color: #666666;
}
.inputArea{
  width: 100%;
  height: 98%;
  flex-grow: 1;
}
.placeHolder{
  position: absolute;
  font-size: 26rpx;
  color: #cccccc;
  height: 100%;
  box-sizing: border-box;
  top: 0;
  z-index: 0;
}
.send{
  color: #fff;
  background-color: #FF9328;
  width: 124rpx;
  height: 76rpx;
  border-radius: 12rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26rpx;
  margin-left: 20rpx;
}
.footer-h{
  position: fixed;
  top: 100px;
}
.more{
  display: flex;
  justify-content: center;
  align-items: center;
}
.more_text{
  padding: 6rpx 14rpx;
  background:rgba(216,216,216,1);
  border-radius:4rpx;
  color: #FFFFFF;
  font-size: 20rpx;
  margin: 30rpx auto;
}

3，js（点击三个点 弹出底部选择图片或者拍照）

  // 点更多...出现图片和相册
  moreClick() {
    this.setData({
      sendPic: true
    })
  },
  // 点击屏幕 发消息更多的弹框下去
  bodyTouch() {
    this.setData({
      sendPic: false
    })
  },
  // 点击相册
  sendPhoto (e) {
    var that = this
    var name = e.currentTarget.dataset.name
    if (name === 'album') {
      that.chooseImage(name)
    } else if (name === 'camera') {
      wx.getSetting({
        success: function (res) {
          if (!res.authSetting['scope.camera']) { // 无权限，跳转设置权限页面
            wx.authorize({
              scope: 'scope.camera',
              success: function () {
                that.chooseImage(name)
              }
            })
          } else {
            that.chooseImage(name)
          }
        }
      })
    }
  },
  // 选择图片
  chooseImage (name) {
    var that = this
    var tim = app.globalData.tim
    wx.chooseImage({
      sourceType: [name],
      count: 1,
      success: function (res) {
        // debugger
        console.log(res)
        // 在发送之前先push进去一张图片
        var messageList = that.data.myMessages
        var data = {
          type: 'TIMImageElem',
          send: true,
          sendPic: res.tempFilePaths[0]
        }
        messageList.push(data)
        that.setData({
          myMessages: messageList
        })
        // 2. 创建消息实例，接口返回的实例可以上屏
        let message = tim.createImageMessage({
          to: that.data.conversationID.slice(3), // 消息的接收方,
          conversationType: TIM.TYPES.CONV_C2C,
          payload: { file: res },
          onProgress: function(event) { 
            console.log('file uploading:', event)
            that.setData({
              percent: event
            })
          }
        })
        that.sendMessageFun(message, 'pic')
      }
    })
    // that.handleClose()
  },
  // 预览
  previewImage(e) {
    var url = e.currentTarget.dataset.url
    wx.previewImage({
      current: url, // 当前显示图片的http链接
      urls: [url]
    })
  },

相关变量

data: {
	isrecord: true,
    // 录音部分参数
    recordOptions: {
      duration: 60000, // 录音的时长，单位 ms，最大值 600000（10 分钟）
      sampleRate: 44100, // 采样率
      numberOfChannels: 1, // 录音通道数
      encodeBitRate: 192000, // 编码码率
      format: 'aac' // 音频格式，选择此格式创建的音频消息，可以在即时通信 IM 全平台（Android、iOS、微信小程序和 Web）互通
    },
    title: '正在录音',
    isRecording: false,
    canSend: true,
    isplayId: '',
    title_input: '按住 说话',
    sendPic: false,
    percent: 0
 ｝

sendMessageFun函数的封装

原来的发送普通文本消息 
sendMessageFun(message,type) {
    var tim = app.globalData.tim
    var that = this
    // 2. 发送消息
    let promise = tim.sendMessage(message)
    promise.then(function(imResponse) {
      // 发送成功
      if(type == 'pic') {
        var messageList = that.data.myMessages
        messageList.pop()
        that.setData({
          myMessages: messageList
        })
      }
      var messageList = that.data.myMessages
      messageList.push(imResponse.data.message)
      that.setData({
        is_lock:true,
        myMessages: messageList,
        percent: 0
      })
      that.pageScrollToBottom()
      that.clearInput()
    }).catch(function(imError) {
      // 发送失败
      console.warn('sendMessage error:', imError);
    })
  }

差不多到这儿就完事儿啦(≧▽≦)/，发图片有一个问题(￢_￢) ， 微信小程序SDK imagePayLoad参数中的sizeType 表示不同压缩比例 但是实际应用中 并没有压缩 也提交工单询问了 最后的回复是 目前暂不支持 所以图片在展示的时候暂时没有做压缩处理 在这里插入图片描述

有什么问题可以评论，不足之处 求大神指导。(✪ω✪)

彡木
关注
  • 7
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
微信小程序｜基于小程序实现发送语音消息及转文字
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
11-01 1万+
此文主要在小程序内聊天的基础上实现语音发送及文字转换。
IM聊天教程之发送图片/视频/语音/表情
10-15
朋友在问如何在IM即时通讯中实现发送图片视频语音和表情呢，今天小编通过本文给大家详细介绍下，感兴趣的朋友一起看看吧
IM聊天教程:发送图片/视频/语音/表情
蔚可云的博客
02-22 1193
对于语音、视频和图片的发送，您如果有注意的话，在使用QQ或者微信的时候，当有朋友发送图片和视频给您时，收到后，需要等一会儿才能显示出来。在发送的时候，发送的其实就是这个表情的标签，也就是一个字符串。当对方收到一个字符串后，跟第一步定义的key-value列表去匹配，如果能找到对应的表情，就在页面上展示对应的表情图片，如果找不到，就是一个普通的文本信息。在本文的源码里，选择了使用阿里云的OSS作为文件上传服务器，您也可以切换为您自己实现的文件上传服务器，或者选择其他云服务的OSS，原理都是一样的。
微信小程序云开发实现一对一即时聊天，发送语音、文件、图片、添加好友等功能
06-16
利用云开发的即时通信demo做的仿照微信好友聊天。 实现 即时通信，即时发送文件，即时发送语音，更换聊天背景图、发送朋友圈(图片，视频等)，利用订阅消息发送好友申请的通知。 可以直接部署，具体的文章请看我的两篇 博客： 1. https://blog.csdn.net/weixin_41595277/article/details/102765508 2. https://blog.csdn.net/weixin_41595277/article/details/105350374
小程序语音功能
weixin_30905981的博客
08-02 221
silk_v3_decoder.exe111.silk111.pcm-quietffmpeg.exe-y-fs16le-ar24000-ac1-i111.pcm111.mp3 以cmd的方式调用进行运行转化测试 调用路径代码方法 转载于:https://www.cnblogs.com/SDdemon/p/9405845.html...
小程序聊天群，发送语音，文字，图片。
01-03
可以创建群，邀请群成员，群成员列表展示，图片发送，设置群公告，踢人，全体禁言，个人禁言，发送语音信息等功能。 效果图： 实现代码： 可以帮忙制作，手机号 、wx：17610241271 wxml 群成员({{userNumber}}) 发图片 发图片 群公告 去首页 暂无聊天数据 {{item.sendOutname}} {{item.dataTime}} {{item.text}} {{item.sendOutname}} {{item.data
一个适用于微信小程序的输入组件可以发送文字语音图片
08-10
一个适用于微信小程序的输入组件, 可以发送文字，语音， 图片
微信小程序 集成腾讯云IM做的聊天室
01-08
初次接触集成的东西确实有点费劲，最终通过两天的摸爬滚打把腾讯云的IM集成到了我的微信小程序中了。 让大家看一下效果： 我的毕设项目中只是用了腾讯IM的单人一对一聊天，当然这个IM是支持群的，语音视频，几乎...
腾讯云IM原生小程序即时通信IM demo，包含聊天、表情、语音、图片、会话列表功能
10-14
评估了一下团队实力后，并不允许，所以找了一个IM第三方框架，采用的是腾讯云的即时通信IM，但是目前腾讯云IM的小程序SDK并没有包含UI，因此就需要自己来开发页面样式和交互，腾讯云IM自己也提供了一个demo，但是...
微信小程序语音聊天智能对话（源码）
01-03
5.微信小程序聊天功能 WebSocket 实现发送文字，图片，语音以及WebSocket 常见问题解决方案 6.[微信小程序]聊天对话(文本,图片)的功能(完整代码附效果图) 如果有个性化的需要改造，修改样式就行，可以帮助修改。 ...
高仿qq IM通讯源码，包括聊天，发现附近好友，发送表情图片等
09-12
高仿qq IM通讯源码，包括聊天，发现附近好友，发送表情图片等，放心下载，直接运行。
微信小程序——原生小程序即时通信IM demo，包含聊天、表情、语音、图片、会话列表功能
08-27
评估了一下团队实力后，并不允许，所以找了一个IM第三方框架，采用的是腾讯云的即时通信IM，但是目前腾讯云IM的小程序SDK并没有包含UI，因此就需要自己来开发页面样式和交互，腾讯云IM自己也提供了一个demo，但是...
腾讯云IM开放-WebSDK-微信小程序SDK
01-22
腾讯云IM开放平台提供了一套完整的解决方案，包括WebSDK和微信小程序SDK，使得开发者能够方便地在自己的应用中集成即时聊天功能。 **一、腾讯云IM开放平台** 腾讯云IM开放平台是腾讯云推出的一款专业级的通讯服务...
微信小程序 - 超详细 “长按说话“ 实时语音录制与播放功能，仿微信发语音 “按住说话，松开取消“ 录音功能效果（详细示例源码，一键复制开箱即用！）
高级前端工程师
06-28 4484
微信小程序长按录制声音，微信小程序仿微信长按说话，微信小程序怎么实现长按录音，微信小程序如何实现长按录音,上划取消发送功能，微信小程序如何实现录音功能，微信小程序长按录音右滑取消详细完整源码示例，微信小程序类似微信发语音功能如何实现，小程序实现按下录音松开发送语音，小程序模仿微信长按按钮录音，微信小程序说话录音功能，微信小程序按住录音松手取消结束，微信小程序原生仿微信长按发语音，微信小程序开发中长按说话并发送功能，微信小程序实现按住说话功能，微信小程序怎么做类似微信按住录音功能，小程序实现按下录音松开识别语
腾讯云IM 一对一聊天上传图片时报错，{“message“:“文件上传失败“,“code“:2400} 已解决
weixin_43088592的博客
10-30 2502
测试的时候 安卓和web上传图片都是好用的，但是苹果就不行 显示{"message":"文件上传失败","code":2400} 报错 2400 解决办法 因为苹果和安卓环境不同，所以 苹果需要用 cos-wx-sdk-v5 这个上传插件 import TIM from 'tim-js-sdk'; import TIMUploadPlugin from 'tim-upload-plugin'; import cosWxSdk from 'cos-wx-sdk-v5' const option...
【腾讯云IM】即时通讯的登录，登出，用户列表，私聊，图片发送
weixin_44899940的博客
07-07 1513
【腾讯云IM】即时通讯的登录，登出，用户列表，私聊，图片发送
微信小程序云开发实现一对一即时聊天，发送语音、文件、图片、朋友圈、添加好友等功能
热门推荐
欢迎光临
04-06 1万+
利用云开发的即时通信demo做的仿照微信好友聊天。群聊、私聊、订阅消息、添加好友等
uniapp集成腾讯IM发送图片报错（h5端)，解决及新问题
qq18846934849的博客
05-14 1708
** 问题： ** 使用uniapp 集成腾讯im即时通讯时，app和小程序模式可正常发送图片消息，h5端则报错。ps:我依稀记得年初我开发时h5可以正常发送图片。问题体现： h5端发送图片提示，请检查图片格式（图片格式正常）； 或者提示图片文件只能为file……但传输file时继续提示无法使用file类型； 我的原因： 我的h5端加载sdk时，如加载tim-js.js会报错，所以加载了tim-wx.js，其他功能没发现明显问题，便以为可以代替使用。 产生问题的主要原因（看了博客大佬才知道主要问题是哪里）：
AI对话，绘画，文生图的合集的AI小程序怎么制作？前端uniapp，PHP语言开发
最新发布
m0_73984942的博客
07-02 417
ai创作系统搭建开发
【ASP.NET编程知识】微信小程序基于腾讯云对象存储的图片上传功能.docx
05-21
本文档主要介绍了如何在...通过以上知识点，开发者可以理解如何在ASP.NET和微信小程序的环境中，利用腾讯云对象存储实现高效且安全的图片上传功能。改造SDK的过程展示了在实际开发中面对问题时的解决思路和技术实施。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值