javaScript原生版购物车：全选、单选、全删、商品数量增减、计算总价、添加商品（代码）

最新推荐文章于 2024-05-28 18:30:26 发布
最新推荐文章于 2024-05-28 18:30:26 发布
阅读量8.1k 收藏 159
点赞数 19
分类专栏： 原生javascript 文章标签： javascript js css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59850169/article/details/118524673
版权

题目：

CSS代码如下：

<style>

        *{

            margin: 0px;

            padding: 0px;

        }

        .header,.content,.floot{

            width: 800px;

            margin:0px auto;

        }

        .header ul li,.content ul li{

            float: left;

            list-style: none;

            width: 100px;

            line-height: 100px;

            text-align: center;

        }

        /* 清除浮动 */

        .clear{

            clear:both

        }

        .li2{

            width: 200px;

        }

        button{

            padding: 2px 5px;

        }

    </style>

HTML代码如下：

<div class="header">

        <ul>

            <li><input type="checkbox" name="quan" οnclick="all2(this)">全选</li>

            <li class='li2'>商品图片</li> 

            <li>数量</li>

            <li>单价</li>

            <li>商品名称</li>

            <li>小计</li>

            <li>操作</li>

        </ul>

        <div class='clear'></div>

    </div>

    <div class='content'>

        <ul>

            <li><input type="checkbox" name="xuan" οnclick="radio1()"></li>

            <li class='li2'><img src="./img/1.jpg" width="100"></li> 

            <li>

                <button οnclick="jian(this)">-</button>

                <button>1</button>

                <button οnclick="add1(this)">+</button>

            </li>

            <li>￥<span>2200.00</span></li>

            <li>数码相机</li>

            <li>￥<span>2200.00</span></li>

            <li><button οnclick="del(this)">删除</button></li>

            <div class='clear'></div>

        </ul>

        

        <ul>

            <li><input type="checkbox" name="xuan" οnclick="radio1()"></li>

            <li class="li2"><img src="./img/2.jpg" width="100"></li> 

            <li>

                <button οnclick="jian(this)">-</button>

                <button>1</button>

                <button οnclick="add1(this)">+</button>

            </li>

            <li>￥<span>2300.00</span></li>

            <li>家用相机</li>

            <li>￥<span>2300.00</span></li>

            <li><button οnclick="del(this)">删除</button></li>

            <div class="clear"></div>

        </ul>

    </div>

    <div class='floot'>

        <button οnclick="delAll()">全删</button>

        <button οnclick="addGood()">添加商品</button>

        已选商品总计：￥<span>00.00</span>

        店铺合计：￥<span>00.00</span>

    </div>

JS代码如下：

<script>

        //获取操作对象

        var header=document.querySelector('.header')

        var content=document.querySelector('.content')

        var floot=document.querySelector(".floot")

        //获取所有的选中框对象

        // var xuans=content.querySelectorAll('[name="xuan"]')

        var xuans=document.getElementsByName("xuan")

        //全选

        function all2(btn){

            //遍历每一个选中框对象

            for(var i=0;i<xuans.length;i++){

                //判断全选框是否被选中

                if(btn.checked){

                    xuans[i].checked=true

                }else{

                    xuans[i].checked=false

                }

            }

            totalXuan()

        }

        //选中框

        function radio1(){

            //获取全选框对象

            var quan=header.querySelector('[name="quan"]')

            var a=0 //统计被选中的次数

            //遍历所有选中框对象

            for(var i=0;i<xuans.length;i++){

                //判断选中框是否被选中

                if(xuans[i].checked){

                    a++

                }

            }

            //判断被选中的次数是否等于选中框的长度

            if(a==xuans.length){

                quan.checked=true

            }else{

                quan.checked=false

            }

            totalXuan()

        }

        //加法

        function add1(btn){

            //获取数量

            var num=btn.previousElementSibling.innerHTML

            //修改数量

            num++

            //重新把数量赋值给指定位置

            btn.previousElementSibling.innerHTML=num

            //获取单价

            var price=btn.parentNode.nextElementSibling.lastElementChild.innerHTML

            //计算小计

            var sum=num*parseFloat(price)

            //重新给小计赋值

            // btn.parentNode.nextElementSibling.nextElementSibling.nextElementSibling.lastElementChild.innerHTML=sum

            btn.parentNode.parentNode.children[5].lastElementChild.innerHTML=sum

            totalHe()

            totalXuan()

        }

        //减法

        function jian(btn){

            //获取数量

            var num=btn.nextElementSibling.innerHTML

            if(num<=1){

                num=1

            }else{

                num--

            }

            //重新给数量赋值

            btn.nextElementSibling.innerHTML=num

             //获取单价

             var price=btn.parentNode.nextElementSibling.lastElementChild.innerHTML

            //计算小计

            var sum=num*parseFloat(price)

            //重新给小计赋值

            btn.parentNode.parentNode.children[5].lastElementChild.innerHTML=sum

            totalHe()

            totalXuan()

        }

        //删除

        function del(btn){

            btn.parentNode.parentNode.remove()

            totalHe()

            totalXuan()

        }

        //全删

        function delAll(){

            //遍历每一个选中框对象

            for(var i=xuans.length-1;i>=0;i--){

                //判断当前选中框是否被选中

                if(xuans[i].checked){

                    //删除当前商品

                    xuans[i].parentNode.parentNode.remove()

                }

            }

            totalHe()

            totalXuan()

        }

        m=3 //图片名称

        //添加商品

        function addGood(){

            //创建ul标签

            var newUl=document.createElement('ul')

            //给当前新节点添加内容

            newUl.innerHTML='<li><input type="checkbox" name="xuan" οnclick="radio1()"></li>'

            +'<li class="li2"><img src="./img/'+m+'.jpg" width="100"></li>'

            +'<li>'

                +'<button οnclick="jian(this)">-</button>'

                +' <button>1</button>'

                +' <button οnclick="add1(this)">+</button>'

                +'</li>'

                +'<li>￥<span>3300.00</span></li>'

                +'<li>索尼相机</li>'

                +'<li>￥<span>3300.00</span></li>'

                +'<li><button οnclick="del(this)">删除</button></li>'

                +'<div class="clear"></div>'

            //把当前新节点追加到content对象中

            content.appendChild(newUl)

            m++

            if(m>7){

                m=1

            }

            totalHe()

            totalXuan()

            radio1()

        }

        //店铺合计

        function totalHe(){

            //获取所有商品

            var uls=content.querySelectorAll("ul")

            var sum=0//合计

            //遍历每一个商品

            for(var i=0;i<uls.length;i++){

                //获取每个商品的小计

                var num=uls[i].children[5].lastElementChild.innerHTML

                sum+=parseFloat(num)

            }

            //给店铺合计赋值

            floot.lastElementChild.innerHTML=sum

        }

        totalHe()

        //已选商品总计

        function totalXuan(){

            var sum=0//商品总计

            //遍历每一个选中框对象

            for(var i=0;i<xuans.length;i++){

                //判断当前选中框是否被选中

                if(xuans[i].checked){

                    //获取当前被选中的商品小计

                    var num=xuans[i].parentNode.parentNode.children[5].lastElementChild.innerHTML

                    sum+=parseFloat(num)

                }

            }

            //给已选商品总计赋值

            floot.lastElementChild.previousElementSibling.innerHTML=sum

        }

        totalXuan()

    </script>

<style>
        *{
            margin: 0px;
            padding: 0px;
        }
        .header,.content,.floot{
            width: 800px;
            margin:0px auto;
        }
        .header ul li,.content ul li{
            float: left;
            list-style: none;
            width: 100px;
            line-height: 100px;
            text-align: center;
        }

        /* 清除浮动 */
        .clear{
            clear:both
        }
        .li2{
            width: 200px;
        }
        button{
            padding: 2px 5px;
        }
    </style>
<div class="header">

        <ul>

            <li><input type="checkbox" name="quan" onclick="all2(this)">全选</li>

            <li class='li2'>商品图片</li> 

            <li>数量</li>

            <li>单价</li>

            <li>商品名称</li>

            <li>小计</li>

            <li>操作</li>

        </ul>

        <div class='clear'></div>

    </div>

    <div class='content'>

        <ul>

            <li><input type="checkbox" name="xuan" onclick="radio1()"></li>

            <li class='li2'><img src="./img/1.jpg" width="100"></li> 

            <li>

                <button onclick="jian(this)">-</button>

                <button>1</button>

                <button onclick="add1(this)">+</button>

            </li>

            <li>￥<span>2200.00</span></li>

            <li>数码相机</li>

            <li>￥<span>2200.00</span></li>

            <li><button onclick="del(this)">删除</button></li>

            <div class='clear'></div>

        </ul>

        

        <ul>

            <li><input type="checkbox" name="xuan" onclick="radio1()"></li>

            <li class="li2"><img src="./img/2.jpg" width="100"></li> 

            <li>

                <button onclick="jian(this)">-</button>

                <button>1</button>

                <button onclick="add1(this)">+</button>

            </li>

            <li>￥<span>2300.00</span></li>

            <li>家用相机</li>

            <li>￥<span>2300.00</span></li>

            <li><button onclick="del(this)">删除</button></li>

            <div class="clear"></div>

        </ul>

    </div>

    <div class='floot'>

        <button onclick="delAll()">全删</button>

        <button onclick="addGood()">添加商品</button>

        已选商品总计：￥<span>00.00</span>

        店铺合计：￥<span>00.00</span>

    </div>
<script>
        //获取操作对象
        var header=document.querySelector('.header')
        var content=document.querySelector('.content')
        var floot=document.querySelector(".floot")
        //获取所有的选中框对象
        // var xuans=content.querySelectorAll('[name="xuan"]')
        var xuans=document.getElementsByName("xuan")
        //全选
        function all2(btn){
            //遍历每一个选中框对象
            for(var i=0;i<xuans.length;i++){
                //判断全选框是否被选中
                if(btn.checked){
                    xuans[i].checked=true
                }else{
                    xuans[i].checked=false
                }
            }
            totalXuan()
        }
        //选中框
        function radio1(){
            //获取全选框对象
            var quan=header.querySelector('[name="quan"]')
            var a=0 //统计被选中的次数
            //遍历所有选中框对象
            for(var i=0;i<xuans.length;i++){
                //判断选中框是否被选中
                if(xuans[i].checked){
                    a++
                }
            }
            //判断被选中的次数是否等于选中框的长度
            if(a==xuans.length){
                quan.checked=true
            }else{
                quan.checked=false
            }
            totalXuan()
        }
        //加法
        function add1(btn){
            //获取数量
            var num=btn.previousElementSibling.innerHTML
            //修改数量
            num++
            //重新把数量赋值给指定位置
            btn.previousElementSibling.innerHTML=num
            //获取单价
            var price=btn.parentNode.nextElementSibling.lastElementChild.innerHTML
            //计算小计
            var sum=num*parseFloat(price)
            //重新给小计赋值
            // btn.parentNode.nextElementSibling.nextElementSibling.nextElementSibling.lastElementChild.innerHTML=sum
            btn.parentNode.parentNode.children[5].lastElementChild.innerHTML=sum
            totalHe()
            totalXuan()
        }
        //减法
        function jian(btn){
            //获取数量
            var num=btn.nextElementSibling.innerHTML
            if(num<=1){
                num=1
            }else{
                num--
            }
            //重新给数量赋值
            btn.nextElementSibling.innerHTML=num
             //获取单价
             var price=btn.parentNode.nextElementSibling.lastElementChild.innerHTML
            //计算小计
            var sum=num*parseFloat(price)
            //重新给小计赋值
            btn.parentNode.parentNode.children[5].lastElementChild.innerHTML=sum
            totalHe()
            totalXuan()
        }
        //删除
        function del(btn){
            btn.parentNode.parentNode.remove()
            totalHe()
            totalXuan()
        }
        //全删
        function delAll(){
            //遍历每一个选中框对象
            for(var i=xuans.length-1;i>=0;i--){
                //判断当前选中框是否被选中
                if(xuans[i].checked){
                    //删除当前商品
                    xuans[i].parentNode.parentNode.remove()
                }
            }
            totalHe()
            totalXuan()
        }
        m=3 //图片名称
        //添加商品
        function addGood(){
            //创建ul标签
            var newUl=document.createElement('ul')
            //给当前新节点添加内容
            newUl.innerHTML='<li><input type="checkbox" name="xuan" onclick="radio1()"></li>'
            +'<li class="li2"><img src="./img/'+m+'.jpg" width="100"></li>'
            +'<li>'
                +'<button onclick="jian(this)">-</button>'
                +' <button>1</button>'
                +' <button onclick="add1(this)">+</button>'
                +'</li>'
                +'<li>￥<span>3300.00</span></li>'
                +'<li>索尼相机</li>'
                +'<li>￥<span>3300.00</span></li>'
                +'<li><button onclick="del(this)">删除</button></li>'
                +'<div class="clear"></div>'
            //把当前新节点追加到content对象中
            content.appendChild(newUl)
            m++
            if(m>7){
                m=1
            }
            totalHe()
            totalXuan()
            radio1()
        }

        //店铺合计
        function totalHe(){
            //获取所有商品
            var uls=content.querySelectorAll("ul")
            var sum=0//合计
            //遍历每一个商品
            for(var i=0;i<uls.length;i++){
                //获取每个商品的小计
                var num=uls[i].children[5].lastElementChild.innerHTML
                sum+=parseFloat(num)
            }
            //给店铺合计赋值
            floot.lastElementChild.innerHTML=sum
        }
        totalHe()

        //已选商品总计
        function totalXuan(){
            var sum=0//商品总计
            //遍历每一个选中框对象
            for(var i=0;i<xuans.length;i++){
                //判断当前选中框是否被选中
                if(xuans[i].checked){
                    //获取当前被选中的商品小计
                    var num=xuans[i].parentNode.parentNode.children[5].lastElementChild.innerHTML
                    sum+=parseFloat(num)
                }
            }
            //给已选商品总计赋值
            floot.lastElementChild.previousElementSibling.innerHTML=sum
        }
        totalXuan()
    </script>

拾一·
关注
  • 19
    点赞
  • 踩
  • 159
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
原生js实现购物车的加减与全选，反选功能
weixin_44537264的博客
03-04 1731
效果请看底部图片 html代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;购物车&lt;/title&gt; &lt;link rel="stylesheet" type="text/css&quot
仿购物车功能（添加、删除、结算、单选、全选商品等功能）
08-01
仿购物车功能（添加、删除、结算、单选、全选商品等功能）。运用到接口回调，bean绑定tag。
js实现购物车商品数量加减
10-14
主要为大家详细介绍了js实现购物车商品数量加减，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
js实现购物车基本功能
最新发布
m0_71606684的博客
05-28 345
js实现购物车加、减、单选、全选、删除、价格总汇、数量总汇；
jquery实现购物车购物车全选和增加删除商品.zip
10-14
转载pink老师
jQuery编程---购物车全选反选，数量加减，总额功能的实现
这个世界上有各种各样的人.
12-15 1888
本项目是用jQuery实现的，记得导入jquery.min.js文 1.全选，全不选功模块功能 (1) 把全选按钮的状态值 赋给 三个小按钮 $(".checkall").change(function() { $(".j-checkbox,.checkall").prop("checked", $(this).prop("checked")); //7.1全选的时候会改变颜色 if ($(this).prop("checked")) { //让所有的商...
Js实现购物车加减，价格计算等功能
Sestid的博客
10-14 1万+
需求说明： 1、单击“半闭”按钮时，关闭当前页面购物车页面 2、单击“移入收藏”弹出收藏提示 3、单击“删除”弹出确认删除提示 4、单击“结算”按钮，弹出结算信息页面窗口 5、自动计算商品总计 6、单击“删除”按钮，使用parentNode访问当前节点的父亲节点等，使用removeChild( )删除当前商品 效果图： 代码： <!DOCTYPE html> <ht...
Javascript实现页面商品个数增减功能
哈
05-20 2027
效果 后台返回代码 Map<GoodsVO, Integer> cart = new HashMap(); cart.put(new GoodsVO(1001,"苹果",100),5); cart.put(new GoodsVO(1002,"桔子",300),3); cart.put(new GoodsVO(1003,"香蕉",150),3); request.getSession().setAttribute("cat",cart); 前端页面 <c:forEach items="$
JS实现简单的购物车
dxn16638400024的博客
06-30 3379
中是否已经有该产品，有的话数量加一并更新，没有则创建一个新对象并添加到购物车列表中。同时，每次添加或删除购物车物品后都需要更新购物车总计。最后，点击结算按钮后将购物车清空并重置总金额。作为购物车中的物品，它的键是产品 ID，值是包含产品信息的对象。添加至购物车时，首先检查。由于是实现基本的功能，就不弄得多复杂了，代码可以直接Ctrl+c/v，大家可以试一试！这个简单的购物车实现使用了一个对象。
js 实现购物车加减全选
weixin_45849851的博客
06-17 445
js 实现购物车加减全选
javascript购物车源码
ma20120607的专栏
02-16 882
购物车 td { width:120px; text-align:center; } input { text-align:center; } var sub=document.getElementsByName("sub");
Vue实现购物车的全选、单选、显示商品价格代码实例
10-17
在Vue.js中实现购物车功能，包括全选、单选以及动态显示商品价格，涉及到Vue的数据绑定、事件处理以及计算属性等多个核心概念。以下是对这些知识点的详细解释： 1. **数据绑定** (`v-model`): Vue的核心特性之一，...
微信小程序购物车实战：加减商品数量，汇总价格，全选与全不选 ... ...
03-29
摘要: 加减商品数量，汇总价格，全选与全不选 设计思路： 一、从网络上传入以下Json数据格式的数组 1.标题title 2.图片地址 3.数量num 4.价格price 5.是否选中selected  二、点击复选框toggle操作 如已经选中的，...
原生JS表格列表全选反选单选多选代码.zip
07-11
这是一款原生JS实现的，点击表格列表选中，可以单选、多选、全选和反选的表格列表选择代码。 js代码 [removed]  var all = document.getElementById("j_cbAll");  var tbody = document.getElementById("j_...
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
08-29
vue2.0中vue-cli实现全选、单选计算总价格的实例代码 本篇文章主要介绍了vue2.0中vue-cli实现全选、单选计算总价格的实例代码，该实例代码具有很高的参考价值，感兴趣的小伙伴们可以参考一下。 一、Vue CLI简介 ...
jquery购物车，单选全选联动、计算价格 数量 删除.....
08-05
2、全选按钮影响小按钮 、 小按钮全部选中影响全选按钮(比较已勾选项和总体列表的长度 判断全选单选的联动) 3、通过点击加减按钮 改变商品数量 和商品小计 ￥符号在里面可以 substr(1)截取 这里用的是::before ...
简单实现购物车MVP框架——计算总和，数量加减实现
SEP.w的博客
01-20 374
今天来练习一下二级列表购物车，效果如下图 整体效果就是这样，布局呢，不是很好看，建议大家可以只参考逻辑代码。 首先，导依赖 //Butterknife:根据反射注入框架 implementation ‘com.jakewharton:butterknife:8.8.1’ annotationProcessor ‘com.jakewharton:butterknife-compiler:8.8.1’...
javascript购物车详解实现购物车完整功能(附效果图，完整代码)
热门推荐
笨鸟学飞的博客
08-11 4万+
我们肯定都很熟悉商品购物车这一功能，每当我们在某宝某东上购买商品的时候，看中了哪件商品，就会加入购物车中，最后结算。购物车这一功能，方便消费者对商品进行管理，可以添加商品，删除商品，选中购物车中的某一项或几项商品，最后商品总价也会随着消费者的操作随着变化。
【代码】模拟购物车添加物品，和计算金额，主要思路就是当按钮被点击时候，展示的内容要进行怎样的变化
weixin_52226593的博客
01-20 1137
<table border="1" align="center" width="500"> <tr> <td>品牌</td> <td>价格</td> <td></td> <td></td> </tr> <tr> <td>小米</td> <td>5000</t.
js购物车
05-24
好的，你需要一个简单的 JS 购物车功能，是吗？那么你需要考虑以下几个方面： 1. 商品信息：你需要定义每个商品的名称、价格、数量等信息。最好使用一个 JavaScript 对象来存储这些信息。 2. 购物车数据结构：你需要确定购物车的数据结构，例如，你可以使用一个数组来存储购物车中的商品信息。 3. 添加商品：当用户点击“添加到购物车”按钮时，你需要将商品信息添加到购物车数组中。 4. 计算总价：每当用户添加或删除商品时，你需要重新计算购物车中所有商品的总价，并将其显示在页面上。 下面是一个简单的示例代码，可以帮助你实现一个基本的 JS 购物车功能： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS 购物车</title> </head> <body> <h1>商品列表</h1> <ul> <li data-name="iPhone" data-price="5999">iPhone - 5999元 <button class="add-to-cart">添加到购物车</button></li> <li data-name="iPad" data-price="3999">iPad - 3999元 <button class="add-to-cart">添加到购物车</button></li> <li data-name="Macbook" data-price="9999">Macbook - 9999元 <button class="add-to-cart">添加到购物车</button></li> </ul> <h1>购物车</h1> <table> <thead> <tr> <th>名称</th> <th>单价</th> <th>数量</th> <th>总价</th> <th>操作</th> </tr> </thead> <tbody id="cart"></tbody> <tfoot> <tr> <td colspan="3">总价</td> <td id="total-price">0</td> <td></td> </tr> </tfoot> </table> <script> // 商品列表 const products = [ { name: 'iPhone', price: 5999 }, { name: 'iPad', price: 3999 }, { name: 'Macbook', price: 9999 } ]; // 购物车 let cart = []; // 添加到购物车按钮 const addToCartButtons = document.querySelectorAll('.add-to-cart'); addToCartButtons.forEach(button => { button.addEventListener('click', event => { const product = event.target.parentNode; const name = product.dataset.name; const price = product.dataset.price; addToCart(name, price); }); }); // 添加到购物车函数 function addToCart(name, price) { // 查找购物车中是否已有该商品 const index = cart.findIndex(item => item.name === name); if (index !== -1) { // 如果已有该商品，数量加 1 cart[index].quantity++; } else { // 如果没有该商品，添加到购物车 cart.push({ name, price, quantity: 1 }); } // 更新购物车界面 renderCart(); } // 删除购物车中的商品 function removeFromCart(index) { cart.splice(index, 1); // 更新购物车界面 renderCart(); } // 渲染购物车界面 function renderCart() { const cartTable = document.querySelector('#cart'); const total = document.querySelector('#total-price'); // 清空购物车表格 cartTable.innerHTML = ''; // 遍历购物车数组，渲染每个商品行 cart.forEach((item, index) => { const row = document.createElement('tr'); // 商品名称 const nameCell = document.createElement('td'); nameCell.textContent = item.name; row.appendChild(nameCell); // 商品单价 const priceCell = document.createElement('td'); priceCell.textContent = item.price; row.appendChild(priceCell); // 商品数量 const quantityCell = document.createElement('td'); quantityCell.textContent = item.quantity; row.appendChild(quantityCell); // 商品总价 const totalCell = document.createElement('td'); totalCell.textContent = item.price * item.quantity; row.appendChild(totalCell); // 操作按钮 const buttonCell = document.createElement('td'); const removeButton = document.createElement('button'); removeButton.textContent = '删除'; removeButton.addEventListener('click', event => { removeFromCart(index); }); buttonCell.appendChild(removeButton); row.appendChild(buttonCell); cartTable.appendChild(row); }); // 计算总价 const totalPrice = cart.reduce((acc, item) => { return acc + item.price * item.quantity; }, 0); total.textContent = totalPrice; } </script> </body> </html> ``` 这段代码包括一个商品列表和一个购物车表格。当用户点击“添加到购物车”按钮时，商品信息将被添加到购物车数组中，并且购物车表格将被更新以显示所有已添加的商品。用户还可以单击“删除”按钮从购物车中删除商品。在购物车表格底部，总价将自动更新以显示所有商品的总价。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值