step-layout.js 1.0 KB

12345678910111213141516171819202122232425262728293031323334
  1. export default {
  2. props: {
  3. title: { type: String, default: '标题' },
  4. subtitle: { type: String, default: '我们会妥善保护你的隐私,后续你也可以在设置中将简历隐藏' },
  5. nextText: { type: String, default: '下一步' },
  6. skipText: { type: String, default: '跳过' },
  7. showSkip: { type: Boolean, default: true },
  8. showCapsule: { type: Boolean, default: true }
  9. },
  10. emits: ['next', 'skip'],
  11. setup(props, { emit }) {
  12. const statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 20;
  13. const goBack = () => {
  14. uni.navigateBack();
  15. };
  16. const onNext = () => {
  17. console.log('step-layout: onNext triggered');
  18. emit('next');
  19. };
  20. const onSkip = () => {
  21. console.log('step-layout: onSkip triggered');
  22. emit('skip');
  23. };
  24. return {
  25. statusBarHeight,
  26. goBack,
  27. onNext,
  28. onSkip
  29. };
  30. }
  31. }