首页父子组组件 ajax数组请求各个页面

最新推荐文章于 2023-10-29 08:32:29 发布
最新推荐文章于 2023-10-29 08:32:29 发布
阅读量305 收藏
点赞数
分类专栏： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41153478/article/details/80385278
版权

首先在home.vue里创建一个data函数，里面存放了这个页面的各种数据

第一步 存入city

，

第二步把city传递给home-header ,父组件给子组件传值是通过属性的形式。


子组件如何接受父组件传来的值呢，打开header.vue,在export default里接收变量city,然后把城市换成{}{}{this.city}



这里显示为空


当ajax获取到数据以后，拿到数据的内容，怎么获取呢

在Home.vue里写入

在控制台看到数据结构是这样的


这是Swiper.vue的源码 没有接收到ajax数据的源码

<template>
 <div class="wrapper">
  <swiper :options="swiperOption" >

      <swiper-slide v-for="item in swiperList" :key="item.id">
       <img  class="swiper-img" :src="item.imgUrl" >
      </swiper-slide>

      <div class="swiper-pagination"  slot="pagination"></div><!--//显示分页的-->
    <!-- 这里是左右按键<div class="swiper-button-prev" slot="button-prev"></div>
    <div class="swiper-button-next" slot="button-next"></div>-->
    <!--这里是左右滚动条<div class="swiper-scrollbar"   slot="scrollbar"></div>-->
    </swiper>
 </div>
</template>

<script>
 export default{
  name: 'HomeSwiper',
  data() {
   return {
    swiperOption: {
     pagination:'.swiper-pagination',
     loop:true
    },
    swiperList:[{
     id:'0001',
     imgUrl:'http://img1.qunarzz.com/piao/fusion/1805/e5/59fad13a64807d02.jpg_750x200_713ae984.jpg'
    },{
     id:'0002',
     imgUrl:'http://img1.qunarzz.com/piao/fusion/1805/77/f63bd04dd5319602.jpg_750x200_6ba8e0ca.jpg'
    }
    ]
   }
  }
 }
</script>
<!--<style>-->
  <!--.swiper-pagination-bullet-active {-->
    <!--background:red !important-->
  <!--}-->
<!--</style>-->
<style lang="stylus" scoped>
   .wrapper >>> .swiper-pagination-bullet-active
     background:#fff !important
   .wrapper
     overflow:hidden
     width:100%
     height:0
     padding-bottom:25%
     background:#eee
     .swiper-img
       width:100%
</style>

下面从json文件获取轮播图

同样在Home.vue里的data输入    swiperList这个字符串来自json数据

:

第二步在组件标签里用list变量 把swiperList数组传递给home-swipter组件


第三步在Swipter里添加props 接收变量list


在swiper-slide里循环的不是

swiperList，而是

 

 

第四步，在HOme.vue里获取
 

 

此时，轮播图显示的不是第一张图，这是因为刚开始存放的是空数组，如何解决呢
 

加上这么一句话，意思是当list.length传送的数据是空时，v-if的值是false ,swiper标签不会被创建，只有当数据真正的过来的时候，swipter才会被创建
 

 

在模板里尽量不要出现逻辑性的代码 
 

v-if="list.length"，
 

所以在Swipter.vue文件 data下面创建一个computed计算属性
 

同时把list 换成showSwipter
 

下面是Icons.vue 的数据接收
 

源码为
 

 

<template>
    <div class="icons">
       <swiper :options="swiperOption">
         <swiper-slide v-for="(page,index) in pages" :key="index">
           <div class="icon" v-for="item in page" :key="item.id">
             <div class="icon-img">
               <img  class="icon-img-content" :src="item.imgUrl">
             </div>
             <p class="icon-desc">{{item.desc}}</p>
           </div>
         </swiper-slide>

       </swiper>
    </div>
</template>

<script>
    export default {
      name: "HomeIcons",
      data() {
        return {
          swiperOption: {
            pagination: '.swiper-pagination',
            loop: true
          },
          iconList:[{
            id:'0001',
            imgUrl:'http://img1.qunarzz.com/piao/fusion/1803/95/f3dd6c383aeb3b02.png',
            desc:'景点门票'
          },{
            id:'0002',
            imgUrl:'http://img1.qunarzz.com/piao/fusion/1803/95/f3dd6c383aeb3b02.png',
            desc:'景点门票'
          },{
            id:'0003',
            imgUrl:'http://img1.qunarzz.com/piao/fusion/1803/95/f3dd6c383aeb3b02.png',
            desc:'景点门票'
          },{
            id:'0004',
            imgUrl:'http://img1.qunarzz.com/piao/fusion/1803/95/f3dd6c383aeb3b02.png',
            desc:'景点门票'
          },{
            id:'0005',
            imgUrl:'http://img1.qunarzz.com/piao/fusion/1804/ff/fdf170ee89594b02.png',
            desc:'必游榜单'
          },{
            id:'0006',
            imgUrl:'http://img1.qunarzz.com/piao/fusion/1803/20/831d62d2e1c7be02.png',
            desc:'名胜古迹'
          },{
            id:'0007',
            imgUrl:'http://img1.qunarzz.com/piao/fusion/1803/96/c70f1e85ae4a4f02.png',
            desc:'自然放光'
          },{
            id:'0008',
            imgUrl:'http://img1.qunarzz.com/piao/fusion/1803/80/416c6ab3368d1f02.png',
            desc:'全部玩乐'
          },{
            id:'0009',
            imgUrl:'http://img1.qunarzz.com/piao/fusion/1803/80/416c6ab3368d1f02.png',
            desc:'全部玩乐'
          }]
        }
      },

      // 实现一个分页功能
      computed:{
        pages () {
          const pages = []
          this.iconList.forEach((item,index)=>{
            const page = Math.floor(index/8)
            if(!pages[page]){
              pages[page] = []
            }
            pages[page].push(item)
          })
          return pages
        }
      }
    }
</script>

<style  lang="stylus" scoped>
  @import '~styles/varibles.styl'
  @import '~styles/mixins.styl'

  .icons >>> .swiper-container
    height :0
    padding-bottom :50%
  .icons
    marign-top:.2rem
    .icon
      position: relative
      overflow :hidden
      float:left
      width: 25%
      height: 0
      padding-bottom: 25%

      .icon-img
        position: absolute
        top:0
        left :0
        right:0
        bottom:.44rem
        box-sizing:border-box
        padding:.09rem

        .icon-img-content
          display:block
          marign:0 auto
          height:100%
          margin-left :0.2rem
      .icon-desc
         position:absolute
         left:0
         right :0
         bottom :0
         height :0.44rem
         line-height :0.44rem
         text-align:center
         color :$darkTextColor
         ellipsis()
</style>

 

在home.vue里
 

 
 


 


 

打开Icons.vue文件，接收来自父组件的参数
 


 

把整个data全部删除，
 


 


 

下面获取recommend.vue的数据 
 

这是源码
 

 

<template>
  <div>
    <div class="title">热销推荐</div>
    <ul>
      <li class="item" v-for="item in recommendList" :key="item.id">

        <img class="item-img" :src="item.imgUrl">

        <div  class="item-info">
          <p class="item-title">{{item.title}}</p>
          <p class="item-desc">{{item.desc}}</p>
          <button class="item-button">查看详情</button>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
    export default {
        name: "HomeRecommend",
        props:{
            list:Array
        },
        data () {
          return {
            recommendList:[{
              id:'0001',
              imgUrl:'http://img1.qunarzz.com/sight/p0/1609/96/96df0a14333c93b6a3.img.jpg_200x200_578c4e31.jpg',
              title:'清泉，烟幕，轻舟',
              desc:'尽览名胜旖旎风光，到古迹吊古凭今'
            },{
              id:'0002',
              imgUrl:'http://img1.qunarzz.com/sight/p0/1609/96/96df0a14333c93b6a3.img.jpg_200x200_578c4e31.jpg',
              title:'清泉，烟幕，轻舟',
              desc:'尽览名胜旖旎风光，到古迹吊古凭今'
            },{
              id:'0003',
              imgUrl:'http://img1.qunarzz.com/sight/p0/1609/96/96df0a14333c93b6a3.img.jpg_200x200_578c4e31.jpg',
              title:'清泉，烟幕，轻舟',
              desc:'尽览名胜旖旎风光，到古迹吊古凭今'
            },{
              id:'0004',
              imgUrl:'http://img1.qunarzz.com/sight/p0/1609/96/96df0a14333c93b6a3.img.jpg_200x200_578c4e31.jpg',
              title:'清泉，烟幕，轻舟',
              desc:'尽览名胜旖旎风光，到古迹吊古凭今'
            }]

          }
        }
    }
</script>

<style  lang="stylus" scoped>
  @import '~styles/mixins.styl'
  .title
    margin-top:.2rem
    line-height :.8rem
    background :#eee
    text-indent:.2rem
  .item
    overflow :hidden
    display :flex
    height:1.9rem

    .item-img
      width:1.7rem
      height:1.7rem
      padding:.1rem
    .item-info
      flex:1
      padding:.1rem
      min-width:0
      .item-title
        line-height :.4rem
        font-size:.32rem
        ellipsis()
      .item-desc
        line-height:.6rem
        color:#ccc
        ellipsis()
      .item-button
        line-height :0.44rem
        margin-top .2rem
        background: #Ff9300
        padding:0 .2rem
        border-radius:.06rem
        color:#fff

</style>

 

下面是wekend.vue
 

 

<template>
  <div>
    <div class="title">周末去哪</div>
    <ul>
      <li class="item" v-for="item in recommendList" :key="item.id">
        <div class="item-img-wrapper">
          <img class="item-img" :src="item.imgUrl">
        </div>
        <div  class="item-info">
          <p class="item-title">{{item.title}}</p>
          <p class="item-desc">{{item.desc}}</p>
          <button class="item-button">查看详情</button>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    name: "HomeWeekend",
    props:{
      list:Array
    },
    data () {
      return {
        recommendList:[{
          id:'0001',
          imgUrl:'http://img1.qunarzz.com/sight/p0/1609/96/96df0a14333c93b6a3.img.jpg_200x200_578c4e31.jpg',
          title:'清泉，烟幕，轻舟',
          desc:'尽览名胜旖旎风光，到古迹吊古凭今'
        },{
          id:'0002',
          imgUrl:'http://img1.qunarzz.com/sight/p0/1609/96/96df0a14333c93b6a3.img.jpg_200x200_578c4e31.jpg',
          title:'清泉，烟幕，轻舟',
          desc:'尽览名胜旖旎风光，到古迹吊古凭今'
        },{
          id:'0003',
          imgUrl:'http://img1.qunarzz.com/sight/p0/1609/96/96df0a14333c93b6a3.img.jpg_200x200_578c4e31.jpg',
          title:'清泉，烟幕，轻舟',
          desc:'尽览名胜旖旎风光，到古迹吊古凭今'
        },{
          id:'0004',
          imgUrl:'http://img1.qunarzz.com/sight/p0/1609/96/96df0a14333c93b6a3.img.jpg_200x200_578c4e31.jpg',
          title:'清泉，烟幕，轻舟',
          desc:'尽览名胜旖旎风光，到古迹吊古凭今'
        }]

      }
    }
  }
</script>

<style  lang="stylus" scoped>
  @import '~styles/mixins.styl'
  .title

    line-height :.8rem
    background :#eee
    text-indent:.2rem
  .item-img-wrapper
      overflow: hidden
      height:0
      padding-bottom:33.9%
      .item-img
        width:100%
        padding:.1rem
    .item-info
      padding:.1rem
      min-width:0
      .item-title
        line-height :.4rem
        font-size:.32rem
        ellipsis()
      .item-desc
        line-height:.6rem
        color:#ccc
        ellipsis()

</style>

 

发现那8个轮播图，定时旋转，如何去除呢
 

在icons.vue里定义option 和data
 


 


 


 


 

已经完成首页的数据传递，把代码传到git
 

输入 clear
 

cd 到文件夹输入 git add .
 

git commit -m 'index finish'
 

git push
 

此时已经被扔到线上，
 

master分支是稳定的代码，所以要更新 输入 git checkout  master,
 

让master分支合并最新的分支上的代码 输入 git merge index-ajax
 

然后 git push
 



                

        

        

    




    

      

        

            

              
                
                  依米_
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Vue项目首页--使用axios发送 ajax请求--进行首页父子组件间传值

				
			

			

				

					知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
				

				

					04-06
					
					226
					
				

			

		

		

			
				
父组件通过Ajax获取数据后传递给子组件，


子组件进行接收父组件传递的数据：







			
		

	



                

              
                



	

		

			

				
					
父子组件的数据传递

				
			

			

				

					China_I_Love_You的博客
				

				

					03-08
					
					252
					
				

			

		

		

			
				
父子组件的数据传递

父传子


通过 Prop 向子组件传递数据	Prop 


数组形式：    props: [‘变量名’,‘变量名’…] ,  通过v-bind进行数据绑定将movies传递给emovie
<div id="app">
    <!--通过v-bind进行数据绑定将movies传递给emovie-->
  <component-parent :emovie="movies" :emessage="message"></component-pa

			
		

	



                


  
              

                


	

		

			

				
					
Vue学习笔记-项目开发3.2将Ajax数据展示（父子组件传值）

				
			

			

				

					Kasey_L的博客
				

				

					03-05
					
					281
					
				

			

		

		

			
				
一、Home组件所用数据
{
  "ret": true,
  "data": {
  	"city": "北京",
    "swiperList": [{
        "id": "0001",
        "imgUrl": "http://img1.qunarzz.com/piao/fusion/1801/1a/94428c6dea109402.jpg_640x200_2cf590...

			
		

	





	

		

			

				
					
Vue学习笔记 7.9  将获取到的Ajax展示到页面上（父子组件传递）

				
			

			

				

					@凌晨三点半的博客
				

				

					03-22
					
					363
					
				

			

		

		

			
				
首先先展示下json的数据

city，swiperList部分



iconList部分



recommendList部分



weekendList部分





好了 现在将各个组件的数据全部替换成获取到的json数据

1.首先在Home.vue中分发数据到各个子组件中：


<template>
  <div>
//3.将各个变量传递给各个子组件
   ...

			
		

	



		

			
		



	

		

			

				
					
Vue组件--父组件发起ajax请求实现json数据(jquery方式)

				
			

			

				

					AsaZyf的博客
				

				

					10-30
					
					552
					
				

			

		

		

			
				
HTML和Vue：


&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="UTF-8"&gt;
		&lt;title&gt;父组件发起ajax请求实现json数据(jqueryAjax)&lt;/title&gt;
		&lt;script type="text/javascript&q

			
		

	





	

		

			

				
					
vue.js 表格分页ajax 异步加载数据

				
			

			

				

					10-21
				

			

		

		

			
				
4. **父子组件通信**：  在HTML中，我们将`pagination`组件用作`div`的子组件，通过`:cur`, `:all`和`:page-num`传递属性值，并通过`@page-to="loadList"`监听并处理分页事件。当`page-to`事件触发时，父组件（在这...

			
		

	





	

		

			

				
					
第十五届蓝桥杯Web应用试题考察重点

					
最新发布

				
			

			

				

					03-12
				

			

		

		

			
				
Vue.js：Vue核心（常用指令、常用模板语法、生命周期、数据渲染、事件绑定、自定义指令、组合式函数、插件等）、Vue组件（组件定义及使用、父子组件、兄弟组件、异步组件、组件插槽、依赖注入等）、vue-router（v4.x...

			
		

	





	

		

			

				
					
Layui的eleTree树式选择器，分单选和多选，带搜索功能

				
			

			

				

					06-09
				

			

		

		

			
				
- `data`：树的数据源，可以是JSON数组或Ajax请求地址。 - `checkType`：选择模式，可选值有`radio`（单选）和`checkbox`（多选）。 - `searchKey`：指定搜索关键字所在的字段名。 - `showLine`：是否显示节点间的...

			
		

	





	

		

			

				
					
前端开发经典面试题及答案Vue篇

				
			

			

				

					11-08
				

			

		

		

			
				
Vue组件间通信主要有props、事件（$emit/$on）、Vuex状态管理、提供者/注入、非父子组件间的通信（如EventBus）等方法。  五、组件渲染和更新的过程 组件渲染时，Vue首先进行数据绑定，然后生成虚拟DOM，再与旧的...

			
		

	





	

		

			

				
					
vue面试题2023
vue面试题最新面试题以及答案

				
			

			

				

					03-18
				

			

		

		

			
				
2. **父子组件通信**：  - **父组件向子组件传数据**：使用`props`属性。  - **子组件向父组件传事件**：使用`$emit`方法，配合自定义事件。  3. **v-show和v-if的区别**：  - **共同点**：两者都可以控制元素的显示...

			
		

	





	

		

			

				
					
React父子组件间的传值的方法

				
			

			

				

					12-11
				

			

		

		

			
				
父组件向子组件传值：

父组件：

import React, { Component } from 'react';
import Child from './chlid';
class parent extends Component{
 constructor(props) {
  super(props);
  this.state = {
   txt0:"默认值0",
   txt1:"默认值1"
  }
 }
 componentDidMount(){
 }
 parToson(){
  this.setState({
   txt0:"哈哈哈哈"
  })
 }
 sonToP

			
		

	





	

		

			

				
					
自学vue 之使用axios获取ajax数据请求和首页父子组件数据传递部分笔记

				
			

			

				

					lha1995的博客
				

				

					08-14
					
					1371
					
				

			

		

		

			
				
使用axios获取ajax数据请求：

      首先还是线上创建分支 git pull 拉到本地，并 git checkout index-ajax 切换到该分支，运行命令 npm install axios -- save 安装 axios 依赖包 ，在首页home.vue组件中引入 axios ，引入代码如下：



注意事项：

（1）axios.get 数据的index.json路径需...

			
		

	





	

		

			

				
					
react怎么实现父子组件传值？

				
			

			

				

					dxn16638400024的博客
				

				

					10-29
					
					1499
					
				

			

		

		

			
				
2.使用Context API：创建一个上下文（context），父组件提供数据并将其包裹在Provider组件中，子组件通过Consumer组件或useContext Hook来访问该上下文中的值。父组件可以根据需要动态改变传递给子组件的值，子组件则可以根据接收到的值进行相应的渲染和逻辑处理。通过将数据传递给子组件，可以方便地在子组件中访问并展示这些值，从而实现组件之间的数据交流和协作。1.使用Props：父组件将数据通过props属性传递给子组件，在子组件中通过props接收和使用这些值。

			
		

	





	

		

			

				
					
React父子组件传值

				
			

			

				

					weixin_45817109的博客
				

				

					12-20
					
					824
					
				

			

		

		

			
				
一、React创建组件
import React from 'react';//引入react模块

class Home extends React.Component {//创建一个类
    constructor(props) {//构造函数
        super()
    }

    


render() {//用来获取DOM元素
        return (//返回的J...

			
		

	





	

		

			

				
					
React 学习之父子组件传值

				
			

			

				

					liuye066的专栏
				

				

					11-03
					
					2149
					
				

			

		

		

			
				
父组件可以通过props、向子组件通信，子组件可以通过、向父组件通信。

			
		

	





	

		

			

				
					
使用react进行父子组件传值

				
			

			

				

					精选资讯文章
				

				

					06-11
					
					731
					
				

			

		

		

			
				
在单页面里面，父子组件传值是比较常见的，之前一直用vue开发，今天研究了一下react的父子组件传值，和vue差不多的思路，父组件向子组件传值，父通过初始state，子组件通过this.props进行接收就可以了；最后想说一点，如果嵌套的父子组件很深好几层，这个时候我想你应该考虑用状态管理工具redux了。好了，我们开始重头戏，

			
		

	





	

		

			

				
					
六十五、vue生命周期和发送Ajax请求

				
			

			

				

					weixin_68531269的博客
				

				

					10-26
					
					1344
					
				

			

		

		

			
				
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。

			
		

	





	

		

			

				
					
父子组件之间传递数据的方法

				
			

			

				

					hyk495495的博客
				

				

					11-26
					
					1456
					
				

			

		

		

			
				
父子组件之间传递数据的方法

			
		

	





	

		

			

				
					
Vue 父组件ajax异步更新数据，并传递给子组件的方法

				
			

			

				

					Yuval的博客
				

				

					02-17
					
					2681
					
				

			

		

		

			
				
本文问题解决参考https://segmentfault.com/q/1010000010167688

 

问题：


如何把父组件动态传递ajax数据，并更新子组件的内容


注意：


在父组件中获取ajax数据，由于是异步获取，所以子组件mounted阶段，ajax仍未完成请求，所以使用：bind方法传递到子组件的数据获取为undefined

 


 

方法：


子组件中，使用w...

			
		

	





	

		

			

				
					
vue 父子组件传值数组

				
			

			

				

					03-29
				

			

		

		

			
				
可以通过props和emit来实现父子组件传值数组。

1. 父组件中定义一个数组，并通过props将其传递给子组件：

```javascript
<template>
  <div>
    <child-component :list="list" @addItem="addItem"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'
export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      list: ['apple', 'banana', 'orange']
    }
  },
  methods: {
    addItem(item) {
      this.list.push(item)
    }
  }
}
</script>
```

2. 子组件中通过props接收父组件传递的数组，并通过emit将新的数组项添加到父组件中的数组中：

```javascript
<template>
  <div>
    <ul>
      <li v-for="(item, index) in list" :key="index">{{ item }}</li>
    </ul>
    <button @click="addItem()">Add Item</button>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      required: true
    }
  },
  methods: {
    addItem() {
      this.$emit('addItem', 'new item')
    }
  }
}
</script>
```

在父组件中，通过@addItem监听子组件的addItem事件，并将新添加的数组项push到list中。

注意：在父组件中，不能直接修改子组件传递的props数组，需要通过emit来更新。

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值