wip(Layout): Layout developing

src/layout/Layout.vue

@@ -4,6 +4,11 @@ import { useTagsViewStore } from '@/store/modules/tagsView'
 import { useAppStore } from '@/store/modules/app'
 import { Menu } from '@/components/Menu'
 import { useDesign } from '@/hooks/web/useDesign'
+import { Collapse } from '@/components/Collapse'
+import { LocaleDropdown } from '@/components/LocaleDropdown'
+import { SizeDropdown } from '@/components/SizeDropdown'
+import { UserInfo } from '@/components/UserInfo'
+import { Screenfull } from '@/components/Screenfull'
 // import { TagsView } from '@/components/TagsView'
 
 const tagsViewStore = useTagsViewStore()
@@ -43,10 +48,18 @@ export default defineComponent({
           <div
             class={[
               `${perFixCls}-right__tool`,
-              'h-[var(--top-tool-height)] relative px-[var(--top-tool-p-x)] flex items-center'
+              'h-[var(--top-tool-height)] relative px-[var(--top-tool-p-x)] flex items-center justify-between'
             ]}
           >
-            ssss
+            <div class="h-full flex items-center">
+              <Collapse class="header__tigger"></Collapse>
+            </div>
+            <div class="h-full flex items-center">
+              <Screenfull class="header__tigger"></Screenfull>
+              <SizeDropdown class="header__tigger"></SizeDropdown>
+              <LocaleDropdown class="header__tigger"></LocaleDropdown>
+              <UserInfo class="header__tigger"></UserInfo>
+            </div>
           </div>
           <router-view>
             {{
@@ -67,8 +80,23 @@ export default defineComponent({
 <style lang="less" scoped>
 @prefix-cls: ~'@{namespace}-app';
 
+.header__tigger {
+  display: flex;
+  height: 100%;
+  padding: 1px 10px 0;
+  cursor: pointer;
+  align-items: center;
+  transition: background var(--transition-time-02);
+
+  &:hover {
+    background-color: #f6f6f6;
+  }
+}
+
 .@{prefix-cls} {
   &-right {
+    transition: left var(--transition-time-02);
+
     &__tool {
       &::after {
         position: absolute;