app.css

.simple-header{display:flex;height:49px;line-height:50px;border-bottom:1px solid #ccc}.simple-header-title{padding:0 20px;color:#606266;font-size:14px}.phone-key{display:flex;align-content:center;justify-content:center;background:#333;color:#fff;font-size:12px;font-weight:700;border:1px outset #333;margin-top:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.phone-key:active{background:#222}.phone-keys-bar{display:flex;flex-direction:column}.phone-nav-bar{display:flex;flex-direction:row}.phone-nav-item{border-radius:0}.phone-view{position:relative;border:15px outset #999;border-radius:20px;width:calc(100% - 30px);height:calc(100% - 30px)}.phone-screen{position:absolute;top:0;left:0;width:100%;height:calc(100% - 50px);background:#000}.phone-nav-bar{position:absolute;bottom:0}.phone-keys-bar{position:absolute;top:30px;right:-20px;z-index:1}.show-element{position:absolute;border:1px dashed #ccc}.show-element:hover{border:2px solid blue}body{margin:0;padding:0}.app{width:100%;height:100vh}.phone-box{display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-grow:0;height:calc(100% - 50px)!important}.phone-box .rv-slider-bar{background:#fff}.tree{overflow:auto;width:100px}.el-tree{min-width:100%;display:inline-block!important}