Merge pull request #380 from Tencent/toast0814

fix: toast新增toast节点extClass接口
Tencent · Aug 14, 2023 · 981f24a · 981f24a
2 parents 32b3b0f + 7d7f35a
commit 981f24a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/example/example.js b/example/example.js
@@ -28,7 +28,8 @@ document.querySelector('#confirmBtn').addEventListener('click', function () {
 document.querySelector('#toastBtn').addEventListener('click', function () {
     weui.toast('操作成功', {
         duration: 3000,
-        className: "bears"
+        className: "bears",
+        extClass: "x"
     });
 });
 

diff --git a/src/toast/toast.html b/src/toast/toast.html
@@ -1,6 +1,6 @@
 <div class="<%= className %>" role="alert">
     <div class="weui-mask_transparent"></div>
-    <div class="weui-toast">
+    <div class="weui-toast <%= extClass %>">
         <i class="weui-icon_toast weui-icon-success-no-circle"></i>
         <p class="weui-toast__content"><%=content%></p>
     </div>

diff --git a/src/toast/toast.js b/src/toast/toast.js
@@ -26,12 +26,14 @@ let _sington;
  * @param {number=} [options.duration=3000] 多少毫秒后关闭toast
  * @param {function=} options.callback 关闭后的回调
  * @param {string=} options.className 自定义类名
+ * @param {string=} options.extClass 自定义toast节点类名
  *
  * @example
  * weui.toast('操作成功', 3000);
  * weui.toast('操作成功', {
  *     duration: 3000,
  *     className: 'custom-classname',
+ *     extClass: 'toast-classname',
  *     callback: function(){ console.log('close') }
  * });
  */
@@ -53,7 +55,8 @@ function toast(content = '', options = {}) {
         content: content,
         duration: 3000,
         callback: $.noop,
-        className: ''
+        className: '',
+        extClass: ''
     }, options);
 
     const $toastWrap = $($.render(tpl, options));