#头条创作挑战赛#

下载插件，直接导入项目：

https://ext.dcloud.net.cn/plugin?name=uni-drawer

快捷键uDrawer导入抽屉:

<uni-drawer ref="showRight" :visible="showRight" mode="right" width="320">
		<view style="padding:30rpx;">
			dasfadsf
			lkjflksdlf
			lkdjfldksj
		</view>
	</uni-drawer>

属性：

默认的宽度很窄，可以设置width。

• width 属性仅在 vue 页面生效，nvue 页面因性能问题，不支持动态设置宽度，如需修改，请修改源码

打开和关闭抽屉函数：

<script>
	export default {
		methods: {
      showRight: false,
			showDrawer() {
				this.$refs.showRight.open();
			},
			closeDrawer() {
				this.$refs.showRight.close();
			}

		}
	}
</script>