001-
001+ 功能描述
002+ 1.进入开通会员页面
003+ 2.进入填写支付信息页面
004+ 界面
005+
006+ 界面元素
007+
008+ 名称
009+ 用途
010+ 显示
011+ 交互
012+ ＜
013+ 返回上一页
014+ 图标：＜
015+ 1.点击＜，返回【<a href="/zentao/story-view-1283.html" target="_blank" rel="noreferrer noopener">设置-帐户】页面
016+ 管理订阅
017+ 进入开通会员页面
018+ 字段：Manage Subscription
019+ 1.点击字段，进入【<a href="/zentao/story-view-657.html" target="_blank" rel="noreferrer noopener">开通会员】页面
020+ 管理支付信息
021+ 进入填写支付信息页面
022+ 字段：Manage Payment Information
023+ 1.点击字段，进入【<a href="/zentao/story-view-1296.html" target="_blank" rel="noreferrer noopener">编辑支付信息】页面
024+

001-
001+ <h3>功能描述</h3>
002+ <p>1.进入开通会员页面</p>
003+ <p>2.进入填写支付信息页面</p>
004+ <h3>界面</h3>
005+ <p><img src="{4570.png}" alt="" /></p>
006+ <h3>界面元素</h3>
007+ <p>
008+ </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
009+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
010+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
012+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">＜<br /></td>
013+ <td style="border:1px solid #ddd;">返回上一页</td>
014+ <td style="border:1px solid #ddd;">图标：＜</td>
015+ <td style="border:1px solid #ddd;"><span style="font-size:14px;background-color:#FFFFFF;">1.点击＜，返回【</span><a href="/zentao/story-view-1283.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">设置-帐户</span></a><span style="font-size:14px;background-color:#FFFFFF;">】页面</span><br /></td>
016+ </tr><tr><td style="border:1px solid #ddd;">管理订阅</td>
017+ <td style="border:1px solid #ddd;">进入开通会员页面</td>
018+ <td style="border:1px solid #ddd;">字段：Manage Subscription</td>
019+ <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-657.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">开通会员</span></a>】页面</td>
020+ </tr><tr><td style="border:1px solid #ddd;">管理支付信息</td>
021+ <td style="border:1px solid #ddd;">进入填写支付信息页面</td>
022+ <td style="border:1px solid #ddd;">字段：Manage Payment Information</td>
023+ <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-1296.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">编辑支付信息</span></a>】页面</td>
024+ </tr></tbody></table>

004- 界面
004+
005-
005+ 界面
006- 界面元素
006+
007-
007+ 界面元素
008- 名称
008+
009- 用途
009+ 名称
010- 显示
010+ 用途
011- 交互
011+ 显示
012- ＜
012+ 交互
013- 返回上一页
013+ ＜
014- 图标：＜
014+ 返回上一页
015- 1.点击＜，返回【<a href="/zentao/story-view-1283.html" target="_blank" rel="noreferrer noopener">设置-帐户】页面
015+ 图标：＜
016- 管理订阅
016+ 1.点击＜，返回【<a href="/zentao/story-view-1283.html" target="_blank" rel="noreferrer noopener">设置-帐户】页面
017- 进入开通会员页面
017+ 管理订阅
018- 字段：Manage Subscription
018+ 进入开通会员页面
019- 1.点击字段，进入【<a href="/zentao/story-view-657.html" target="_blank" rel="noreferrer noopener">开通会员】页面
019+ 字段：Manage Subscription
020- 管理支付信息
020+ 1.点击字段，进入【<a href="/zentao/story-view-657.html" target="_blank" rel="noreferrer noopener">开通会员】页面
021- 进入填写支付信息页面
021+ 管理支付信息
022- 字段：Manage Payment Information
022+ 进入填写支付信息页面
023- 1.点击字段，进入【<a href="/zentao/story-view-1296.html" target="_blank" rel="noreferrer noopener">编辑支付信息】页面
023+ 字段：Manage Payment Information
024-
024+ 1.点击字段，进入【<a href="/zentao/story-view-1296.html" target="_blank" rel="noreferrer noopener">编辑支付信息】页面
025+ 界面元素-订阅付费弹窗（客户由开通会员进入到编辑完支付信息完成后返回该页面时显示弹窗）
026+
027+ 名称
028+ 用途
029+ 显示
030+ 交互
031+ 会员支付信息
032+ 展示
033+
034+ 文本
035+ Subscription: ActiveRenews: 2/23/2021Plan: $4.99 / month
036+
037+ 无
038+ 取消订阅
039+ 进入选择取消订阅原因页面
040+ 字段：cancel subscription
041+ 1.点击字段，进入【<a href="/zentao/story-view-1300.html" target="_blank" rel="noreferrer noopener">选择取消订阅原因】页面
042+

004- <h3>界面</h3>
004+ <p><br /></p>
005- <p><img src="{4570.png}" alt="" /></p>
005+ <h3>界面</h3>
006- <h3>界面元素</h3>
006+ <p><img src="{4570.png}" alt="" /><img src="{4591.png}" alt="" /><img src="{4592.png}" alt="" /></p>
007- <p>
007+ <h3>界面元素</h3>
008- </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
008+ <p>
009- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
009+ </p><table class="table table-kindeditor ke-select-col" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
010- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
010+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
011- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
012- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">＜<br /></td>
012+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
013- <td style="border:1px solid #ddd;">返回上一页</td>
013+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">＜<br /></td>
014- <td style="border:1px solid #ddd;">图标：＜</td>
014+ <td style="border:1px solid #ddd;">返回上一页</td>
015- <td style="border:1px solid #ddd;"><span style="font-size:14px;background-color:#FFFFFF;">1.点击＜，返回【</span><a href="/zentao/story-view-1283.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">设置-帐户</span></a><span style="font-size:14px;background-color:#FFFFFF;">】页面</span><br /></td>
015+ <td style="border:1px solid #ddd;">图标：＜</td>
016- </tr><tr><td style="border:1px solid #ddd;">管理订阅</td>
016+ <td style="border:1px solid #ddd;"><span style="font-size:14px;background-color:#FFFFFF;">1.点击＜，返回【</span><a href="/zentao/story-view-1283.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">设置-帐户</span></a><span style="font-size:14px;background-color:#FFFFFF;">】页面</span><br /></td>
017- <td style="border:1px solid #ddd;">进入开通会员页面</td>
017+ </tr><tr><td style="border:1px solid #ddd;">管理订阅</td>
018- <td style="border:1px solid #ddd;">字段：Manage Subscription</td>
018+ <td style="border:1px solid #ddd;">进入开通会员页面</td>
019- <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-657.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">开通会员</span></a>】页面</td>
019+ <td style="border:1px solid #ddd;">字段：Manage Subscription</td>
020- </tr><tr><td style="border:1px solid #ddd;">管理支付信息</td>
020+ <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-657.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">开通会员</span></a>】页面</td>
021- <td style="border:1px solid #ddd;">进入填写支付信息页面</td>
021+ </tr><tr><td style="border:1px solid #ddd;">管理支付信息</td>
022- <td style="border:1px solid #ddd;">字段：Manage Payment Information</td>
022+ <td style="border:1px solid #ddd;">进入填写支付信息页面</td>
023- <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-1296.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">编辑支付信息</span></a>】页面</td>
023+ <td style="border:1px solid #ddd;">字段：Manage Payment Information</td>
024- </tr></tbody></table>
024+ <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-1296.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">编辑支付信息</span></a>】页面</td>
025+ </tr></tbody></table><h3>界面元素-订阅付费弹窗（客户由开通会员进入到编辑完支付信息完成后返回该页面时显示弹窗）</h3>
026+ <p>
027+ </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
028+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
029+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
030+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
031+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">会员支付信息<br /></td>
032+ <td style="border:1px solid #ddd;">展示</td>
033+ <td style="border:1px solid #ddd;">
034+ <p>文本</p>
035+ <p>Subscription: Active<br />Renews: 2/23/2021<br />Plan: $4.99 / month</p>
036+ </td>
037+ <td style="border:1px solid #ddd;">无</td>
038+ </tr><tr><td style="border:1px solid #ddd;">取消订阅</td>
039+ <td style="border:1px solid #ddd;">进入选择取消订阅原因页面</td>
040+ <td style="border:1px solid #ddd;">字段：cancel subscription</td>
041+ <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-1300.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">选择取消订阅原因</span></a>】页面</td>
042+ </tr></tbody></table><p><br /></p>

008-
008+
009- 名称
009+ 名称
010- 用途
010+ 用途
011- 显示
011+ 显示
012- 交互
012+ 交互
013- ＜
013+ ＜
014- 返回上一页
014+ 返回上一页
015- 图标：＜
015+ 图标：＜
016- 1.点击＜，返回【<a href="/zentao/story-view-1283.html" target="_blank" rel="noreferrer noopener">设置-帐户】页面
016+ 1.点击＜，返回【<a href="/zentao/story-view-1283.html" target="_blank" rel="noreferrer noopener">设置-帐户】页面
017- 管理订阅
017+ 管理订阅
018- 进入开通会员页面
018+ 进入开通会员页面
019- 字段：Manage Subscription
019+ 字段：Manage Subscription
020- 1.点击字段，进入【<a href="/zentao/story-view-657.html" target="_blank" rel="noreferrer noopener">开通会员】页面
020+ 1.点击字段，进入【<a href="/zentao/story-view-657.html" target="_blank" rel="noreferrer noopener">开通会员】页面
021- 管理支付信息
021+ 管理支付信息
022- 进入填写支付信息页面
022+ 进入填写支付信息页面
023- 字段：Manage Payment Information
023+ 字段：Manage Payment Information
024- 1.点击字段，进入【<a href="/zentao/story-view-1296.html" target="_blank" rel="noreferrer noopener">编辑支付信息】页面
024+ 1.点击字段，进入【<a href="/zentao/story-view-1296.html" target="_blank" rel="noreferrer noopener">编辑支付信息】页面
025- 界面元素-订阅付费弹窗（客户由开通会员进入到编辑完支付信息完成后返回该页面时显示弹窗）
025+ 界面元素-订阅付费弹窗（客户由开通会员进入到编辑支付信息完成后付款成功，返回该页面时显示弹窗）
037- 无
037+ 1.点击界面空白任意位置，弹窗关闭
042-
042+ 界面元素-取消订阅付款弹窗（客户由开通会员页面进入到编辑支付信息完成后付款成功后选择取消订阅原因后返回该页面显示的弹窗）
043+
044+ 名称
045+ 用途
046+ 显示
047+ 交互
048+ 会员支付信息
049+ 展示
050+
051+ 文本
052+ Subscription: Active
053+ Expires: 2/28/2021
054+
055+ 1.点击界面空白任意位置，弹窗关闭
056+
057+

008- <p>
008+ <p><br /></p>
009- </p><table class="table table-kindeditor ke-select-col" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
009+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
010- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
010+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
011- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
012- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
012+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
013- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">＜<br /></td>
013+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">＜<br /></td>
014- <td style="border:1px solid #ddd;">返回上一页</td>
014+ <td style="border:1px solid #ddd;">返回上一页</td>
015- <td style="border:1px solid #ddd;">图标：＜</td>
015+ <td style="border:1px solid #ddd;">图标：＜</td>
016- <td style="border:1px solid #ddd;"><span style="font-size:14px;background-color:#FFFFFF;">1.点击＜，返回【</span><a href="/zentao/story-view-1283.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">设置-帐户</span></a><span style="font-size:14px;background-color:#FFFFFF;">】页面</span><br /></td>
016+ <td style="border:1px solid #ddd;"><span style="font-size:14px;background-color:#FFFFFF;">1.点击＜，返回【</span><a href="/zentao/story-view-1283.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">设置-帐户</span></a><span style="font-size:14px;background-color:#FFFFFF;">】页面</span><br /></td>
017- </tr><tr><td style="border:1px solid #ddd;">管理订阅</td>
017+ </tr><tr><td style="border:1px solid #ddd;">管理订阅</td>
018- <td style="border:1px solid #ddd;">进入开通会员页面</td>
018+ <td style="border:1px solid #ddd;">进入开通会员页面</td>
019- <td style="border:1px solid #ddd;">字段：Manage Subscription</td>
019+ <td style="border:1px solid #ddd;">字段：Manage Subscription</td>
020- <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-657.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">开通会员</span></a>】页面</td>
020+ <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-657.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">开通会员</span></a>】页面</td>
021- </tr><tr><td style="border:1px solid #ddd;">管理支付信息</td>
021+ </tr><tr><td style="border:1px solid #ddd;">管理支付信息</td>
022- <td style="border:1px solid #ddd;">进入填写支付信息页面</td>
022+ <td style="border:1px solid #ddd;">进入填写支付信息页面</td>
023- <td style="border:1px solid #ddd;">字段：Manage Payment Information</td>
023+ <td style="border:1px solid #ddd;">字段：Manage Payment Information</td>
024- <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-1296.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">编辑支付信息</span></a>】页面</td>
024+ <td style="border:1px solid #ddd;">1.点击字段，进入【<a href="/zentao/story-view-1296.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">编辑支付信息</span></a>】页面</td>
025- </tr></tbody></table><h3>界面元素-订阅付费弹窗（客户由开通会员进入到编辑完支付信息完成后返回该页面时显示弹窗）</h3>
025+ </tr></tbody></table><h3>界面元素-订阅付费弹窗（客户由开通会员进入到编辑支付信息完成后付款成功，返回该页面时显示弹窗）</h3>
037- <td style="border:1px solid #ddd;">无</td>
037+ <td style="border:1px solid #ddd;"><span>1.点击界面空白任意位置，弹窗关闭</span></td>
042- </tr></tbody></table><p><br /></p>
042+ </tr></tbody></table><h3>界面元素-取消订阅付款弹窗（客户由开通会员页面进入到编辑支付信息完成后付款成功后选择取消订阅原因后返回该页面显示的弹窗）</h3>
043+ <p>
044+ </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
045+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
046+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
047+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
048+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">会员支付信息<br /></td>
049+ <td style="border:1px solid #ddd;"><span>展示</span><br /></td>
050+ <td style="border:1px solid #ddd;">
051+ <p>文本</p>
052+ <p>Subscription: Active</p>
053+ <p>Expires: 2/28/2021</p>
054+ </td>
055+ <td style="border:1px solid #ddd;">1.点击界面空白任意位置，弹窗关闭</td>
056+ </tr></tbody></table><p><br /></p>
057+ <p><br /></p>