🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
![](https://img.kancloud.cn/c1/8c/c18c6996ade4ebe6db346536186837f3_1534x735.png) **左边** **应用管理菜单** 点击**商城** 可以添加 **图文付费内容**丶**音频付费内容**丶**视频付费内容**。 付费内容可以设置**热销商品**,对应首页导航**热销。默认新商品首页推荐**,也可设置首页推荐商品。 #### 3.3.1.1添加图文付费内容 ![](https://img.kancloud.cn/04/f7/04f738d28b15ce34f09f182fd031d235_990x787.png) 图文商品的基础填写 首先输入的是**商品名称**丶然后是**选择状态**(上架还是暂时不上架),然后是**价格**,之后是**文章封面图**(点击**选择图片**这四个字),**文章详情页的图**,**文档上传百度云**,最好添加填写文章简介,可输入**文字**、**地图**、**表情**、**图片**(支持秀米编辑器)**。** 填写图文的内容:文章展示内容和文章整体内容 ![](https://img.kancloud.cn/df/55/df55f1637f57bc5e751b7bb4e072741c_1902x1311.png) 点击**内容**,文章展示内容就是**试读,文章整体内容**就是你的付费内容**核心部分。**最后点击确定就添加完成。 #### #### 3.3.1.2 添加音频付费内容 ![](https://img.kancloud.cn/65/45/6545db1c7596a3f4cf2b993b885530e3_711x905.png) 首先填写**商品的名称**,**选择状态**(是否上架),**价格**,**商品种类**,**试听介绍**(支持秀米编辑器),**试听的音频文件**(点击**选择文件**4个字),**课程介绍**(正式的),**课程音频文件(**目前只支持MP3**)**,2个文件**不要搞混**,**课程封面图片**,**课程详情页的图片**。最后点击确定。 #### 3.3.1.3 添加视频付费内容 ![](https://img.kancloud.cn/f3/9d/f39d802687a9541c1faca9b48981d557_790x821.png) 首先填写**商品的名称**,**选择状态**(是否上架),**价格**,**视频介绍**(支持秀米编辑器),**试看的视频文件**(点击**选择文件**4个字),**课程的视频文件**,2个文件**不要搞混**,**课程封面图片**,**课程详情页的图片**。最后点击确定。 试看视频和课程视频上传 视频可以从媒体库选择、本地上传、上传到七牛云(借助七牛CDN,支持15s自动裁剪、云端转码)、插入远程URL(链接直接输入视频地址,必须为**mp4格式**),上传视频最大限制可根据修改方法进行修改。 ![](https://img.kancloud.cn/70/7e/707eea59130b0028cf98f4676ea1af8d_1532x865.png) #### 3.3.1.4 新增章节式文章 ![](https://img.kancloud.cn/5d/1a/5d1a5dd7d5098e2cd2b4399543ad752f_920x905.png) 首先填写**商品的名称**,**选择状态**(是否上架),**价格**,**商品种类**,**商品介绍**(支持秀米编辑器),**文章封面图片**,**文章详情页的图片**。最后点击确定。 章节式内容添加 找到需要添加内容的商品,点击章节式内容 ![](https://img.kancloud.cn/e8/59/e859aa330edce39c80806903196569be_1541x411.png) ![](https://img.kancloud.cn/72/09/7209878881af3737a9faff18136d5813_1530x432.png)点击**编辑该层章节**进行章节或者文章的添加,可以将章节转为文章、文章转为章节,同事可以对**文章**进行**编辑**填入**内容**,章节下可**继续添加章节**或者文章 点击进入**编辑该层章节**后进入章节式文章进行相关信息填写,选择**类型(**文章/章节**)、是否展开子章节、标题、排序、作者id、关键词、发布状态(**正常/草稿**)、发布时间(**可延迟发布**)** ![](https://img.kancloud.cn/c2/15/c21593d7ee6f46c0d511f7e87118886e_1553x392.png)