Flutter37.Opensource China点击头像展示我的资料(09)

最新推荐文章于 2022-08-14 21:53:37 发布
最新推荐文章于 2022-08-14 21:53:37 发布
阅读量283 收藏 1
点赞数 1
分类专栏： Flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/augfun/article/details/109007072
版权

profile_page.dart点击头像会跳转到用户详情界面ProfileDetailPage

import 'dart:convert';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutterapp2/common/event_bus.dart';
import 'package:flutterapp2/constants/Constants.dart';
import 'package:flutterapp2/pages/profile_detail_page.dart';
import 'package:flutterapp2/utils/data_utils.dart';
import 'package:flutterapp2/utils/net_utils.dart';

import 'login_web_page.dart';
import 'my_message_page.dart';

/**
 * 主界面My
 */
class ProfilePage extends StatefulWidget {
  @override
  _ProfilePageState createState() => _ProfilePageState();
}

class _ProfilePageState extends State<ProfilePage> {
  List menuTitles = [
    '我的消息',
    '阅读记录',
    '我的博客',
    '我的问答',
    '我的活动',
    '我的团队',
    '邀请好友',
  ];
  List menuIcons = [
    Icons.message,
    Icons.print,
    Icons.error,
    Icons.phone,
    Icons.send,
    Icons.people,
    Icons.person,
  ];
  String userAvatar;
  String userName;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    //尝试显示用户信息
    _showUerInfo();
    eventBus.on<LoginEvent>().listen((event) {
      //获取用户信息并显示
      _getUerInfo();
    });
    eventBus.on<LogoutEvent>().listen((event) {
      //登出需要刷新用户信息
      _showUerInfo();
    });
  }

  _getUerInfo() {
    DataUtils.getAccessToken().then((accessToken){
      if (accessToken == null || accessToken.length == 0) {
        return;
      }

      Map<String, dynamic> params = Map<String, dynamic>();
      params['access_token'] = accessToken;
      params['dataType'] = 'json';
      print('Debug accessToken: $accessToken');
      NetUtils.get(AppUrls.OPENAPI_USER, params).then((data) {
        //{"gender":"male","name":"Damon2019","location":"湖南 长沙","id":2006874,"avatar":"https://oscimg.oschina.net/oscnet/up-21zvuaor7bbvi8h2a4g93iv9vve2wrnz.jpg!/both/50x50?t=1554975223000","email":"3262663349@qq.com","url":"https://my.oschina.net/damon007"}
        //data: {"gender":"male","name":"Augfun","location":"广东 深圳","id":4571926,"avatar":"https://static.oschina.net/uploads/user/2285/4571926_50.jpg?t=1593452705000","email":"1234556@outlook.com","url":"https://my.oschina.net/u/4571926"}
        print('Debug data: $data');
        //解析数据
        Map<String, dynamic> map = json.decode(data);
        if (mounted) {
          setState(() {
            userAvatar = map['avatar'];
            userName = map['name'];
          });
        }
        DataUtils.saveUserInfo(map);
      });
    });
  }

  _showUerInfo() {
    //userName信息和头像信息更新
    DataUtils.getUserInfo().then((user) {
      if (mounted) {
        setState(() {
          if (user != null) {
            userAvatar = user.avatar;
            userName = user.name;
          } else {
            userAvatar = null;
            userName = null;
          }
        });
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return ListView.separated(
        itemBuilder: (context, index) {
          //My界面的头部
          if(index == 0){
            //头像用Container装起来
            return _buildHeader();
          }
          index -= 1;
          return ListTile(
            leading: Icon(menuIcons[index]),
            title: Text(menuTitles[index]),
            trailing: Icon(Icons.arrow_forward_ios),//尾巴
            onTap: () {
              DataUtils.isLogin().then((isLogin){
                if(isLogin) {
                  switch (index) {
                    case 0:
                      Navigator.of(context).push(MaterialPageRoute(
                          builder: (context) => MyMessagePage()));
                      break;
                  }
                } else {
                  _login();
                }
              });
            },
          );
        },
        //分割线
        separatorBuilder: (context, index) {
          return Divider();
        },
        itemCount: menuTitles.length + 1
    );
  }

  _login() async {
    final result = await Navigator.of(context)
        .push(MaterialPageRoute(builder: (context) => LoginWebPage()));
    if (result != null && result == 'refresh') {
      print('Debug profile page LoginEvent');
      //登录成功
      eventBus.fire(LoginEvent());
    }
  }

  Container _buildHeader() {
    return Container(
            height: 150.0,
            color: Color(AppColors.APP_THEME),
            //头像的布局填充
            child: Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  GestureDetector(
                    //先判断网路图片是否为空
                    child: userAvatar != null
                    ? Container(
                      width: 60.0,
                      height: 60.0,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        border: Border.all(
                          color: Color(0xffffffff),
                          width: 2.0,
                        ),
                        image: DecorationImage(
                          //加载网路图片
                          image: NetworkImage(userAvatar),
                          fit: BoxFit.cover,
                        ),
                      ),
                    )
                      //加载网路图片
                      : Image.asset('assets/images/ic_avatar_default.png',
                      width: 60.0,
                      height: 60.0,
                      ),
                    onTap: () {
                      //执行登录
                      DataUtils.isLogin().then((isLogin){
                        if(isLogin){
                          //点击以后跳转到详情
                          Navigator.of(context).push(MaterialPageRoute(
                              builder: (context) => ProfileDetailPage()));
                        }else{
                          //执行登录
                          _login();
                        }
                      });
                    },
                  ),
                  SizedBox(

                  ),
                  Text(
                    userName ??= '点击头像登录',
                    style: TextStyle(color: Color(0xffffffff)),
                  ),
                ],
              ),
            ),
          );
  }
}

profile_detail_page.dart

import 'dart:convert';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutterapp2/constants/Constants.dart';
import 'package:flutterapp2/models/user_info.dart';
import 'package:flutterapp2/utils/data_utils.dart';
import 'package:flutterapp2/utils/net_utils.dart';

/**
 * 用户详情界面
 */
class ProfileDetailPage extends StatefulWidget {
  @override
  _ProfileDetailPageState createState() => _ProfileDetailPageState();
}

class _ProfileDetailPageState extends State<ProfileDetailPage> {
  UserInfo _userInfo;

  //获取用户信息
  _getDetailInfo() {
    DataUtils.getAccessToken().then((accessToken) {
      //Debug accessToken: 21b8d7d0-6bef-469f-ba64-033d47387d50
      print('Debug accessToken: $accessToken');
      //拼装请求
      Map<String, dynamic> params = Map<String, dynamic>();
      params['dataType'] = 'json';
      params['access_token'] = accessToken;
      NetUtils.get(AppUrls.MY_INFORMATION, params).then((data) {
        // {"gender":1,"joinTime":"2014-09-03 10:01:47","city":"长沙","fansCount":0,"portrait":"https://www.oschina.net/img/portrait.gif","expertise":["手机软件开发","软件开发管理"],"platforms":["Android","C/C++"],"uid":2006874,"lastLoginTime":"2019-04-09 22:33:03","province":"湖南","name":"Damon2019","followersCount":0,"favoriteCount":0,"notice":{"referCount":0,"replyCount":0,"msgCount":0,"fansCount":0}}
        //Debug MY_INFORMATION: {"gender":1,"joinTime":"2020-06-30 01:45:04","city":"深圳","fansCount":0,"portrait":"https://static.oschina.net/uploads/user/2285/4571926_50.jpg?t=1593452705000","expertise":[],"platforms":[],"uid":4571926,"lastLoginTime":"2020-10-09 01:43:08","province":"广东","name":"Augfun","followersCount":0,"favoriteCount":0,"notice":{"referCount":0,"replyCount":0,"msgCount":1,"fansCount":0}
        print('Debug MY_INFORMATION: $data');
        if (data != null && data.isNotEmpty) {
          Map<String, dynamic> map = json.decode(data);
          UserInfo userInfo = UserInfo();
          userInfo.uid = map['uid'];
          userInfo.name = map['name'];
          userInfo.gender = map['gender'];
          userInfo.province = map['province'];
          userInfo.city = map['city'];
          userInfo.platforms = map['platforms'];
          userInfo.expertise = map['expertise'];
          userInfo.joinTime = map['joinTime'];
          userInfo.lastLoginTime = map['lastLoginTime'];
          userInfo.portrait = map['portrait'];
          userInfo.fansCount = map['fansCount'];
          userInfo.favoriteCount = map['favoriteCount'];
          userInfo.followersCount = map['followersCount'];
          userInfo.notice = map['notice'];
          //刷新用户信息
          setState(() {
            _userInfo = userInfo;
          });
        }
      });
    });
  }

  @override
  void initState() {
    super.initState();
    _getDetailInfo();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        elevation: 0.0,
        title: Text(
          '我的资料',
          style: TextStyle(
            color: Color(AppColors.APPBAR),
          ),
        ),
        iconTheme: IconThemeData(color: Color(AppColors.APPBAR)),
      ),
      body: buildSingleChildScrollView(),
    );
  }

  Widget buildSingleChildScrollView() {
    return SingleChildScrollView(
      child: _userInfo == null
          ? Center(
        child: CupertinoActivityIndicator(),
      )
          : Column(
        children: <Widget>[
          InkWell(
            onTap: () {
              //TODO
            },
            child: Container(
              margin: const EdgeInsets.only(left: 20.0),
              padding: const EdgeInsets.only(
                  top: 10.0, bottom: 10.0, right: 20.0),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Text(
                    '头像',
                    style: TextStyle(fontSize: 20.0),
                  ),
                  Container(
                    width: 60.0,
                    height: 60.0,
                    decoration: BoxDecoration(
                      shape: BoxShape.circle,
                      border: Border.all(
                        color: Colors.white,
                        width: 2.0,
                      ),
                      image: DecorationImage(
                        image: NetworkImage(_userInfo.portrait),
                        fit: BoxFit.cover,
                      ),
                    ),
                  )
                ],
              ),
            ),
          ),
          Divider(),
          InkWell(
            onTap: () {
              //TODO
            },
            child: Container(
              margin: const EdgeInsets.only(left: 20.0),
              padding: const EdgeInsets.only(
                  top: 10.0, bottom: 10.0, right: 20.0),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Text(
                    '昵称',
                    style: TextStyle(fontSize: 20.0),
                  ),
                  Text(
                    _userInfo.name,
                    style: TextStyle(fontSize: 20.0),
                  ),
                ],
              ),
            ),
          ),
          Divider(),
          Container(
            margin: const EdgeInsets.only(left: 20.0),
            padding: const EdgeInsets.only(
                top: 10.0, bottom: 10.0, right: 20.0),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Text(
                  '加入时间',
                  style: TextStyle(fontSize: 20.0),
                ),
                Text(
                  _userInfo.joinTime,
                  // _userInfo.joinTime.split(' ')[0],
                  style: TextStyle(fontSize: 20.0),
                ),
              ],
            ),
          ),
          Divider(),
          InkWell(
            onTap: () {
              //TODO
            },
            child: Container(
              margin: const EdgeInsets.only(left: 20.0),
              padding: const EdgeInsets.only(
                  top: 10.0, bottom: 10.0, right: 20.0),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Text(
                    '所在地区',
                    style: TextStyle(fontSize: 20.0),
                  ),
                  Text(
                    _userInfo.city,
                    style: TextStyle(fontSize: 20.0),
                  ),
                ],
              ),
            ),
          ),
          Divider(),
          InkWell(
            onTap: () {
              //TODO
            },
            child: Container(
              margin: const EdgeInsets.only(left: 20.0),
              padding: const EdgeInsets.only(
                  top: 10.0, bottom: 10.0, right: 20.0),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Padding(
                    padding: const EdgeInsets.only(right: 20.0),
                    child: Text(
                      '开发平台',
                      style: TextStyle(fontSize: 20.0),
                    ),
                  ),
                  Expanded(
                    child: Text(
                      // 'Android,C/C++,J2ME/K-Java,Python,.NET/C#',
                      _userInfo.platforms.toString(),
                      style: TextStyle(fontSize: 20.0),
                      textAlign: TextAlign.right,
                    ),
                  ),
                ],
              ),
            ),
          ),
          Divider(),
          InkWell(
            onTap: () {
              //TODO
            },
            child: Container(
              margin: const EdgeInsets.only(left: 20.0),
              padding: const EdgeInsets.only(
                  top: 10.0, bottom: 10.0, right: 20.0),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Padding(
                    padding: const EdgeInsets.only(right: 20.0),
                    child: Text(
                      '专长领域',
                      style: TextStyle(fontSize: 20.0),
                    ),
                  ),
                  Expanded(
                    child: Text(
                      // '手机软件开发，服务器开发，软件开发管理',
                      _userInfo.expertise.toString(),
                      style: TextStyle(fontSize: 20.0),
                      textAlign: TextAlign.right,
                    ),
                  ),
                ],
              ),
            ),
          ),
          Divider(),
          Container(
            margin: const EdgeInsets.only(left: 20.0),
            padding: const EdgeInsets.only(
                top: 10.0, bottom: 10.0, right: 20.0),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Text(
                  '粉丝数',
                  style: TextStyle(fontSize: 20.0),
                ),
                Text(
                  _userInfo.fansCount.toString(),
                  style: TextStyle(fontSize: 20.0),
                  overflow: TextOverflow.ellipsis,
                ),
              ],
            ),
          ),
          Divider(),
          Container(
            margin: const EdgeInsets.only(left: 20.0),
            padding: const EdgeInsets.only(
                top: 10.0, bottom: 10.0, right: 20.0),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Text(
                  '收藏数',
                  style: TextStyle(fontSize: 20.0),
                ),
                Text(
                  _userInfo.favoriteCount.toString(),
                  style: TextStyle(fontSize: 20.0),
                  overflow: TextOverflow.ellipsis,
                ),
              ],
            ),
          ),
          Divider(),
          Container(
            margin: const EdgeInsets.only(left: 20.0),
            padding: const EdgeInsets.only(
                top: 10.0, bottom: 10.0, right: 20.0),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Text(
                  '关注数',
                  style: TextStyle(fontSize: 20.0),
                ),
                Text(
                  _userInfo.followersCount.toString(),
                  style: TextStyle(fontSize: 20.0),
                  overflow: TextOverflow.ellipsis,
                ),
              ],
            ),
          ),
          Divider(),
        ],
      ),
    );
  }
}

效果如下：

 

augfun
关注
专栏目录
Flutter 开发环境搭建Unable to ‘pub upgrade‘ flutter tool. Retrying in five seconds...
菜鸟博客
05-22 1529
好久没更新Flutter专栏了，一是因为懒。而是因为在公司的Windows 10上配置flutter环境总是出错，然后就以此为借口懒得弄了，这不Flutter 2.0出现了，又燃起了我学习Flutter的热情。今天周末来公司加班，就一举搞定了flutter的开发环境配置问题。 配置流程如下： 1、在github上搜flutter，然后将其clone到本地 2、配置好环境变量 3、配置好镜像，配置好以后需要重启电脑，这一点很重要，如果不配置镜像的话，会出现“Unable to ‘pub upgrade’ fl
flutter Image.network()网络图片加载失败，404错误的异常处理和解决方法初探
jp192021的博客
11-23 9813
今天碰到一个让人异常头疼的错误： 在使用Image.network()的时候，有个图片网址404了，flutter真机调试一直卡死，绝对是一个大BUG。 网上找了各种方法： 一： Image image = Image(image: new CachedNetworkImageProvider('')); Image image = Image.network(''); final ImageStream stream = image.image.resolve(ImageConfigura.
Flutter – 图片点击全屏浏览
01-20
flutter好用的轮子推荐四-可定制的图片预览查看器photo_view flutter九宫格图片查看器 效果图 关于九宫格布局实现 JhPhotoAllScreenShow 代码 import 'package:flutter/material.dart'; import 'package:photo_view/photo_view.dart'; import 'package:photo_view/photo_view_gallery.dart'; const Color selColor =Colors.white; const Color otherColor = Colors.g
想入门 Google 的 Flutter？我整理了一些资料看你需要吗？
承香墨影的博客
02-28 608
承香墨影只分享最有用的原创技术干货！关注正文共：2120字7图预计阅读时间：6分钟Hi，大家好，我是承香墨影！近日，Google 在 2018 世界移动大会上发布了 Flutter...
flutter图片点击跳转_Flutter “跳转页面”（一）
weixin_33056525的博客
12-24 714
“跳转页面”为啥加双引号，其实所谓的跳转页面可能和以前认识的不太一样。因为在Flutter里，所有能看到的东西一般都是widget，但是，没有说那个app是由一个页面构成的，所以，这个概念确实还是有的。这个功能的实现需要用到两个东西Route和Navigator。 Using the NavigatorMobile apps typically reveal their contents via ...
Flutter项目实操---登录头像处理、登出、我的详情、我的消息
webor2006的博客
06-21 456
登录头像处理： 接着上一次https://www.cnblogs.com/webor2006/p/13028104.html的功能继续往下撸，在上一次中已经处理了登录的接口回调了，如下： 接下来则需要请求用户信息接口了，瞅一下官网： 先来定义一下URL： 接下来调用一下： 下面请求看一下能否成功？ 没问题，接下来则来处理结果，并显示头像和用户名： 好，接下来则来做一下界面刷新...
微信小程序页面点击按钮传值与取值
qq_45195669的博客
03-01 1643
A页面：WXML <button bindtap="GoHome" open-type="launchApp" data-index="123">进入餐厅</button> A页面：js page内即可 GoHome: function (e) { wx.navigateTo({ url: "../HomePage/HomePage?UName=" + ...
Flutter flutter.gradle 简单分析
SimpleCoder's Blog
04-01 4750
所有的分析基于当前的 1.4.7 版本,flutter sdk 的版本更新可能会修改这个文件 Flutter 1.4.7 • channel dev • https://github.com/flutter/flutter.git Framework • revision 1bfa2f2311 (3 days ago) • 2019-03-29 10:05:18 -0700 Engine • re...
open-source-flutter-apps：开源Flutter应用程序列表
02-03
7. **opensource-apps** 和 **flutter-apps**：明确指出这些是基于Flutter的开源应用程序。 8. **flutter-examples**：暗示这些应用可以作为Flutter开发的示例，帮助初学者理解和实践。 9. **iOSSDart**：可能指的是...
flutter大纲资料.txt
最新发布
03-21
flutter大纲资料.txt
flutter-plugin-circular_profile_avatar:CircularProfileAvatar是Flutter软件包，它使开发人员可以使用边框，覆盖图，initialsText和许多其他令人敬畏的功能来实现圆形轮廓化身，从而简化了开发人员的工作。 它是Flutter内置的CircleAvatar小部件的替代产品
05-05
Circular_profile_avatar CircularProfileAvatar是Flutter软件包，它使开发人员可以使用边框，覆盖图，initialsText和许多其他令人敬畏的功能来实现圆形轮廓化身，从而简化了开发人员的工作。 它是Flutter的小部件的替代方案。 安装 将此添加到包的pubspec.yaml文件中： dependencies: circular_profile_avatar: ^1.0.8 并运行 flutter packages get 用法 CircularProfileAvatar( 'https://avatars0.githubusercontent.com/u/8264639?s=460&v=4', //sets image path, it should be a URL string. defaul
Flutter 项目实战 登录界面 (一)
我很好
08-14 719
登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // 登录界面样式 // ............
Flutter 项目实战 实现注册接口（二）
我很好
08-14 289
spring-boot-starter-web 大多数 Web 应用程序使用该spring-boot-starter-web 模块来快速启动和运行。 mysql-connector-java MySQL提供的JDBC驱动包，用JDBC连接MySQL数据库时必须使用该依赖。 mybatis-spring-boot-starter 引入 MyBatis 场景启动器，包含其自动配置类及 MyBatis 3 相关依赖。.........
Flutter实现头像效果的两种方式
weixin_45425105的博客
12-07 1531
（一）效果图 （二）实现方式，两种 第一种（基础版）：实现要点：利用Container里面的BoxDecoration 网络加载图片 NetworkImage import 'package:flutter/material.dart'; class CircleImgPage extends StatelessWidget { Widget headImg(){ return Container( width: 400, height: 300,
Flutter 查看大图
XueQiYa的博客
06-12 3209
直接上代码 import 'package:cached_network_image/cached_network_image.dart'; import 'package:flutter/material.dart'; class NinePicture<T> extends PopupRoute<T> { final String barrierLabel; ...
flutter个人中心
sinat_33250050的博客
04-28 1065
import 'package:flutter/material.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; class MemberPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: T.
Flutter如何使用入门学习(3)Flutter中的点击、拖动和其它手势
热门推荐
qq_30295213的博客
06-12 1万+
Flutter中的手势系统有两个独立的层。第一层有原始指针(pointer)事件，它描述了屏幕上指针（例如，触摸，鼠标和触控笔）的位置和移动。 第二层有手势，描述由一个或多个指针移动组成的语义动作。Pointers指针(Pointer)代表用户与设备屏幕交互的原始数据。有四种类型的指针事PointerDownEvent 指针接触到屏幕的特定位置PointerMoveEvent 指针从屏幕上的一个位...
Flutter中为图片设置波纹点击效果
代码小疯子
06-22 1651
flutter开发中，为图片添加水波纹点击事件
flutter 显示圆形头像
qq_32319999的博客
05-17 7207
第一种：new ClipOval( child: new FadeInImage.assetNetwork( placeholder: "images/normal_user_icon.webp",//预览图 fit: BoxFit.fitWidth, image:"https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=346366...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值