分类页面展示加联动

最新推荐文章于 2023-05-26 23:00:02 发布
最新推荐文章于 2023-05-26 23:00:02 发布
阅读量430 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43916962/article/details/87928164
版权

mainactivity.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".di.activity.MainActivity">

 


    <com.hjm.bottomtabbar.BottomTabBar
        android:id="@+id/bottom_tab_bar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    </com.hjm.bottomtabbar.BottomTabBar>

 

 

</LinearLayout>

 

左边布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

 

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

 

 

 

        <TextView
            android:id="@+id/text3"
            android:layout_width="match_parent"
            android:layout_height="130dp"
            android:gravity="center"
            android:layout_marginLeft="40dp"
            android:layout_marginRight="20dp"
            android:textSize="25sp"
            android:textColor="#00ff00"
            android:text="123"/>

 

    </LinearLayout>


</LinearLayout>

 

 

右布局

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

 

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="vertical">

 

        <ImageView
            android:id="@+id/img1"
            android:layout_width="130dp"
            android:layout_height="130dp"
            android:layout_gravity="center"
            android:layout_margin="10dp"
            android:padding="15dp"
            android:src="@drawable/ic_launcher_background"/>

 

        <TextView
            android:id="@+id/text1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="30dp"
            android:text="123123123"/>

 

 

 

    </LinearLayout>

 

 

</LinearLayout>

 

动画布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <TextView
        android:id="@+id/text_view"
        android:layout_width="100dp"
        android:layout_marginLeft="180dp"
        android:layout_alignParentLeft="true"
        android:gravity="center_horizontal"
        android:background="@drawable/iteamss"
        android:layout_height="100dp" />

</RelativeLayout>

 

 

Fragment布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout

 

    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

 

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:divider="@drawable/iteamss"
        android:showDividers="middle"
        android:dividerPadding="1.5dp"
        android:layout_height="match_parent"/>

 

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv1"
        android:layout_width="0dp"
        android:layout_marginTop="10dp"
        android:divider="@drawable/iteamss"
        android:showDividers="middle"
        android:dividerPadding="1.5dp"
        android:layout_weight="2"
        android:layout_height="match_parent"/>

 

 

</LinearLayout>

 

OKHttp网络请求类

package com.bawie.study.di.util;

 

import android.os.Handler;

 

import java.io.IOException;
import java.text.Format;
import java.util.HashMap;
import java.util.Map;
import java.util.concurrent.TimeUnit;

 

import javax.security.auth.callback.Callback;

 

import okhttp3.Call;
import okhttp3.FormBody;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.RequestBody;
import okhttp3.Response;
import okhttp3.logging.HttpLoggingInterceptor;

 

public class Okhttpr {

 

    private static Okhttpr okhttpr = null;
    private final OkHttpClient okHttpClient;

 

    Handler handler = new Handler();

 


    public static Okhttpr getInstance(){

 

        if(okhttpr==null){
            synchronized (Okhttpr.class){
                if(okhttpr==null){
                    okhttpr = new Okhttpr();
                }

 

            }

 

        }
        return okhttpr;
    }

 

    private Okhttpr(){

 

 

 

        HttpLoggingInterceptor loggingInterceptor = new HttpLoggingInterceptor();
        loggingInterceptor.setLevel(HttpLoggingInterceptor.Level.BODY);
        okHttpClient = new OkHttpClient.Builder()
                .addInterceptor(loggingInterceptor)
                .writeTimeout(5,TimeUnit.SECONDS)
                .connectTimeout(5,TimeUnit.SECONDS)
                .readTimeout(5,TimeUnit.SECONDS)
                .build();
    };

 

    /**
     * 调用doget方法
     */

 

    public void doGet(String url, final OkHttpCallBack okHttpCallBack){

 

        final OkHttpClient okHttpClient = new OkHttpClient.Builder()
                .build();

 

        Request request = new Request.Builder()
                .url(url)
                .build();
        okHttpClient.newCall(request).enqueue(new okhttp3.Callback() {
            @Override
            public void onFailure(Call call, IOException e) {

 

            }

 

            @Override
            public void onResponse(Call call, Response response) throws IOException {

 

                if (response.code()==200){
                    final String string = response.body().string();
                    handler.post(new Runnable() {
                        @Override
                        public void run() {
                            okHttpCallBack.Success(string);
                        }
                    });
                }

 


            }
        });
    }

 

    public void doPost(String url, HashMap<String,String> params, final OkHttpCallBack callBack){

 

        FormBody.Builder builder = new FormBody.Builder();

 

        for (Map.Entry<String,String> map:params.entrySet()) {
            builder.add(map.getKey(),map.getValue());
        }

 

        RequestBody requestBody = builder.build();

 

        Request request = new Request.Builder()
                .url(url)
                .post(requestBody)
                .build();
        okHttpClient.newCall(request).enqueue(new okhttp3.Callback() {
            @Override
            public void onFailure(Call call, IOException e) {

 

            }

 

            @Override
            public void onResponse(Call call, Response response) throws IOException {

 

                if (response.code()==200){
                    final String string = response.body().string();
                    handler.post(new Runnable() {
                        @Override
                        public void run() {
                            callBack.Success(string);
                        }
                    });
                }
            }
        });

 

 

 


    }

 

 

}

 

OkHttp接口

package com.bawie.study.di.util;

 

public interface OkHttpCallBack {

 

    void Success(String result);
    void Error(String m);


}

 

所有接口

package com.bawie.study.di.caotart;

 

import com.bawie.study.data.presenter.MPresenter;
import com.bawie.study.di.util.OkHttpCallBack;

 

import java.util.HashMap;

 

public interface ICaotartInter {

 

    //p
    public  abstract class MPresenter{
        public abstract void CLeft(HashMap<String,String> params);
        public abstract void CRight(HashMap<String,String> params);
    }

 

    //v
    interface MView{
        void LeftSuccess(String result);
        void LeftError(String m);
        void RightSuccess(String result);
        void RightError(String m);
    }

 

    //m
    interface MModel{
        public abstract void CLeft(HashMap<String,String> params, OkHttpCallBack okHttpCallBack);
        public abstract void CRight(HashMap<String,String> params,OkHttpCallBack okHttpCallBack);
    }

 

 

}

 

Api接口

package com.bawie.study.di.api;

 

public class Api {

 

    public static final String Left_API = "http://172.17.8.100/small/commodity/v1/findFirstCategory";
    public static final String RIGHT_API = "http://172.17.8.100/small/commodity/v1/findSecondCategory?firstCategoryId=";


}

 

model层

package com.bawie.study.data.model;

 

import android.os.Handler;
import android.os.Message;

 

import com.bawie.study.di.api.Api;
import com.bawie.study.di.caotart.ICaotartInter;
import com.bawie.study.di.util.OkHttpCallBack;
import com.bawie.study.di.util.Okhttpr;

 

import java.io.IOException;
import java.util.HashMap;
import java.util.Map;

 

import okhttp3.Call;
import okhttp3.Callback;
import okhttp3.Response;

 

public class MModel implements ICaotartInter.MModel {

 

    private String key;
    private String value;

 


    @Override
    public void CLeft(HashMap<String, String> params, final OkHttpCallBack okHttpCallBack) {
        Okhttpr.getInstance().doGet(Api.Left_API, new OkHttpCallBack() {
            @Override
            public void Success(String result) {
                okHttpCallBack.Success(result);
            }

 

            @Override
            public void Error(String m) {
                okHttpCallBack.Error(m);
            }
        });
    }

 

    @Override
    public void CRight(HashMap<String, String> params, final OkHttpCallBack okHttpCallBack) {

 

        for (Map.Entry<String, String> map: params.entrySet()) {
            key = map.getKey();
            value = map.getValue();
        }
        String s = Api.RIGHT_API + value;

 

        Okhttpr.getInstance().doGet(s, new OkHttpCallBack() {
            @Override
            public void Success(String result) {
                okHttpCallBack.Success(result);
            }

            @Override
            public void Error(String m) {
                okHttpCallBack.Error(m);
            }
        });
    }
}

 

presenter层

 

package com.bawie.study.data.presenter;

 

import com.bawie.study.data.model.MModel;
import com.bawie.study.di.caotart.ICaotartInter;
import com.bawie.study.di.util.OkHttpCallBack;

 

import java.util.HashMap;

 

public class MPresenter extends ICaotartInter.MPresenter {

 


    private ICaotartInter.MView mView;
    private MModel mModel;

 

    public MPresenter(ICaotartInter.MView mView) {
        this.mView = mView;
        mModel = new MModel();
    }

 


    @Override
    public void CLeft(HashMap<String, String> params) {

 

        mModel.CLeft(params, new OkHttpCallBack() {
            @Override
            public void Success(String result) {
                mView.LeftSuccess(result);
            }

 

            @Override
            public void Error(String m) {
                mView.LeftError(m);
            }
        });

 

    }

 

    @Override
    public void CRight(HashMap<String, String> params) {
        mModel.CRight(params, new OkHttpCallBack() {
            @Override
            public void Success(String result) {
                mView.RightSuccess(result);
            }

            @Override
            public void Error(String m) {
                mView.RightError(m);
            }
        });
    }
}

 

 

左边的adapter内容

 

package com.bawie.study.di.adapter;

 

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

 

import com.bawie.study.R;
import com.bawie.study.di.activity.MainActivity;
import com.bawie.study.di.bean.LeftBean;

 

import java.util.ArrayList;
import java.util.List;

 

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {

 

    public Context context;
    public List<LeftBean.ResultBean> data;

 

    public MyAdapter(Context context) {
        this.context = context;
        data = new ArrayList<>();
    }

 

    public void setData(List<LeftBean.ResultBean> data) {
        this.data = data;
        notifyDataSetChanged();
    }

 

    @NonNull
    @Override
    public MyAdapter.MyViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {

 

        View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.iteam1, null, false);
        MyViewHolder myViewHolder = new MyViewHolder(view);

 

        return myViewHolder;

 

    }

 

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder myViewHolder, final int i) {

 


        myViewHolder.text3.setText(data.get(i).name);

 

        myViewHolder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (onclicklisener!=null){
                    onclicklisener.click(data.get(i).id);
                }
            }
        });

 


    }

 

    @Override
    public int getItemCount() {
        return data.size();
    }

 

    public class MyViewHolder extends RecyclerView.ViewHolder{

 


        private final TextView text3;

 


        public MyViewHolder(@NonNull View itemView) {

 

            super(itemView);

 

          text3 = itemView.findViewById(R.id.text3);

 


        }
    }

 

    private onclicklisener onclicklisener;

 

    public void setOnclicklisener(MyAdapter.onclicklisener onclicklisener) {
        this.onclicklisener = onclicklisener;
    }

    public interface onclicklisener{
        void click(String cid);
    }
}

 

 

 

右边的adapter内容

 

package com.bawie.study.di.adapter;

 

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

 

import com.bawie.study.R;
import com.bawie.study.di.bean.RightBean;
import com.bumptech.glide.Glide;

 

import java.util.ArrayList;
import java.util.List;

 

public class MyAdapters extends RecyclerView.Adapter<MyAdapters.MyViewHolders> {

 

    public Context context;
    public List<RightBean.ResultBean> data;

 

    public MyAdapters(Context context) {
        this.context = context;
        data = new ArrayList<>();
    }

 

    public void setData(List<RightBean.ResultBean> data) {
        this.data = data;
        notifyDataSetChanged();
    }

 

    @NonNull
    @Override
    public MyAdapters.MyViewHolders onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {

 

        View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.iteam2, null, false);
        MyViewHolders myViewHolders = new MyViewHolders(view);

 

        return myViewHolders;

 

    }

 

    @Override
    public void onBindViewHolder(@NonNull MyAdapters.MyViewHolders myViewHolders, int i) {

 

        myViewHolders.text1.setText(data.get(i).name);
        Glide.with(context).load("http://365jia.cn/uploads/appletrecommend/201804/5ad6ba6c6bb8b.jpg").into(myViewHolders.img1);
    }

 

    @Override
    public int getItemCount() {
        return data.size();
    }

 

    public class MyViewHolders extends RecyclerView.ViewHolder{

 

        private final ImageView img1;
        private final TextView text1;

 


        public MyViewHolders(@NonNull View itemView) {

 

            super(itemView);

 

            img1 = itemView.findViewById(R.id.img1);
            text1 = itemView.findViewById(R.id.text1);

 

 

        }
    }
}

 

 

//左边的bean类

 

package com.bawie.study.di.bean;

 

import java.util.List;

 

public class LeftBean {

 

    public List<ResultBean> result;

 

    public static class ResultBean {

 

        public String id;
        public String name;

 


    }


}

 

 

 

//Fragment页面内容

 

package com.bawie.study.di.fragment;

 

import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

 

import com.bawie.study.R;
import com.bawie.study.data.presenter.MPresenter;
import com.bawie.study.di.activity.MainActivity;
import com.bawie.study.di.adapter.MyAdapter;
import com.bawie.study.di.adapter.MyAdapters;
import com.bawie.study.di.bean.LeftBean;
import com.bawie.study.di.bean.RightBean;
import com.bawie.study.di.caotart.ICaotartInter;
import com.google.gson.Gson;

 

import java.util.HashMap;

 

public class FragmentOne extends Fragment implements ICaotartInter.MView,MyAdapter.onclicklisener{

 

    private RecyclerView rv;
    private MyAdapter myAdapter;
    private MyAdapters myAdapters;
    private RecyclerView rv1;
    private MPresenter mPresenter;
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment1, container, false);

 

        rv = view.findViewById(R.id.rv);
        rv1 = view.findViewById(R.id.rv1);
        myAdapter = new MyAdapter(getActivity());
        myAdapters = new MyAdapters(getActivity());
        mPresenter = new MPresenter(this);

 

        rv.setLayoutManager(new LinearLayoutManager(getActivity()));
        rv1.setLayoutManager(new GridLayoutManager(getActivity(),3));
        mPresenter.CLeft(new HashMap<String, String>());

 

 

 

        return view;
    }

 

    private void getLeft(String cid) {
        HashMap<String,String> params = new HashMap<>();
        params.put("firstCategoryId",cid);
        mPresenter.CRight(params);
    }

 


    @Override
    public void LeftSuccess(String result) {
        LeftBean leftBean = new Gson().fromJson(result, LeftBean.class);
        myAdapter.setData(leftBean.result);
        myAdapter.setOnclicklisener(this);
        rv.setAdapter(myAdapter);
    }

 

    @Override
    public void LeftError(String m) {

 

    }

 

    @Override
    public void RightSuccess(String result) {
        RightBean rightBean = new Gson().fromJson(result, RightBean.class);
        myAdapters.setData(rightBean.result);
        rv1.setAdapter(myAdapters);
    }

 

    @Override
    public void RightError(String m) {

 

    }

    @Override
    public void click(String cid) {
        getLeft(cid);
    }
}

 

 

 

 

weixin_43916962
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安卓三页面联动
m0_70648851的博客
05-08 570
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 提示：以下是本篇文章正文内容，下面案例可供参考 一、创建项目 二、使用步骤 1.引入库 1：显示第一个页面停留3秒并跳转 代码如下（示例）： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xml..
flutter页面滚动联动实现
03-25
以下是一个简单的示例代码，展示如何结合`NestedScrollView`、`CustomScrollView`和`EasyRefresh`实现滚动联动及自定义下拉刷新： ```dart import 'package:flutter/material.dart'; import 'package:easy_refresh/...
js页面展示省市联动
bei_fang_du_lang的专栏
10-08 489
1、regions.js var s=["attr_gsdq","attr_gsdq2"]; var opt0 = ["请选择","请选择"]; function setup() { for(i=0;i<s.length-1;i++) document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
联动显示问题
keep12moving的博客
11-15 274
当下拉框选择某个值时，显示一行，当下拉框选择的不是该值时，隐藏该行。 在这个下拉框里添加一个onchange方法如下： event_onchange2()写在js里，如下： function event_onchange2(){  var bm_code = document.getElementById("announceItemEntity.property").value
简单的三级联动页面
qq_44003931的博客
03-30 236
二级联动页面
weixin_41695715的博客
07-08 271
http://ha.huatu.com/30fen/2019pdszj30fen/
侧边分类导航联动.zip
06-03
侧边分类导航联动是一种交互设计方式，它体现在用户选择某一类别后，页面右侧或底部的子类别会自动更新，展示与当前选择相关的子分类。例如，用户在“女装”大类下选择“上衣”，则侧边导航会显示“T恤”、“衬衫”...
仿百度文库_多级联动分类选择器
01-14
这个项目模仿了百度文库的文档上传页面，实现了多级分类的联动效果，帮助用户快速找到并选择合适的类别。 首先，我们需要理解“多级联动分类选择器”的概念。在网页设计中，联动下拉菜单常用于处理层级关系丰富的...
微信小程序实现购物页面左右联动
10-17
在微信小程序中实现购物页面的左右联动是一种常见的交互设计，它可以提供更好的用户体验，尤其是在展示商品分类和对应商品列表时。这种设计通常包含一个左侧的菜单栏，用于切换不同的商品分类，右侧则是根据所选分类...
Android仿eleme点餐页面二级联动列表
01-20
这种设计允许用户通过左右两个独立但联动的列表进行交互，通常左侧列表提供分类索引，右侧展示具体内容。在本文中，我们将探讨如何实现类似“饿了么”点餐页面的联动效果。 1. **面向抽象/接口编程**： 在实现联动...
android分类两级列表且子item两种布局
11-15
android 两级分类列表，且 子item是两种布局实现
html 联动返回页面,常规页面联动.html
weixin_33584986的博客
06-05 165
常规页面联动由于为了保持项目的轻便性，不参与业务逻辑，仅对表单部分做了简单的事件处理，其他部分的事件处理需要自己编写动态绑定。需要注意reset问题,以及表单验证表单提交绑定var session={};$(function(){var data={data:[{title:"Alice in Wonderland",desc:"Alice's Adventures in Wonderland (...
45 jQuery-三级联动展示数据
LiGuogang
12-30 715
1. 效果图 2. html代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;45 jQuery-三级联动展示数据&lt;/title&gt; &lt;style type="text/css"&
uni-app商品左右联动商品分类页面
最新发布
weixin_45522419的博客
05-26 464
uni-app学习笔记
实现一个展示数据Demo--- 渣渣级别
singebogo的博客
04-24 461
实现一个展示数据Demo--- 渣渣级别 效果图：                                                      思维： OPaint :                    画 Rows X Cols 行列(自定义：使用二维动态数组 http://blog.csdn.net/singebogo/article/details/70477
微信小程序模拟购物界面联动
lizhong
06-28 477
在后续我会上传整个demo,这里先介绍简单的一部分。 简单的界面效果图： 直接看代码： 一、WXML代码示例： <view class="container"> <!--左侧栏--> <scroll-view class='scroll_left' scroll-y="true"> <view class="nav_left"> <block wx:for="{{list}}" wx:for-index..
微信小程序实战篇-分类页面制作
chuti6853的博客
06-26 1563
哈喽，大家好，今天周一了，今天第九程序要教大家微信小程序分类页面的制作，废话不多说，先上效果图。 这个界面布局难度不是很大，css基础好的，很快就实现了，分类界面，左边是一级目录，右边是一级目录对应的二级目录，根据 这个需求，我们数据设计的结构一定是数组嵌套数组，第...
调查问卷项目
01-08
使用Java开发的调查问卷项目，适用于web开发入门阶段的练习，使用了 jsp、servlet、mysql 、jdbc、ajax、jquery、echart等技术
h5 移动端左右联动分类页面
风如白话的博客
05-14 2327
h5移动端左右联动分类页面 查看演示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" t
uniapp分类左右联动
05-15
2. 在页面中创建两个组件，一个用来展示分类列表，一个用来展示分类对应的数据。 3. 在分类列表组件中，绑定分类数据，并根据用户点击的分类名称，更新数据组件中展示的数据。 4. 在数据组件中，根据分类列表组件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值