您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

submit-button.vue 521B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <button type="default" class="button" @click="emit('submit')">{{title}}</button>
  3. </template>
  4. <script setup lang="ts">
  5. const emit = defineEmits(["submit"])
  6. defineProps({
  7. //按钮标题
  8. title:{
  9. type:String,
  10. default:"提交"
  11. }
  12. })
  13. </script>
  14. <style lang="scss" scoped>
  15. .button::after{
  16. border: none;
  17. }
  18. .button{
  19. background: linear-gradient(to right,#01243A,#004576);
  20. opacity: 1;
  21. border-radius: 100rpx;
  22. color: #fff;
  23. font-size: 30rpx;
  24. height: 80rpx;
  25. line-height: 80rpx;
  26. }
  27. </style>