uni-app 简单的弹框

页面代码

<button size="mini"   @click="open" class="btn">验证</button>
<uni-popup ref="popup" type="center">
		 <view class="box">
				<text class="close" @click="close"></text>
				 <input type="text" />
				 <button size="mini">出售 </button>
		 </view>
</uni-popup> 

js 代码

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	import uniPopupMessage from '@/components/uni-popup/uni-popup-message.vue'
	import uniPopupDialog from '@/components/uni-popup/uni-popup-dialog.vue'
	export default {
		data() {	
			return{
				
			}
		},
		methods: {
			 open(){
			         this.$refs.popup.open()
				},
			 close(){
				     this.$refs.popup.close()
			}	 
					
		},
		components: {
		       uniPopup,
		       uniPopupMessage,
		       uniPopupDialog
		}
 
			
	}
</script>

更多学习链接：https://ext.dcloud.net.cn/plugin?id=329