小程序设计

• 消息提示框
• 页面跳转
• 声音播放
• 自适应屏幕
• 计时器

全局配置横竖屏

1、在pages.json中添加配置：手机一定不要竖屏锁定

"globalStyle": {
		"pageOrientation": "auto"
	}

此方法可以配置全部页面横竖屏切换（）

对话框插件

先安装：https://ext.dcloud.net.cn/plugin?name=uni-popup

<button @click="dialogToggle('info')" type="primary" plain="true" style="margin-right: 20px;">沙特赢(10块钱)</button>

<uni-popup ref="alertDialog" type="dialog">
	<uni-popup-dialog :type="msgType" cancelText="关闭" confirmText="同意" title="通知" content="欢迎使用 uni-popup!"
		@confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
</uni-popup>

methods: {
dialogToggle(type) {
				this.msgType = type
				this.$refs.alertDialog.open()
			},
			dialogConfirm() {
				console.log('点击确认')
				this.messageText = `点击确认了 ${this.msgType} 窗口`
			},
			dialogClose() {
				console.log('点击关闭')
			},
}