样式调整

src/views/main_web/index/index.vue

@@ -59,49 +59,13 @@
     </app-header>
     <!-- 首页 项目列表页内容 -->
     <div class="layout_content">
-      <section class="yiyun_warpContent">
-        <div
-          class="yiyun-rows mt-20"
-          id="new"
-        >
-          <div class="yiyun-col-4 timer-part">
-            <div
-              class="yiyun_row"
-              style="width: 95%;"
-            >
-              <timer :cnName="cnName" />
-            </div>
-          </div>
-          <!-- <div class="yiyun-col-4 adjust-position">
-            <div class="yiyun_row">
-              <div class="center">
-                <button
-                  class="yiyun_btn_new"
-                  id="buttonbtn"
-                  @click.stop="createNewProjectClick"
-                  v-if="isUserPerm"
-                >新建项目</button>
-              </div>
-            </div>
-          </div> -->
-          <div class="yiyun-col-4">
-            <div class="yiyun_row">
-              <!-- 右侧操作栏 -->
-              <div class="section_item fr section_item_aside_fr">
-                <!-- <button class="yiyun_btn_new" id="buttonbtn" @click="showNewProj" v-if="isUserPerm">
-                  新建项目
-                </button>-->
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          style="margin-left: 50%;margin-top: 25%;"
-          v-if="noProjTip"
-        >
-          <h1>空空如也</h1>
-        </div>
-      </section>
+      <timer :cnName="cnName" style="padding-left: 64px; margin-top: 10px" />
+      <div
+        style="margin-left: 50%;margin-top: 25%;"
+        v-if="noProjTip"
+      >
+        <h1>空空如也</h1>
+      </div>
       <button
         class="yiyun_btn_new new-btn-margin"
         id="buttonbtn"

src/views/main_web/proj-item.vue

@@ -215,7 +215,7 @@ export default {
   &_content {
     position: relative;
     width: 100%;
-    height: 245px;
+    height: 193px;
     background-color: #fff;
     overflow: hidden;
     border-top-left-radius: 16px;
@@ -230,7 +230,7 @@ export default {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  min-height: 245px;
+  min-height: 193px;
 
   // height: 100%;
   cursor: pointer;

src/views/main_web/proj-list.vue

@@ -1,42 +1,37 @@
 <template>
   <div>
-    <section class="yiyun_warpContent">
+    <section>
       <div
-        class="yiyun-rows"
-        id="alone"
+        v-show="isEmpty"
+        class="nullproduct"
       >
-        <div
-          v-show="isEmpty"
-          class="nullproduct"
-        >
-          <img
-            src="static\img\nopro.png"
-            alt
-          />
-          <span class="noprotext">暂无项目</span>
-        </div>
-        <div class="prjitemList">
-          <el-row :gutter="64">
-            <el-col
-              :xs="24"
-              :sm="12"
-              :md="12"
-              :lg="8"
-              :xl="6"
-              v-for="(projItem, index) in projList"
-              :key="projItem.Id"
-            >
-              <proj-item
-                :projItem="projItem"
-                @lookProjDetailClick="lookProjDetailClick(projItem)"
-                @watchAllBtnClick="watchAllBtnClick(projItem, index)"
-                @on-remove="onRemoveProject"
-                @check-parent-project="checkParentProject"
-                :isUserPerm="isUserPerm"
-              />
-            </el-col>
-          </el-row>
-        </div>
+        <img
+          src="static\img\nopro.png"
+          alt
+        />
+        <span class="noprotext">暂无项目</span>
+      </div>
+      <div class="prjitemList">
+        <el-row :gutter="64">
+          <el-col
+            :xs="24"
+            :sm="12"
+            :md="8"
+            :lg="6"
+            :xl="6"
+            v-for="(projItem, index) in projList"
+            :key="projItem.Id"
+          >
+            <proj-item
+              :projItem="projItem"
+              @lookProjDetailClick="lookProjDetailClick(projItem)"
+              @watchAllBtnClick="watchAllBtnClick(projItem, index)"
+              @on-remove="onRemoveProject"
+              @check-parent-project="checkParentProject"
+              :isUserPerm="isUserPerm"
+            />
+          </el-col>
+        </el-row>
       </div>
     </section>
 
@@ -84,10 +79,10 @@ export default {
   },
   methods: {
     onRemoveProject(projItem) {
-      this.$emit('on-remove', projItem);
+      this.$emit("on-remove", projItem);
     },
     checkParentProject(projItem) {
-      this.$emit('check-parent-project', projItem)
+      this.$emit("check-parent-project", projItem);
     },
     // 点击了项目管理按钮
     lookProjDetailClick(projItem) {
@@ -117,6 +112,6 @@ export default {
 
 <style lang="scss" scoped>
 .prjitemList {
-  padding: 0 32px;
+  padding: 0 64px;
 }
 </style>