uniapp-dp/dp-workshop-manage/components/dp-number-modal/dp-number-modal.vue

<template>
	<view>
		<u-modal :title="tilte" :show="show" showCancelButton closeOnClickOverlay @confirm="confirm"
			@cancel="cancel" @close="close">
			<u--input
			    placeholder="请输入数量"
			    border="surround"
			    v-model="value"
				type="number"
				inputAlign="center"
				fontSize="30px"
			  ></u--input>
		</u-modal>
	</view>
</template>

<script>
	export default {
		name: "dp-number-modal",
		data() {
			return {
				value:'',
				show:false,
				tilte:'请输入数量'
			};
		},
		methods: {
			confirm() {
				this.$emit('confirm');
			},
			cancel() {
				this.value=0
				this.show = false
			},
			close() {
				this.value=0
				this.show = false
			}
		}
	}
</script>

<style>

</style>