更新

src/views/attend-class/index.module.less

@@ -695,6 +695,20 @@
 .leftHideIcon {
   left: 0;
   transform: translate(-60px);
+  background: url("./image/left_hide_icon.png") no-repeat;
+  background-size: 100% 100%;
+  &:hover{
+    background: url("./image/left_hide_icon_act.png") no-repeat;
+    background-size: 100% 100%;
+  }
+}
+.rightHideIcon{
+  background: url("./image/right_hide_icon.png") no-repeat;
+  background-size: 100% 100%;
+  &:hover{
+    background: url("./image/right_hide_icon_act.png") no-repeat;
+    background-size: 100% 100%;
+  }
 }
 .rightIconShow {
   animation: rightIn 0.3s ease 0.3s;

src/views/attend-class/index.tsx

@@ -1877,14 +1877,13 @@ export default defineComponent({
             </div>
           ))}
         </div>
-        <img
+        <div
           class={[
             styles.rightHideIcon,
             !(columnShow.value && columnPos.value === 'right')
               ? styles.rightIconShow
               : ''
           ]}
-          src={rightHideIcon}
           onClick={() => {
             columnPos.value = 'right';
             columnShow.value = true;
@@ -1938,14 +1937,13 @@ export default defineComponent({
             </div>
           ))}
         </div>
-        <img
+        <div
           class={[
             styles.leftHideIcon,
             !(columnShow.value && columnPos.value === 'left')
               ? styles.leftIconShow
               : ''
           ]}
-          src={leftHideIcon}
           onClick={() => {
             columnPos.value = 'left';
             columnShow.value = true;