zhywpt-sp/components/submit-button/submit-button.vue

<template>
	<button type="default" class="button" @click="emit('submit')">{{title}}</button>
</template>

<script setup lang="ts">
	const emit = defineEmits(["submit"])
	defineProps({
		//按钮标题
		title:{
			type:String,
			default:"提交"
		}
	})

</script>

<style lang="scss" scoped>
	.button::after{
		border: none;
	}
	.button{
		background: linear-gradient(to right,#13E7C1,#43A1E0);
		opacity: 1;
		border-radius: 100rpx;
		color: #fff;
		font-size: 30rpx;
		height: 80rpx;
		line-height: 80rpx;
		box-shadow: 0rpx 4rpx 11rpx 1rpx rgba(223,223,223,0.5);
	}
</style>