zh_order_food_xcx/pages-takeout/confirm-mod/edit-code.vue

<template>
	<view>
		<uni-popup ref="popupCode" type="bottom">
			<view class="pop-address box-border-box p-24">
				<view class="text-align-center fs-36 fw-600 box-title mb-32">
					取件码
					<uni-icons @click="closeCoupon" class="box-close" type="closeempty" size="20"></uni-icons>
					<view class="box-save fs-30 fc-41ABF5" @click="save">确认</view>
				</view>
				
				<view class="scroll-view-css">
					<view class="" v-for="(item,i) in value" :key="i">
						<input type="text" v-model="value[i]" maxlength="20" placeholder="未输入取件码" placeholder-class="input-p fc-FB3D03">
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import tools from "@/service/tools";
	export default {
		props:['value'],
		data(){
			return{
				list:[],
			}
		},
		methods:{
			getList(){
				this.openPop();
			},
			openPop(){
				this.$refs.popupCode.open();
			},
			closeCoupon(){
				this.$refs.popupCode.close();
			},
			save(){
				this.$emit('input',this.value);
				this.$refs.popupCode.close();
			},
		},
	}
</script>

<style scoped lang="scss">
	.pop-address{
		width: 100%;
		height: 50vh;
		background-color: #fff;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		padding-top: 32rpx !important;
		display: flex;
		flex-direction: column;
		.box-title{
			position: relative;
			.box-close{
				position: absolute;
				left: 22rpx;
			}
			.box-save{
				position: absolute;
				right: 22rpx;
				top: 0;
			}
		}
		
		input{
			width: 100%;
			height: 92rpx;
			background: #F6F6F6;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			margin-bottom: 20rpx;
			font-size: 32rpx;
			box-sizing: border-box;
			padding: 0 24rpx;
		}
	}
</style>