index.vue 802 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <demo-section>
  3. <demo-block :title="$t('basicUsage')">
  4. <van-cell-group>
  5. <van-switch-cell
  6. v-model="checked"
  7. :title="$t('title')"
  8. />
  9. </van-cell-group>
  10. </demo-block>
  11. <demo-block :title="$t('disabled')">
  12. <van-cell-group>
  13. <van-switch-cell
  14. v-model="checked"
  15. disabled
  16. :title="$t('title')"
  17. />
  18. </van-cell-group>
  19. </demo-block>
  20. <demo-block :title="$t('loadingStatus')">
  21. <van-cell-group>
  22. <van-switch-cell
  23. v-model="checked"
  24. loading
  25. :title="$t('title')"
  26. />
  27. </van-cell-group>
  28. </demo-block>
  29. </demo-section>
  30. </template>
  31. <script>
  32. export default {
  33. data() {
  34. return {
  35. checked: true
  36. };
  37. }
  38. };
  39. </script>