1

components/cwg-sidebar.vue

@@ -76,19 +76,20 @@
     </view>
     <view class="menu fixed">
       <view
-        class=" menu-item btn-danger btn btn-app-nav btn-danger btn-shadow mb-2 w-100 waves-effect ib-box btn-mode menu-item ib-box"
+        class="menu-item btn-danger btn btn-app-nav btn-danger btn-shadow mb-2 w-100 waves-effect ib-box btn-mode menu-item ib-box"
         @click="setMode('customer')" v-if="mode !== 'customer'">
         <cwg-icon name="crm-trade" :size="20" :color="'#fff'" />
         <view class="menu-label" v-t="'Home.msg.Custom'" />
       </view>
       <view
-        class=" menu-item btn-danger btn btn-app-nav btn-danger btn-shadow mb-2 w-100 waves-effect ib-box btn-mode menu-item ib-box"
+        class="menu-item btn-danger btn btn-app-nav btn-danger btn-shadow mb-2 w-100 waves-effect ib-box btn-mode menu-item ib-box"
         @click="setMode('ib')" v-if="mode !== 'ib' && ibStatus">
         <cwg-icon name="crm-ib" :size="20" :color="'#fff'" />
         <view class="menu-label" v-t="'Home.msg.Ib'" />
       </view>
       <view
-        class=" menu-item btn-danger btn btn-app-nav btn-danger btn-shadow mb-2 w-100 waves-effect ib-box btn-mode menu-item ib-box">
+        class="menu-item btn-danger btn btn-app-nav btn-danger btn-shadow mb-2 w-100 waves-effect ib-box btn-mode menu-item ib-box"
+        @click="setMode('follow')" v-if="mode !== 'follow'">
         <cwg-icon name="crm-gd" :size="20" :color="'#fff'" />
         <view class="menu-label" v-t="'Documentary.title'" />
       </view>

windows/left-window.vue

@@ -6,7 +6,8 @@
           <cwg-icon :name="item.icon" :size="20" :color="!isDark ? '#6c8595' : '#fff'" />
           <view class="menu-label" v-t="item.label" />
           <view class="chevron-icon" :class="{ 'expanded': item.isOpenMenu }">
-            <cwg-icon v-if="item.children && item.children.length" name="crm-chevron-down" :size="20" :color="!isDark ? '#97A1C0' : '#fff' " />
+            <cwg-icon v-if="item.children && item.children.length" name="crm-chevron-down" :size="20"
+              :color="!isDark ? '#97A1C0' : '#fff'" />
           </view>
         </view>
         <view :ref="(el) => setSubmenuRef(index, el)" class="submenu-box" :a="index" :key1="item.path + index" :b="item"
@@ -34,10 +35,13 @@
         <cwg-icon name="crm-gd" :size="20" color="#fff" />
         <view class="menu-label" v-t="'Documentary.title'" />
       </view>
-      <!-- <view class="menu-item btn-danger btn btn-app-nav btn-danger btn-shadow mb-2 w-100 waves-effect zy-box"
-        @click="handleFixedMenuClick" :class="{ 'active': isCollapsed }">
-        <cwg-icon name="crm-zy" :size="20" color="#fff" />
-      </view> -->
+      <view class="menu-item btn-danger btn btn-app-nav btn-danger btn-shadow mb-2 w-100 waves-effect zy-box"
+        @click="handleFixedMenuClick">
+        <view class="zy-icon1" :class="{ 'active': isCollapsed }">
+          <cwg-icon name="crm-zy" :size="20" color="#fff" />
+        </view>
+
+      </view>
     </view>
   </view>
 </template>
@@ -149,6 +153,12 @@ function handleFixedMenuClick() {
     }
   }
 
+  .zy-icon1{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
   .ib-box {
     border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
     border-radius: var(--bs-btn-border-radius);
@@ -165,9 +175,10 @@ function handleFixedMenuClick() {
     }
   }
 
-  .btn-mode{
+  .btn-mode {
     justify-content: center;
-    .menu-label{
+
+    .menu-label {
       flex: none;
     }
   }
@@ -178,7 +189,7 @@ function handleFixedMenuClick() {
     justify-content: center;
   }
 
-  .zy-box.active {
+  .zy-box .active {
     transform: rotate(180deg);
   }