uniapp 实现topwindow，leftwindow

1. 实现topwindow

在uniapp中，可以使用uni-view组件实现topwindow。

首先，在App.vue中添加一个uni-view组件，设置其position为fixed，将其置于页面顶部。

<template>
  <div>
    <uni-view class="top-window" position="fixed" top="0" left="0" right="0">
      <!-- top window content -->
    </uni-view>
    <router-view></router-view>
  </div>
</template>

<style lang="scss">
  .top-window {
    height: 50px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
</style>

2. 实现leftwindow

同样地，可以使用uni-view组件实现leftwindow。

在App.vue中添加一个uni-view组件，设置其position为fixed，将其置于页面左侧。

<template>
  <div>
    <uni-view class="left-window" position="fixed" top="50px" bottom="0" left="0">
      <!-- left window content -->
    </uni-view>
    <uni-view class="right-window" position="fixed" top="50px" bottom="0" right="0">
      <!-- right window content -->
    </uni-view>
    <router-view></router-view>
  </div>
</template>

<style lang="scss">
  .left-window {
    width: 200px;
    background-color: #f5f5f5;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  }

  .right-window {
    width: 300px;
    background-color: #ffffff;
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
  }
</style>

需要注意的是，leftwindow和rightwindow的样式需要分别设置不同的宽度和阴影方向。