ソースを参照

feat: 增加range范围限制,demo增加toast提示

zy19940510 5 年 前
コミット
028e96a483

+ 1 - 1
src/packages/infiniteloading/demo.vue

@@ -74,7 +74,7 @@
 import { onMounted, ref, reactive, toRefs } from 'vue';
 import { createComponent } from '@/utils/create';
 const { createDemo } = createComponent('infiniteloading');
-import { Toast } from '../toast/toast';
+import { Toast } from '../toast';
 export default createDemo({
   props: {},
   setup() {

+ 17 - 2
src/packages/range/demo.vue

@@ -4,21 +4,36 @@
     <nut-cell class="cell">
       <nut-range v-model="value" @change="onChange"></nut-range>
     </nut-cell>
+    <h2>指定选择范围</h2>
+    <nut-cell class="cell">
+      <nut-range
+        v-model="value2"
+        max="10"
+        min="-10"
+        @change="onChange2"
+      ></nut-range>
+    </nut-cell>
   </div>
 </template>
 
 <script lang="ts">
 import { ref } from 'vue';
 import { createComponent } from '@/utils/create';
+import { Toast } from '../toast';
+
 const { createDemo } = createComponent('range');
 export default createDemo({
   props: {},
   setup() {
     const value = ref(50);
-    const onChange = value => console.log('当前值:' + value);
+    const value2 = ref(5);
+    const onChange = value => Toast.text('当前值:' + value);
+    const onChange2 = value2 => Toast.text('当前值:' + value2);
     return {
       value,
-      onChange
+      value2,
+      onChange,
+      onChange2
     };
   }
 });

+ 1 - 1
src/packages/toast/demo.vue

@@ -34,7 +34,7 @@
 
 <script>
 import { createComponent } from '@/utils/create';
-import { Toast } from './toast';
+import { Toast } from './index.ts';
 const { createDemo } = createComponent('toast');
 
 export default createDemo({

+ 2 - 1
src/packages/toast/toast.ts

@@ -126,5 +126,6 @@ export const Toast = {
 export default {
   install(app: App): void {
     app.config.globalProperties.$toast = Toast;
-  }
+  },
+  Toast
 };