uniapp实现view块级元素横竖屏切换

在uniapp的平时开发中，比如开发了一个图表，这时候用户大概率都会提出可以横屏全屏查看该图表，先看下效果：

这里实现的思路是，先定义一个变量区分是否横屏全屏，如果是横屏全屏下就顺时针旋转90度，然后设置宽度为100vh，高度为100vw，zIndex设置为999，但是旋转的时候然后再设置宽高为100导致它乱跑，还得设置transform：translate()移动一下，我这里设置了transition: transform 0.3s, width 0.3s, height 0.3s; transform-origin: left top; 总之感觉乱七八糟的，对css这种也不太感兴趣，就没深入研究。

测试一些之后，下面这种应该是一般情况下就适用了，如果不位置啥的不对，可再自行稍微调试一下，我觉得应该问题不大，代码也很简单如下：

<template><view id="dd-container"><view :style="isFullScreen ? rotateStyle : {}" id="test-area"><view class="tool-screen" @click="screenChange()">{{ isFullScreen ? '竖屏' : '横屏' }}</view><text>我是内容内容内容