直接进入正题，继续了哪吒面板的终极进化之路：VPS橱窗

步骤

• 在哪吒面板、设置界面、自定义代码（包括 style 和 script）中添加下面这段js代码；
• 刷新即可看到效果
• 演示，哪吒版本：0.16.22

特性

• 支持购买同款按钮
• 分组支持数量显示
• 支持价格、付款周期展示
• 支持多种联系方式展示
• 支持到期日期进度条展示
• 支持剩余价值展示，支持年付、半年付、季付、月付，参考下面特殊说明cycle字段，仅供参考，计算方式取自@sunfei大佬的帖子，感谢 @sunfei 大佬分享。
• 支持ServerStatus主题

特殊说明

• 不限定所属分类，需要为每个小鸡指定shop字段，其值对应affLinks中的key
• affLinks中填写不同商家的邀请链接地址
• extraData中的数字key要换成自己机器的id号
• extraData中的购买价格price支持单位：$、￥、P、€
• extraData中的付款周期cycle支持填写：年付、半年付、季付、月付、年、半、季、月、Year、Half、Quarterly、Month、Y、H、Q、M、year、half、quarterly、month
• contacts中填写你需要的联系方式
• contacts中main标识需要显示在购买同款按钮旁边的联系方式
• contacts中animatedType标识剩余价值的动画方式，留空为横向移动，可选值为：vertical、fade。参考地址：https://semantic-ui.com/elements/button.html#animated
• contacts中的icon图标在这里查找：https://semantic-ui.com/elements/icon.html
• 进度条的颜色progressType可用值参考：https://semantic-ui.com/modules/progress.html
• 对ServerStatus主题的修改默认隐藏掉了系统、在线时间、负载三列
• 其它效果大家可自行发挥

大多数人应该不会持有同一商家的多个小鸡，已调整：ps：后期会调整下支持的分组方式；，