最小宽度 协作空间头部样式调整 index不显示左侧事件

public/static/css/main.css

@@ -7409,21 +7409,20 @@ button.yiyuntitle.myFolderName{
     padding: 0;
 }
 button.yiyuntitle.nowFolderName{
+	white-space: nowrap;
+	text-overflow: ellipsis;
 	font-size: 20px;
 	border-radius: 4px;
 	background-color: rgba(255, 255, 255, 1);
 	/* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); */
 	text-align: center;
-	line-height: 37px;
-	padding: 0 10px;
+	/* line-height: 37px; */
+	padding: 4px 10px 5px;
 	border: 0;
 	font-weight: 400;
 	font-family: PingFang SC;
 	cursor: pointer;
-	margin-right: 11px;
-	position: relative;
-	top: 2px;
-	left: 8px;
+	margin: 0 11px 0 10px;
 }
 .shadowbtn{
 	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
@@ -7452,7 +7451,7 @@ h3.defualth3:hover{
     font-weight: 500;
     font-family: PingFang SC;
     max-width: 122px;
-    padding: 0 14px;
+    padding: 0 8px;
     height: 28px;
     border-radius: 4px;
     background-color: rgba(250, 250, 250, 1);
@@ -7746,7 +7745,7 @@ li.secondMenu ul li:hover {
 }
 .anniuweizhi{
 	position: absolute;
-    left: -30px;
+    left: -8px;
 	top: 14px;
 }
 .workbtn:hover{
@@ -7770,8 +7769,8 @@ li.secondMenu ul li:hover {
 	transform: rotate(90deg);
 }
 .workderct{
-    position: relative;
-    top: 5px;
+    /* position: relative;
+    top: 5px; */
     margin-left: 10px;
     /* margin-top: 15px; */
 }
@@ -7803,8 +7802,8 @@ li.secondMenu ul li:hover {
 	margin: 0 8px;
 }
 .curbtn{
-	float: left;
-    margin-top: 7px;
+	/* float: left; */
+    /* margin-top: 7px; */
 }
 .currworkbutton{
 	border: 1.5px solid rgba(140, 0, 255, 1);

src/views/main_web/index/index.vue

@@ -33,12 +33,12 @@
     <div class="layout_content">
       <section class="yiyun_warpContent">
         <div class="yiyun-rows mt-20" id="new">
-          <div class="yiyun-col-4">
+          <div class="yiyun-col-4 timer-part">
             <div class="yiyun_row" style="width: 95%;">
-              <timer :cnName="cnName"></timer>
+              <timer :cnName="cnName"/>
             </div>
           </div>
-          <div class="yiyun-col-4">
+          <div class="yiyun-col-4 adjust-position">
             <div class="yiyun_row">
               <div class="center">
                 <button
@@ -658,4 +658,17 @@ export default {
 .icon-icon_huishouzhan {
   line-height: inherit;
 }
+</style>
+
+<style lang="scss">
+  @media(max-width:600px) {
+    .timer-part {
+      display: none;
+    }
+    .adjust-position {
+      width: 100% !important;
+      margin: 0 auto;
+    }
+  }
+
 </style>

src/views/main_web/workspace/components/workLine.vue

@@ -175,9 +175,9 @@
       <div class="yiyun_warpContent">
         <div class="yiyun-rows overflowinit">
           <!-- 我的文件title -->
-          <div :class="'yiyun_file_box  bgwirte'">
+          <div :class="'yiyun_file_box'">
             <div class="yiyun_Headtitle_center">
-              <div class="yiyun-col-8 worktitlebox overflowinit" :style="'margin-left:-13px'"> 
+              <div class="use-flex2 worktitlebox overflowinit" :style="'margin-left:-13px'"> 
                 <i
                   class="icon iconfont icon_small-icon_small_shouqi workbtn anniuweizhi rota180 drakbg"
                   v-show="
@@ -194,7 +194,7 @@
                 >
                   {{ nowFolderName }}
                 </button>
-                <div class="worklinkBtngroup">
+                <div class="worklinkBtngroup use-flex2">
                   <template v-for="(currFolder, index) in listUserFolders">
                     <button
                       type="button"
@@ -412,3 +412,11 @@ export default {
 </script>
 
 
+<style scoped>
+  .use-flex2 {
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    max-height: 54px;
+  }
+</style>