<template>
	<uni-popup ref="uniPopup" type="bottom">
		<view class="popup">
			<text class="popup-head">选择配送区域</text>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		created() {
			this.init()
		},
		methods: {
			init() {
				this.$nextTick(() => {
					this.$refs.uniPopup.open()
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.popup {
		padding: 30rpx;
		border-top-left-radius: 15rpx;
		border-top-right-radius: 15rpx;
		background-color: #F4516C;
		&-head{
			@include styleFont(#343434, 32rpx, 1);
		}
	}
</style>
