浏览代码

首页应用按钮可点击范围修改

zhongxiaoyu 3 年之前
父节点
当前提交
f87dc943c2
共有 1 个文件被更改,包括 30 次插入20 次删除
  1. 30 20
      src/views/dashboard/index.vue

+ 30 - 20
src/views/dashboard/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-14 17:17:53
- * @LastEditTime: 2022-03-30 17:16:15
+ * @LastEditTime: 2022-04-01 10:59:05
  * @LastEditors: your name
  * @Description: In User Settings Edit
  * @FilePath: \Foshan4A\src\views\dashboard\index.vue
@@ -17,9 +17,10 @@
       >
         <template v-if="item.params.length > 1">
           <el-dropdown
-            placement="bottom-start"
+            placement="bottom"
             trigger="click"
             @command="handleCommand"
+            class="fl-list-button"
           >
             <div class="flex">
               <div class="fl-list-img">
@@ -49,7 +50,7 @@
         </template>
         <template v-else>
           <div
-            class="flex"
+            class="flex fl-list-button"
             @click="toApp(item)"
           >
             <div class="fl-list-img">
@@ -478,7 +479,6 @@ export default {
   padding-top: 32px;
   .tu-fl {
     .fl-list {
-      padding: 24px;
       min-width: 240px;
       height: 88px;
       background: #fff;
@@ -487,23 +487,33 @@ export default {
       box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.06);
       border-radius: 16px;
       margin-bottom: 24px;
-      .fl-list-img {
-        width: 40px;
-        height: 40px;
-        overflow: hidden;
-        img {
-          max-width: 100%;
-          width: 100%;
-          height: 100%;
+      .fl-list-button {
+        padding: 24px;
+        width: 100%;
+        &.el-dropdown {
+          padding: 0;
+          > .el-dropdown-selfdefine {
+            padding: 24px;
+          }
+        }
+        .fl-list-img {
+          width: 40px;
+          height: 40px;
+          overflow: hidden;
+          img {
+            max-width: 100%;
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .fl-list-title {
+          font-size: 16px;
+          font-family: Microsoft YaHei;
+          font-weight: bold;
+          color: #303133;
+          line-height: 40px;
+          margin-left: 16px;
         }
-      }
-      .fl-list-title {
-        font-size: 16px;
-        font-family: Microsoft YaHei;
-        font-weight: bold;
-        color: #303133;
-        line-height: 40px;
-        margin-left: 16px;
       }
       &:last-child {
         margin-right: 0;