记录文件或图片element上传

最新推荐文章于 2024-09-10 20:26:21 发布
最新推荐文章于 2024-09-10 20:26:21 发布
阅读量392 收藏 7
点赞数 4
文章标签： vue.js elementui javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58235310/article/details/140300211
版权 
<template>
  <div class="classes-edit">
    <div v-if="device === 'desktop'" style="padding: 10px;">
      <el-form ref="form" :model="form" :rules="rules" size="mini" label-width="80px" label-position="left">
        <el-form-item label="头像">
          <el-upload class="avatar-uploader" drag action="" :limit="1" accept=".jpg, .png" :auto-upload="false"
            :on-change="onUpload">
            <img v-if="imageUrl" :src="imageUrl" class="avatar">
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          </el-upload>
        </el-form-item>
        <el-form-item label="校区" prop="deptId">
          <el-select style="width: 100%;" clearable v-model="form.deptId" placeholder="校区">
            <el-option v-for="item in campusList" :key="item.deptId" :label="item.deptName" :value="item.deptId" />
          </el-select>
        </el-form-item>
        <el-form-item label="学生姓名" prop="name">
          <el-input v-model="form.name" placeholder="请输入学生姓名" />
        </el-form-item>
        <el-form-item label="昵称" prop="nickname">
          <el-input v-model="form.nickname" placeholder="请输入昵称" />
        </el-form-item>
        <el-form-item label="手机号" prop="phone">
          <el-input v-model="form.phone" placeholder="请输入手机号" />
        </el-form-item>
        <el-form-item label="学生类型" prop="type">
          <el-select style="width: 100%;" v-model="form.type" placeholder="请输入学生类型" clearable>
            <el-option v-for="item in dict.type.c_type" :key="item.value" :label="item.label"
              :value="Number(item.value)" />
          </el-select>
        </el-form-item>
        <el-form-item label="来源" prop="source">
          <el-input v-model="form.source" placeholder="请输入来源" />
        </el-form-item>
        <el-form-item label="生日" prop="birthday">
          <el-date-picker style="width: 100%;" clearable v-model="form.birthday" type="date" value-format="yyyy-MM-dd"
            placeholder="请选择生日">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="入学时间" prop="enrollDate">
          <el-date-picker style="width: 100%;" clearable v-model="form.enrollDate" type="date" value-format="yyyy-MM-dd"
            placeholder="请选择入学时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="跟进人" prop="userName">
          <el-select filterable style="width: 100%;" clearable v-model="form.userId" placeholder="顾问">
            <el-option v-for="item in adviserList" :key="item.userId" :label="item.nickName" :value="item.userId" />
          </el-select>
        </el-form-item>
        <el-form-item label="性别" prop="gender">
          <el-select style="width: 100%;" v-model="form.gender" placeholder="请输入性别">
            <el-option label="男" :value="0"></el-option>
            <el-option label="女" :value="1"></el-option>
            <el-option label="其他" :value="2"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="注释" prop="commet">
          <el-input v-model="form.commet" type="textarea" placeholder="请输入注释" />
        </el-form-item>
        <!-- 用不了 -->
        <el-form-item label="用户侧写标签" prop="tag">
          <el-input v-model="form.tag" type="textarea" placeholder="请输入用户侧写标签" />
        </el-form-item>
        <!-- 用不了 -->
        <el-form-item label="其他信息" prop="other">
          <el-input v-model="form.other" type="textarea" placeholder="请输入其他信息" />
        </el-form-item>
        <el-form-item label="终身卡" prop="lifetime">
          <el-select style="width: 100%;" v-model="form.lifetime" placeholder="请输入终身卡">
            <el-option label="有" :value="1"></el-option>
            <el-option label="无" :value="0"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <div slot="footer" style="display: flex;align-items: center;">
        <el-button style="margin-left: auto;" size="mini" type="primary" @click="submitForm">确 定</el-button>
        <el-button size="mini" @click="$emit('cancel')">取 消</el-button>
      </div>
    </div>
    <div v-if="device === 'mobile'" style="padding: 10px;">
      <v-form ref="vFormRef" v-model="valid" lazy-validation>
        <v-list>
          <v-list-item>
            <v-list-item-avatar style="color:rgba(0, 0, 0, .6);font-weight: 700;">
              头像
            </v-list-item-avatar>
            <v-list-item-content>
              <el-upload class="avatar-uploader" drag action="" :limit="1" accept=".jpg, .png" :auto-upload="false"
                :on-change="onUpload">
                <img v-if="imageUrl" :src="imageUrl" class="avatar">
                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
              </el-upload>
            </v-list-item-content>
          </v-list-item>

          <v-list-item>
            <el-row style="width:100%">
              <el-col :span="12">
                <v-text-field style="margin-right: 20px;" label="姓名" class="text-right" :rules="vrules.name"
                  hide-details="auto" v-model="form.name"></v-text-field>
              </el-col>
              <el-col :span="12">
                <v-text-field label="外号" class="text-right" hide-details="auto" v-model="form.nickName"></v-text-field>
              </el-col>
            </el-row>
          </v-list-item>

          <v-list-item>
            <v-list-item-content>
              <v-text-field label="电话" hide-details="auto" v-model="form.phone" :rules="vrules.phone"></v-text-field>
            </v-list-item-content>
          </v-list-item>

          <v-list-item>
            <v-list-item-content>
              <v-campus-select v-model="form.deptId"></v-campus-select>
            </v-list-item-content>
          </v-list-item>

          <v-list-item>
            <v-list-item-content>
              <v-text-field style="margin-right: 20px;" label="来源" class="text-right" :rules="vrules.source"
                hide-details="auto" v-model="form.source"></v-text-field>
            </v-list-item-content>
          </v-list-item>

          <v-list-item>
            <v-list-item-content>
              <v-text-field value=" " readonly hide-details="auto" :rules="vrules.type">
                <template v-slot:label>
                  学生类型
                </template>
                <template v-slot:append>
                  <v-chip-group active-class="primary--text" mandatory v-model="form.type">
                    <v-chip small :value="1">幼儿</v-chip>
                    <v-chip small :value="2">少儿</v-chip>
                    <v-chip small :value="3">成人</v-chip>
                  </v-chip-group>
                </template>
              </v-text-field>
            </v-list-item-content>
          </v-list-item>

          <v-list-item>
            <v-list-item-content>
              <v-text-field value=" " readonly hide-details="auto" :rules="vrules.gender">
                <template v-slot:label>
                  性别
                </template>
                <template v-slot:append>
                  <v-chip-group active-class="primary--text" mandatory v-model="form.gender">
                    <v-chip small :value="0">女</v-chip>
                    <v-chip small :value="1">男</v-chip>
                    <v-chip small :value="2">其他</v-chip>
                  </v-chip-group>
                </template>
              </v-text-field>
            </v-list-item-content>
          </v-list-item>

          <v-list-item>
            <v-list-item-content>
              <VonedataSelect v-model="form.birthday" hint="生日"></VonedataSelect>
            </v-list-item-content>
          </v-list-item>

          <v-list-item>
            <v-list-item-content>
              <VonedataSelect v-model="form.enrollDate" hint="入学时间"></VonedataSelect>
            </v-list-item-content>
          </v-list-item>

          <v-list-item>
            <v-list-item-content>
              <v-adviser-select hint="跟进人" v-model="form.userId"></v-adviser-select>
            </v-list-item-content>
          </v-list-item>
          <v-list-item>
            <v-list-item-content>
              <v-text-field label="注释" hide-details="auto" v-model="form.commet"></v-text-field>
            </v-list-item-content>
          </v-list-item>
          <v-list-item>
            <v-list-item-content>
              <v-text-field label="用户侧写标签" hide-details="auto" v-model="form.tag"></v-text-field>
            </v-list-item-content>
          </v-list-item>
          <v-list-item>
            <v-list-item-content>
              <v-text-field label="其他信息" hide-details="auto" v-model="form.other"></v-text-field>
            </v-list-item-content>
          </v-list-item>
          <v-list-item>
            <v-list-item-content>
              <v-text-field value=" " readonly hide-details="auto">
                <template v-slot:label>
                  终身卡
                </template>
                <template v-slot:append>
                  <v-chip-group active-class="primary--text" mandatory v-model="form.lifetime">
                    <v-chip small :value="0">有</v-chip>
                    <v-chip small :value="1">无</v-chip>
                  </v-chip-group>
                </template>
              </v-text-field>
            </v-list-item-content>
          </v-list-item>
          <v-list-item>
            <v-btn text color="green" width="100%" @click="vsubmitForm">
              {{ studentId ? '保存' : '新建' }}
            </v-btn>
          </v-list-item>
        </v-list>
      </v-form>
    </div>
  </div>
</template>

<script>
import SearchTeacher from '@/views/components/SearchTeacher/index.vue'
import { mapGetters } from 'vuex'
import { getStudents, addStudents, updateStudents } from '@/api/acd/students'
import COS from 'cos-js-sdk-v5'
import SparkMD5 from 'spark-md5'
import vCampusSelect from '@/components/acd/mobile/v-campus-select.vue';
import vAdviserSelect from '@/components/acd/mobile/v-adviser-select.vue';
import VonedataSelect from '@/components/acd/mobile/v-onedata-select.vue';

import { getFileToken } from '@/api/tool/file.js'
const cos = new COS({
  // getAuthorization 必选参数
  getAuthorization: function (options, callback) {
    getFileToken().then(res => {
      const data = res.data
      callback({
        TmpSecretId: data.tmpSecretId,
        TmpSecretKey: data.tmpSecretKey,
        SecurityToken: data.sessionToken,
        // 建议返回服务器时间作为签名的开始时间，避免用户浏览器本地时间偏差过大导致签名错误
        StartTime: Math.floor(data.startTime / 1000), // 时间戳，单位秒，如：1580000000
        ExpiredTime: Math.floor(data.expiredTime / 1000)// 时间戳，单位秒，如：1580000000
      })
    })
  }
})

export default {
  name: 'AddStudent',
  components: { SearchTeacher, vCampusSelect, vAdviserSelect,VonedataSelect },
  props: ['studentId'],
  dicts: ['class_status', 'c_type', 'class_level', 'class_phase', 'class_level', 'class_phase'],
  computed: {
    ...mapGetters([
      'campusListAll',
      'campusList',
      'teacherList',
      'adviserList',
      'genreList',
      'device',
      'userId'
    ])
  },
  data() {
    return {
      menu1: false,
      menu2: false,
      imageUrl: '',
      rules: {
        deptId: [
          { required: true, message: "校区id不能为空", trigger: "blur" }
        ],
        name: [
          { required: true, message: "学生姓名不能为空", trigger: "blur" }
        ],
        phone: [{ required: true, message: '手机号不能为空' },
        {
          type: 'number',
          message: '手机号格式不正确',
          trigger: 'blur',
          transform(value) {
            var phonereg = 11 && /^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/
            if (!phonereg.test(value)) {
              return false
            } else {
              return Number(value)
            }
          }
        }],
        source: [
          { required: true, message: "来源不能为空", trigger: "blur" }
        ],
        birthday: [
          { required: true, message: "来源不能为空", trigger: "blur" }
        ],
        enrollDate: [
          { required: true, message: "来源不能为空", trigger: "blur" }
        ],
        gender: [
          { required: true, message: "来源不能为空", trigger: "blur" }
        ],
        lifetime: [
          { required: true, message: "来源不能为空", trigger: "blur" }
        ],
        type: [
          { required: true, message: "来源不能为空", trigger: "blur" }
        ],
        study: [
          { required: true, message: "来源不能为空", trigger: "blur" }
        ],
        userId: [
          { required: true, message: "来源不能为空", trigger: "blur" }
        ],
      },
      vrules: {
        deptId: [v => !!v || '请选择校区'],
        name: [v => !!v || '请选择姓名'],
        phone: [v => {
          const reg = /^1[3-9]\d{9}$/;
          return reg.test(v) || "手机号码格式不正确"
        }],
        source: [v => !!v || '请输入来源'],
        birthday: [v => !!v || '请选择生日'],
        enrollDate: [v => !!v || '请选择入学时间'],
        gender: [v => !!v || '请选择性别'],
        lifetime: [v => !!v || '请选择是否有终身卡'],
        type: [v => !!v || '请选择类型'],
        userId: [v => !!v || '请选择跟进人'],
      },
      form: {},
      fileform: {
        name: '',
        contentType: '',
        birthday: ''
      },
      valid: false
    }
  },
  created() {
    if (this.studentId) {
      this.getStudent()
    }
  },
  watch: {

  },
  methods: {
    onUpload(file) {
      const that = this
      console.log(file)
      // 判断文件是否能上传
      this.fileform.name = file.name.slice(0, file.name.lastIndexOf('.'))
      const ext = file.name.slice((file.name.lastIndexOf('.') - 1 >>> 0) + 2)
      if (ext) {
        if (ext.toLowerCase() === 'png' || ext.toLowerCase() === 'jpg') {
          this.fileform.contentType = 'IMAGE'
        }
      } else {
        return
      }
      if (!this.fileform.contentType) {
        this.fileform.file = []
        this.$message.error('只允许上传图片/视频')
      }
      const fileReader = new FileReader()
      const Spark = new SparkMD5.ArrayBuffer()
      fileReader.readAsArrayBuffer(file.raw)
      fileReader.onload = function (e) {
        Spark.append(e.target.result)
        const md5 = Spark.end()
        // 正式上传步骤
        cos.putObject({
          Bucket: 'wxstorage-1318137298', /* 存储桶: */
          Region: 'ap-guangzhou',     /* 存储桶所在地域，必须字段 */
          Key: 'student/1.' + ext.toLowerCase(),              /* 必须是字符串 */
          StorageClass: 'STANDARD',  // 固定值
          Body: file.raw, // 上传文件对象
          SliceSize: 1024 * 1024 * 5, // 小于5mb
          onTaskReady: function (taskId) { /* 非必须 */
            console.log(taskId, "taskId")
          },
          onProgress: (progressData) => {
            //   上传进度
            console.log(JSON.stringify(progressData));
          },

        }, (err, data) => {
          if (data) {
            that.imageUrl = 'https://' + data.Location
            console.log(that.imageUrl, "11111")
          }
          if (err) {
            that.$message.error(err)
          }
        });
      }
    },
    getStudent() {
      getStudents(this.studentId).then(res => {
        this.form = res.data
      })
    },
    nameRules(e) {
      if (!e) {
        e = ''
      }
      let chineseCharacters = e.match(/[\u4e00-\u9fff]/g);
      const chineseLen = chineseCharacters ? chineseCharacters.length : 0;
      let nonChineseCharacters = e.match(/[^\u4e00-\u9fff]/g);
      const nonChineseLen = nonChineseCharacters ? nonChineseCharacters.length : 0;
      if (chineseLen > 5) {
        return '姓名过长'
      }
      if (nonChineseLen > 20) {
        return '姓名过长'
      }
      if (e.includes('(') || e.includes(')') || e.includes('（') || e.includes('）')) {
        return '乱七八糟备注不要加到名字里'
      }
      return true
    },
    reset() {
      this.form = {
        id: null,
        deptId: null,
        name: null,
        nickname: null,
        phone: null,
        type: null,
        source: null,
        birthday: null,
        enrollDate: null,

        userId: null,
        gender: null,
        lifetime: 0,
        commet: null,
        tag: null,
        other: null,
        createUserId: null,
        createTime: null,
        updateTime: null,
        status: 0,
      };
      this.resetForm("form");
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateStudents(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.reset()
              this.$emit('cancel')
              this.$emit('update')
            });
          } else {
            addStudents(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.reset()
              this.$emit('cancel')
              this.$emit('update')
            });
          }
        }
      });
    },
    vsubmitForm() {
      if (this.$refs.vFormRef.validate()) {
        if (this.form.id != null) {
          updateStudents(this.form).then(response => {
            this.$modal.msgSuccess("修改成功");
            this.reset()
            this.$emit('cancel')
            this.$emit('update')
          });
        } else {
          addStudents(this.form).then(response => {
            this.$modal.msgSuccess("新增成功");
            this.reset()
            this.$emit('cancel')
            this.$emit('update')
          });
        }
      }
    }
  }
}
</script>


<style scoped>
::v-deep.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

::v-deep.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}

::v-deep.avatar-uploader .el-upload-dragger {
  font-size: 28px;
  color: #8c939d;
  width: 100px !important;
  height: 100px !important;
  line-height: 100px;
  text-align: center;
}

.avatar {
  width: 100px;
  height: 100px;
  display: block;
}
</style>

_GuGu_
关注
  • 4
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单记录一下原生上传图片和element 文件流上传方式
小猪的博客
12-21 520
一、element上传方式，二原生上传方式。
element ui 上传文件 或 图片
平凡的世界的博客
06-10 1131
              今天做了一个上传图片前来记录一下 因为我们的项目是element ui 写的，所以也就根据element ui 的上次组件来进行一个编写。写完发现，哎，不对呀，我其他地方也需要这个上传，所以我就封装一个组件，写的不怎么好，请见谅。 <template> <div class="MaxBox"> <el-form>
element ui 上传图片
2401_84092694的博客
05-10 406
this.$message.error(“图片只能是 JPG 或者 PNG 格式!this.$message.error(“上传头像图片大小不能超过 3MB!说明：图片宽度为750PX，格式为JPG或者PNG，每张图片大小不超过3M。// 应付多个组件的情况 记录当前组件的key值。(点击图片即可替换其它图片)// 限制只能3M以内的图片。2. script 部分。3. scss 部分。
vue使用element 上传图片，修改图片
热门推荐
Shuai_YeYe的博客
04-18 2万+
vue使用element 上传图片，修改图片 文章目录vue使用element 上传图片，修改图片前言一、应用场景1.上传图片并进行放大预览2.图片上传代码二、修改已经上传的图片，并展示到图片列表中1.效果展示（先展示原来的图片，再上传新图片，也可删除原来的图片）2.编辑代码总结 前言 开发后台管理项目时，遇到了上传图片的模块，这个比较简单，但是保存后的图片需要编辑就比较麻烦了，自己记录一下，也分享一下，多多指教 一、应用场景 1.上传图片并进行放大预览 2.图片上传代码 我这里的实现是直接将图片上
element中手动图片上传，附带完整代码
WWW_share8的博客
08-03 4223
先展示一张图片效果图片 这种上传时 很常见的。之所以写这篇文章的目的时记录一下，和之前完全不同的上传方式。 之前的上传方式： 由于<el-upload></el-upload>这个组件有自动上传，也就是说只要图片提交后就会自动上传。 所以之前都是 为这样的 表单提交提供两个接口，第一个接口提供图片接收，并返回接收后的图片路径。然后在和表单一起提交的第二个接口中...
使用 Element 上传组件读取文件
river、的博客
05-06 3534
需求：支持 .txt 和 .sql 后缀文件内容的读取，最大 2MB。显示已读取文件名称、读取进度和读取成功状态。读取按钮重复点击时，已读取文件列表中的文件被新的文件替换。
Element Upload 上传图片
七号程序员的博客
07-30 5274
最近跟element结下不解之缘，很多地方用到组件。 这篇文章主要记录使用Element Upload 上传图片组件的过程。 Upload 上传图片组件：https://element.eleme.cn/#/zh-CN/component/upload 需求：弹窗内上传图片 代码： 引入element步骤省略，有需要可以到element官网查询 element安装：https://element.eleme.cn/#/zh-CN/component/installation 1、页面布局.
element:upload自定义文件上传
qq_45061461的博客
06-15 2817
【代码】element:upload自定义文件上传。
Element 上传图片
snow_living的博客
08-16 511
的属性是链接上传地址的 直接将地址填入 上传时会报错 缺少请求头。在data（）{return{ }}里初始化。记录一下上传文件的使用 以及配置。element 在上传文件是。getToken 的引入。
ThinkPHP文件上传实例教程
12-18
文件上传是许多Web应用程序中的常见需求，尤其在处理用户提交的图像、文档或其他类型的数据时。以下是实现这个功能的具体步骤： 1. **Action部分**： 在`FileAction.class.php`文件中，我们有两个主要的方法：`...
vue中使用elementUI组件手动上传图片功能
10-15
当使用Element UI进行开发时，上传图片功能是常见需求之一。在Element UI中，组件为我们提供了一种简洁的方式来实现图片的上传功能。但有时出于对安全性的考虑，我们可能需要将上传的逻辑控制在客户端，这时就需要...
vue element 文件上传（单文件、多文件手动上传） 、 文件下载
huihuiliu_的博客
07-06 1639
一、文件上传 记一次文件上传和文件下载，写的比较仓促，就记录了代码过程，其他没有详细解释，只为记录自己知识积累的过程。 1、单文件上传 HTML部分： <el-row v-for="(item,index) in DebugfileList"> <el-col :span="10"><span>{{item.name}}</span></el-col> <el-col :span="14">
vue获取上传图片的名字和路径_vue+element-ui中的图片获取与上传
weixin_40007541的博客
12-19 5109
vue+element-ui中的图片获取与上传工作上接触了一下图片的处理，图片的格式是文件流, 记录如下。请求图片请求图片的时候，带上{ responseType: 'blob' }, 否则图片显示的可能是乱码。axios.post(url, parmas, { responseType: 'blob' }).then(res => {return Promise.resolve(res);...
vue3.5新增特性
yunbabac的博客
09-05 432
vue3.5
Vue2 中对数组进行操作时需要注意什么
m0_73882020的博客
09-06 543
在 Vue 2 中，对数组进行操作时，关键是确保操作能够被 Vue 的响应式系统检测到。使用 Vue 的响应式 API，如Vue.set或this.$set，可以确保数组的变化会被正确地反映到视图中。此外，避免直接修改数组的length属性或使用数组索引直接赋值，以确保视图的响应性。
SprinBoot+Vue远程教育网站的设计与实现
赵广陆
09-10 814
目录1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导，对于专业性数据证明一切！ 主要项目：javaweb、ssm、spring
Vue CLI：初学者指南与深入理解
最新发布
x15514104477的博客
09-10 568
本文为初学者提供了一个关于如何使用 Vue CLI 的指南，并帮助读者深入理解其核心概念。Vue CLI 是一个用于快速搭建 Vue.js 项目的命令行工具，适用于所有水平的开发者。
美术|基于java+vue的美术外包管理信息系统(源码+数据库+文档)
weixin_66413741的博客
09-10 597
游戏美术管理信息系统。该系统基于B/S即所谓浏览器/服务器模式，应用java技术，选择MySQL作为后台数据库。系统主要包括系统首页，个人中心，用户管理，公司管理，作品信息管理，作品订单管理，外包需求管理，外包应征管理，流程追踪管理，在线交流管理，在线回复管理，管理员管理，留言反馈，系统管理等功能模块。本文首先介绍了游戏美术外包管理信息技术发展背景与发展现状，然后遵循软件常规开发流程，首先针对系统选取适用的语言和开发平台，
Vue Webuploader组件：大文件分片上传与FastDFS集成实践
此外，作者还提及了`<el-upload>`组件的使用，这是一种基于Element UI的文件上传组件，它提供了一种便捷的方式来管理上传过程中的提示信息。`<liv-for>`指令用于渲染文件列表，每个文件的状态通过`'is-'+file.status...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值