Razer Web Software General Rating Modal

通用 Javascript 打分弹窗

How To Use

在页面中直接引入

Debug:

<script src="https://deals-assets-cdn.razerzone.com/rating-modal/index.js"></script>

Production:

<script src="https://deals-assets-cdn.razerzone.com/rating-modal/index.min.js"></script>

会在 window下挂载名为 RazerRatingModal的类

const modal = new window.RazerRatingModal(options?: ModalOptions);
modal.show();

ModalOptions

type: Object

{
  app: string // 应用名称, default: 'Razer Cortex'
  i18n: i18nTypes | string // 当前多语言, default: 'en'
  clickOutsideClose: boolean // 点击overlay是否关闭, default: true
  onBeforeClose: function(actions: RatingAction)// modal关闭前回调
  onClose: function(actions: RatingAction)// modal关闭后回调
}

i18nTypes

增加了i18n的支持, 可传入的 i18n types 有:

"en" | "de" | "es" | "fr" | "ja" | "ko" | "pt" | "ru" | "zh-cn" | "zh-cht"

RatingAction

Modal close后回调函数参数

{
  thumb: 'up' | 'down' | null, // 用户是否点击thumb, 'up' - 赞, 'down' -倒, null - 没有点击
  rating: [1-5] | null, // 用户是否点击star, [1-5] - 用户已评分, null - 未评分 
  feedbackClick: 'problem' | 'suggest' | null, // 用户是否点击feedback, 'problem' - report problem, 'suggest' - report suggest, null - 未点击
}

API

show() : 显示Modal

close(): 关闭Modal

release(): 释放Modal, 注意: onClose中并没有调用 release, 需要手动调用, 调用后需要重新 new 出新的 Modal 实例