ソースを参照

docs: toast optimization

richard1015 4 年 前
コミット
839e691807
2 ファイル変更38 行追加23 行削除
  1. 38 21
      src/packages/__VUE/toast/doc.md
  2. 0 2
      src/packages/__VUE/toast/doc.taro.md

+ 38 - 21
src/packages/__VUE/toast/doc.md

@@ -1,7 +1,5 @@
 # Toast 吐司
 
-轻提示。
-
 ### 介绍
 
 用于轻提示。
@@ -18,54 +16,73 @@ app.use(Toast);
 
 ## 代码演示
 
-### 基本用法
+#### 全局使用方式
+``` javascript
+import { getCurrentInstance } from 'vue';
+
+export default {
+  setup() {
+    const { proxy } = getCurrentInstance();
+    proxy.$toast.text('全局使用方式');
+    return {};
+  },
+};
+```
 
-文字提示
-```javascript
-Toast.text('网络失败,请稍后再试~');
+#### 文字提示
+``` javascript
+import { Toast } from '@nutui/nutui';
+
+export default {
+  setup() {
+    Toast.text('网络失败,请稍后再试~');
+    return {};
+  },
+};
 ```
 
-成功提示
+#### 成功提示
 
-```javascript
+``` javascript
 Toast.success('成功提示');
 ```
 
-失败提示
+#### 失败提示
 
-```javascript
+``` javascript
 Toast.fail('失败提示');
 ```
 
-警告提示
+#### 警告提示
 
-```javascript
+``` javascript
 Toast.warn('警告提示');
 ```
 
-加载提示
+#### 加载提示
 
-```javascript
+``` javascript
 Toast.loading('加载中');
 ```
 
-Toast不消失
-```javascript
+#### Toast不消失
+
+``` javascript
 Toast.text(msg,{
     duration:0
 });
 ```
 
-Loading带透明罩
-```javascript
- Toast.loading(msg,{
+#### Loading带透明罩
+``` javascript
+Toast.loading(msg,{
      cover:true
 });
 ```
 
 
-##¥ 支持在JS模块中导入使用
-```javascript
+####  支持在JS模块中导入使用
+``` javascript
 import { Toast } from "@nutui/nutui";
 Toast.text('在js模块中使用');
 // 返回实例,可以手动调用实例中的hide方法关闭提示

+ 0 - 2
src/packages/__VUE/toast/doc.taro.md

@@ -1,7 +1,5 @@
 # Toast 吐司
 
-轻提示。
-
 ### 介绍
 
 用于轻提示。