实训13：影视作品详情页其它模块的实现【附完整代码】

最新推荐文章于 2024-05-21 23:21:19 发布
最新推荐文章于 2024-05-21 23:21:19 发布
阅读量1.5k 收藏 33
点赞数 49
文章标签： 前端 html python flask 深度学习 人工智能 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lingyaojun/article/details/136854168
版权

在本实训中，将根据项目中的影视作品详情信息的示例数据文件（项目根目录下的static/jsons/video/vid_changzheng_ds.json）中的相关信息，实现影视作品详情页中的“精彩剧照”、“剧情介绍”、“参考网址”模块。具体步骤如下：

1.修改cz_video_detail.html文件，添加“精彩剧照”模块的模板代码，如图1所示。图1 “影视作品•精彩剧照”模块的模板代码

{% extends "/cz_base.html" %}
{% block title %}{{ video.video_name }}{% endblock %}
{% block main %}
<!--影视作品·作品概览-->
<section class="mt-1">
    <div class="container pt-4">
        <div class="block-title-w">
            <h2 class="block-title">{{ video.video_name }}·作品概览</h2>
            <span class="icon-title">
                <span></span><img src="{{ url_for('static', filename='images/star.png') }}" width="30" height="30">
            </span>
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-6 col-xs-12">
                <img class="img-fluid rounded" src="{{ url_for('static', filename=video.kwargs.video_pic) }}">
            </div>
            <div class="col-md-8 col-sm-6 col-xs-12">
                <h2 class="m-1 text-danger fw-bolder">剧名:{{ video.video_name }}</h2>
                <div class="fs-4 m-2 fw-bold">
                    <a href="#"><span>出品方:{{ video.kwargs.video_publisher }}</span></a>
                    <span class="px-5">创作时间：{{ video.kwargs.video_year }}年</span>
                    <span>地区:{{ video.kwargs.video_origin }}</span>
                </div>
                <div class="fs-4 m-2 fw-bold">
                编剧: {% for w in video.kwargs.video_writer %}<a href="#"><span class="px-3">{{ w }}</span></a>{% endfor %}
                <span class="px-5">导演：
                {% for d in video.kwargs.video_director %}<a href="#"><span class="px-3">{{ d }}</span></a>{% endfor %}
                </span>
                </div>
                <div class="fs-4 m-2 fw-bold">
                主演: {% for s in video.kwargs.video_stars %}<a href="#"><span class="px-3">{{ s }}</span></a>{% endfor %}
                </div>
                <div class="fs-4 m-2 fw-normal">
                    <span>题材分类：{{ video.kwargs.video_catg }}</span>
                    <span class="px-5">语言:{{ video.kwargs.video_language }}</span>
                </div>
                <div class="fs-4 m-2 fw-normal">
                    <span>首映时间:{{ video.kwargs.video_first_play_time }}</span>
                    <span class="px-5">剧集数:{{ video.kwargs.video_sets_num }}</span>
                </div>
                <h4 class="my-4">{{ video.kwargs.video_description }}</h4>
            </div>
        </div>
    </div>
</section>

<!--影视作品·精彩剧照-->
<section class="mt-1 py-4 bg-cz">
    <div class="container">
        <div class="block-title-w">
            <h2 class="block-title">{{ video.video_name }}·精彩剧照</h2>
            <span class="icon-title">
                <span></span>
                <img src="{{ url_for('static',filename='images/star.png') }}" width="30" height="30">
                </span>
        </div>
        <div class="row row-wrap">
            {% for pic in video.kwargs.video_album %}
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 item">
                    <div class="inner mb-3">
                        <img src="{{ url_for('static', filename=pic) }}" class="img-fluid rounded" alt="精彩剧照"/>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</section>

在“精彩剧照”模块的模板代码中，通过一个for循环的控制标签，循环取出精彩剧照列表中每一张图片，加入到一个div标签下的img标签中，通过样式的设置让所有图片在一行中横向排列显示，展示效果如图2所示：

2.修改cz_video_detail.html文件，添加“剧情介绍”模块的模板代码，如图3所示。图3 “影视作品•剧情介绍”模块的模板代码

<!-- 影视作品·剧情介绍 -->
<section class="mt-1 py-4 bg-cz">
    <div class="container py-4">
        <div class="row">
            <div class="block-title-w">
                <h2 class="block-title">{{ video.video_name }} · 剧情介绍</h2>
                <span class="icon-title">
                    <span></span>
                    <img src="{{ url_for('static', filename='images/star.png') }}" width="3o" height="30">
                    </span>
            </div>
            <div class="row">
                {% for story in video.kwargs.video_sets_story %}
                <div class="col-6 col-xs-12 mb-2 p-1">
                    <div class="p-1 h-100 bg-light rounded-3">
                        <div class="fw-bold fs-4 mt-2 text-danger ps-2">
                            <i class="bi bi-camera-video-fill"></i>{{ story.title }}
                        </div>
                        <img class="rounded" width="30%" src="{{ url_for('static', filename=story.image[0]) }}"/>
                        <div class="cz-loss-decs p-2">
                            <a href="{{ story.resourceUrl }}"><p>{{ story.description }}</p></a>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</section>

在“剧情介绍”模块的模板代码中，采用通过一个for循环的控制标签，循环取出剧情列表中每一个剧情介绍内容（一个字典结构的数据），加入到一个div标签下的各个子标签中，通过Bootstrap样式的设置使一行中显示两个剧情介绍信息，展示效果如图4所示：图4“影视作品•剧情介绍”模块的页面呈现效果3.修改cz_video_detail.html文件，添加“参考网址”模块的模板代码，以列表形式列出相关的参考网址信息，如图5所示，页面的展示效果如图6所示。图5 “影视作品•参考网址”模块的模板代码

<!-- 影视作品·参考网址 -->
<section class="mt-1 bg-cz">
    <div class="container py-4">
        <div class="block-title-w">
                <h2 class ="block-title">{{video.video_name}}·参考网址</h2>
                <span class="icon-title">
                    <span></span>
                    <img src="{{ url_for('static', filename='images/star.png') }}" width="30" height="30">
                    </span>
        </div>
        <div class="bg-light">
            {%for ref in video.kwargs.video_references %}
            <div class="sub-title fw-bold fs-4 p-3 rounded-4 mb-1">{{loop.index}}. {{ ref }}</div>
            {% endfor %}
        </div>
    </div>
</section>

图6“影视作品•剧情介绍”模块的页面呈现效果4. 目前所实现的影视作品详情页，只能呈现示例数据中提供的电视连续剧“长征”的相关信息，显然是不合理的，因此，接下来将继续修改相关代码，实现对不同的影视作品详情信息进行呈现的功能。首先修改视图函数video_detail_page(),在路由中添加相应变量，要求页面请求时须提供要查看的影视作品的ID及详情数据文件的文件名，在视图函数中根据用户传递过来的参数从对应的详情数据文件中加载数据，并通过render_template()函数渲染到模板文件中；如果因文件不存在等原因造成数据加载不成功，则传递给模板的数据是None，如图5所示。图5 video_detail_page()函数修改后的代码

from flask import Blueprint, render_template

from models.video_models import Video
from utils.load_data import load_data_from_json_file

video = Blueprint('video', __name__, url_prefix='/video')  # 创建名为”video“的蓝图


@video.route('/video_list')
def video_list_page():
    target_file = r"static/jsons/cz_video.json"  # 构造示例数据文件的路径字符串
    # 调用 utils.load_data块下的load_data_from_json_file方法，从json文件加载数据
    video_list = load_data_from_json_file(target=target_file)

    # 利用render_template方法，将相关数据渲染到模板文件中
    return render_template("/video/cz_video_list.html", video_list=video_list)


@video.route('/video_detail/<vid>/<fname>')
def video_detail_page(vid, fname):
    target_file = r"static\jsons\video\\" + fname  # 构造示例数据文件的路径字符串
    # 调用utils.Load_data模块下的Load_data_from_json_file方法，从json文件加载数据
    video_detail = load_data_from_json_file(target=target_file)


    if video_detail and video_detail['videoId'] == vid:
        vd = Video(**video_detail[0])
    else:
        vd = None

    # 利用render_template方法，将相关数据渲染到模板文件中
    return render_template("/video/cz_video_detail.html", video=vd)

5.修改cz_video_detail.html文件，在原来代码的基础上，添加对视图函数传递过来的影视作品详情类对象是否为空的判断，若为空，则在页面中输出合适的提示信息，如图6所示。图6 cz_video_detail.html修改后的代码

{% extends "/cz_base.html" %}
{% block title %}{{ video.video_name }}{% endblock %}
{% block main %}

{% if video %}

    <!--影视作品·作品概览-->
    <section class="mt-1">
        <div class="container pt-4">
            <div class="block-title-w">
                <h2 class="block-title">{{ video.video_name }}·作品概览</h2>
                <span class="icon-title">
                    <span></span><img src="{{ url_for('static', filename='images/star.png') }}" width="30" height="30">
                </span>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <img class="img-fluid rounded" src="{{ url_for('static', filename=video.kwargs.video_pic) }}">
                </div>
                <div class="col-md-8 col-sm-6 col-xs-12">
                    <h2 class="m-1 text-danger fw-bolder">剧名:{{ video.video_name }}</h2>
                    <div class="fs-4 m-2 fw-bold">
                        <a href="#"><span>出品方:{{ video.kwargs.video_publisher }}</span></a>
                        <span class="px-5">创作时间：{{ video.kwargs.video_year }}年</span>
                        <span>地区:{{ video.kwargs.video_origin }}</span>
                    </div>
                    <div class="fs-4 m-2 fw-bold">
                    编剧: {% for w in video.kwargs.video_writer %}<a href="#"><span class="px-3">{{ w }}</span></a>{% endfor %}
                    <span class="px-5">导演：
                    {% for d in video.kwargs.video_director %}<a href="#"><span class="px-3">{{ d }}</span></a>{% endfor %}
                    </span>
                    </div>
                    <div class="fs-4 m-2 fw-bold">
                    主演: {% for s in video.kwargs.video_stars %}<a href="#"><span class="px-3">{{ s }}</span></a>{% endfor %}
                    </div>
                    <div class="fs-4 m-2 fw-normal">
                        <span>题材分类：{{ video.kwargs.video_catg }}</span>
                        <span class="px-5">语言:{{ video.kwargs.video_language }}</span>
                    </div>
                    <div class="fs-4 m-2 fw-normal">
                        <span>首映时间:{{ video.kwargs.video_first_play_time }}</span>
                        <span class="px-5">剧集数:{{ video.kwargs.video_sets_num }}</span>
                    </div>
                    <h4 class="my-4">{{ video.kwargs.video_description }}</h4>
                </div>
            </div>
        </div>
    </section>

    <!--影视作品·精彩剧照-->
    <section class="mt-1 py-4 bg-cz">
        <div class="container">
            <div class="block-title-w">
                <h2 class="block-title">{{ video.video_name }}·精彩剧照</h2>
                <span class="icon-title">
                    <span></span>
                    <img src="{{ url_for('static',filename='images/star.png') }}" width="30" height="30">
                    </span>
            </div>
            <div class="row row-wrap">
                {% for pic in video.kwargs.video_album %}
                    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 item">
                        <div class="inner mb-3">
                            <img src="{{ url_for('static', filename=pic) }}" class="img-fluid rounded" alt="精彩剧照"/>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </section>

    <!-- 影视作品·剧情介绍 -->
    <section class="mt-1 py-4 bg-cz">
        <div class="container py-4">
            <div class="row">
                <div class="block-title-w">
                    <h2 class="block-title">{{ video.video_name }} · 剧情介绍</h2>
                    <span class="icon-title">
                        <span></span>
                        <img src="{{ url_for('static', filename='images/star.png') }}" width="3o" height="30">
                        </span>
                </div>
                <div class="row">
                    {% for story in video.kwargs.video_sets_story %}
                    <div class="col-6 col-xs-12 mb-2 p-1">
                        <div class="p-1 h-100 bg-light rounded-3">
                            <div class="fw-bold fs-4 mt-2 text-danger ps-2">
                                <i class="bi bi-camera-video-fill"></i>{{ story.title }}
                            </div>
                            <img class="rounded" width="30%" src="{{ url_for('static', filename=story.image[0]) }}"/>
                            <div class="cz-loss-decs p-2">
                                <a href="{{ story.resourceUrl }}"><p>{{ story.description }}</p></a>
                            </div>
                        </div>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </section>

    <!-- 影视作品·参考网址 -->
    <section class="mt-1 bg-cz">
        <div class="container py-4">
            <div class="block-title-w">
                    <h2 class ="block-title">{{video.video_name}}·参考网址</h2>
                    <span class="icon-title">
                        <span></span>
                        <img src="{{ url_for('static', filename='images/star.png') }}" width="30" height="30">
                        </span>
            </div>
            <div class="bg-light">
                {%for ref in video.kwargs.video_references %}
                <div class="sub-title fw-bold fs-4 p-3 rounded-4 mb-1">{{loop.index}}. {{ ref }}</div>
                {% endfor %}
            </div>
        </div>
    </section>

{% else %}
    <h2 class="text-center m-5 p-5">对不起，你要査看的影视作品详情信息暂末收录...</h2>
{% endif %}

{% endblock %}

6.修改cz_video_list.html文件，在影视作品列表项的相应位置添加对应的超链接标签<a>，配置其中的href属性，实现点击影视作品列表项中的图片或“查看详情”时跳转到对应的详情页面。如图7所示。图7 cz_video_list.html修改后的代码

{% extends "cz_base.html" %}

{% block title %} 影视作品列表 {% endblock %}

{% block links %}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/cz_video_style.css') }}">
{% endblock %}

{% block main %}
<div class="album py-5">
  <div class="container">
    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
      {% for v in video_list %}
      <div class="col">
        <div class="card shadow-sm">
          <a href="{{ url_for('video.video_detail_page',vid=v.video_id,fname=v.video_detail) }}">
          <img class="bd-placeholder-img card-img-top" height="225" src="{{ url_for('static', filename=v.video_pic) }}">
          </a>
          <div class="card-body">
            <p class="card-text">{{ v.video_description }}</p>
            <div class="d-flex justify-content-between align-items-center">
              <div class="btn-group">
                <a href="{{ url_for('video.video_detail_page', vid=v.video_id, fname=v.video_detail) }}"
                   class="btn btn-sm btn-outline-secondary">查看详情</a>
              </div>
              <small class="text-muted h5 fw-bolder">{{ v.video_publisher }}</small>
            </div>
          </div>
        </div>
      </div>
    {% endfor %}
    </div>
  </div>
</div>

{% endblock %}

7.完成以上修改并刷新影视作品列表页面后，如果点击列表页面中的关于电视连续剧“长征”的列表项中的图片或“查看详情”标志，将会跳转到对应的详情页，并且在地址栏的URL中能看到链接地址后面部分是对应的影视作品ID及详情页的文件名，如图8所示。图8 电视连续剧“长征”的详情页页面呈现效果如果点击列表页面中除电视连续剧“长征”的列表项以外的其它列表项，则跳转到详情页面后的呈现效果如图9所示：图9 cz_video_detail.html当详情数据为空时的呈现效果

JUN_过继AI了
关注
  • 49
    点赞
  • 踩
  • 33
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
实训6：首页其它模块的实现【附完整代码】
03-13
实训6：首页其它模块的实现【附完整代码】
实训16：影视作品评论数据获取【附完整代码】
lingyaoJUN的博客
03-23 702
修改影视作品详情页的模板文件，添加“剧情评论”模块：修改项目根目录下的templates/video子目录中的cz_video_detail.html模板文件，在原有代码的“参考网址”模块的结束标签（</section>）后面，控制标签{% else %}前面的代码区中添加一个“剧情评论”模块，在该模块中编写相应代码，实现将视图函数中传递过来的影视作品详情对象中的剧情评论信息展示出来，如图5所示。
项目实战 | Python爬虫+PythonWeb+百度AI：前后端实现一个简单的“智能菜谱”网站
離陸する的博客
08-22 3803
文章目录 导语 项目目的 知识储备 实现环境 开始项目 一、Python爬虫 1.爬取目标 2.网页结构分析 3.代码结构分析 4.存入数据库 5.实现 二、人工智能 1.登录获取相关信息 2.查看帮助文档 3.应用到web中 三、Python Web 1.网站整体布局分析 2.路由和视图设计 3.读取数据库 4.实现 项目预览 项目收获
搜索推荐系统实战：起始篇
炼丹笔记
03-13 460
搜索推荐系统实战篇-上半篇一切源于炼丹笔记，我只是敲了敲代码。搜索推荐系统实战：起始篇 搜索推荐系统实战：进化篇 搜索推荐系统实战：终极奥秘在电商搜索中，例如淘宝，拼多多，京东等的搜索的场景往往是：用户A通过搜索框Query找到他/她想要购买的东西，然后搜索引擎通过某些算法策略返回一系列商品，用户再决定是否进行点击购买。要做好这样一个问题，我们需要抓住问题的核心。那么搜索引擎的核心是什么呢？至少有...
android安卓源码海量项目合集打包-1
热门推荐
chenhao0568的专栏
06-11 13万+
下载地址 最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ Android 实现 标签 拖动 改变位置.rar │ │ android 流式布局和热门标签.zip │ │ ...
实训1：颜色和渐变应用.zip
06-16
实训1：颜色和渐变应用.zip
实训2：文字的使用.zip
06-16
实训2：文字的使用.zip
实训5：补间动画.zip
06-16
实训5：补间动画.zip
java代码-实训内容:2 大数据2 9 郑林鸿
07-15
java代码-实训内容:2 大数据2 9 郑林鸿
vue源码之mustache模板引擎1
最新发布
qweasl_的博客
05-21 167
模板引擎的一个有点：它是将数据转为视图的最优雅的方法。相信vue的玩家首先想到的是。而还没学vue的朋友，就只能进行dom操作了。通过数组的join方法。以及es6推出的模板字符串。
WEB转Flutter基础学习笔记（内含vue和flutter对比）
小易不止于搬砖的博客
05-17 681
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1131
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
Web Speech API（2）—— SpeechSynthesis
LiangRZ
05-21 277
Web Speech API 有两个部分：SpeechSynthesis 语音合成（文本到语音 TTS）和 SpeechRecognition 语音识别（异步语音识别）。语音合成 (也被称作是文本转为语音，英语简写是 tts) 包括接收 app 中需要语音合成的文本，再在设备麦克风播放出来这两个过程。其中包含了将由语音服务朗读的内容，以及如何朗读它（例如：语种、音高、音量）。语音合成服务的控制器接口，可用于获取设备上可用的合成语音，开始、暂停以及其他相关命令的信息。控制器，从而获取语音合成功能的入口。
综合性练习-验证码
cj13106811623的博客
05-15 826
生成验证码param(参数): 无Return: 图片的内容校验验证码用户输入的验证码5. 代码编写生成验证码://图型验证码写出,可以写出到文件,也可以写出到流try {//返回到浏览器修改前端代码相对应的接口验证成功。
前端-移动端布局
Kongfutu的博客
05-21 78
可以在浏览器里打开检查 点击一下移动端按钮 然后选择一下对应的手机型号可以切换到对应的手机端。进阶学习建议 Vue.js 和 微信小程序。如何在PC端模拟移动端设备。
【VueRouter 的基本使用】
2302_76611599的博客
05-17 174
完成Vue Router 安装后，就可以使用路由了，路由的基本使用步骤，首先定义路由组件，以便使用Vue Router控制路由组件展示与 切换，接着定义路由链接和路由视图，以便告知路由组件渲染到哪个位置，然后再项目中创建路由模块，最后导入并挂载路由模块。为了在页面中将路由对应的组件显示出来，还要在App组件中定义路由视图。路由视图标签定义，该标签会被渲染成当前路由对应组件，另外，为了方便在不同组件之间切换，可以通过标签定义路由链接，该标签的to属性表示链接地址，与路由匹配规则中的path属性对应。
vue3专栏项目 -- 五、权限管理（下）
m0_64931189的博客
05-15 821
我们这一系列做的就是，我们刚开始做了message组件，我们可以直接在某个组件中通过即可调用这个message组件，从而展示出这个提示信息框但是我们觉得它可以像以前用过的alert一样，直接通过一个函数调用就可以展示出这个组件，所以有了如下一步步改进：
性能监控系统搭建——node_koa实现性能监控数据上报（第一章）
编程知识分享，主打前端
05-19 753
大家好，我是yma16，本文分享node_koa实现性能监控数据上报（第一章）。为了实现前端性能耗时的数据监控，前端对外发布js的sdk，sdk的功能主要是性能耗时计算和数据上报。同时使用vue3和node开发一个数据监控的后台管理系统，主要功能是展示数据，提供一个api_key和token对外暴露的api接口去添加数据监控数据。对外暴露性能上报接口，用户通过api_key请求上报数据到后台。
Java实训案例：饮料自动售卖机的代码
06-06
好的，下面是一个Java实现的饮料自动售卖机的代码示例： ```java import java.util.Scanner; public class BeverageVendingMachine { // 存储饮料名称和价格的数组 private static String[] beverages = {"可乐", "雪碧", "矿泉水", "果汁"}; private static double[] prices = {3.0, 3.5, 2.5, 4.0}; public static void main(String[] args) { Scanner scanner = new Scanner(System.in); double balance = 0.0; // 初始余额为0 while (true) { System.out.println("请选择要购买的饮料编号："); for (int i = 0; i < beverages.length; i++) { System.out.println(i + 1 + ". " + beverages[i] + " " + prices[i] + "元"); } int choice = scanner.nextInt(); if (choice < 1 || choice > 4) { System.out.println("输入有误，请重新输入！"); continue; } double price = prices[choice - 1]; System.out.println("您选择的是 " + beverages[choice - 1] + "，需要支付 " + price + " 元。"); while (balance < price) { System.out.println("请投币："); double coin = scanner.nextDouble(); balance += coin; } System.out.println("购买成功，找零 " + (balance - price) + " 元。"); balance = 0.0; // 清空余额 } } } ``` 这个代码实现了一个简单的饮料自动售卖机，用户可以选择要购买的饮料，然后投入硬币支付，购买成功后可以找零。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值