Browse Source

修改点击区

jwyu 2 years ago
parent
commit
3fd6003d4e

+ 23 - 6
src/views/ppt/components/MobileClassifyWrap.vue

@@ -63,7 +63,9 @@ function goMobileSearch(){
                             <div class="title-second">
                             <div class="title-second">
                                 <img src="@/assets/imgs/ppt/ppt_icon_file.png" alt="">
                                 <img src="@/assets/imgs/ppt/ppt_icon_file.png" alt="">
                                 <span class="van-ellipsis">{{item.GroupName}}</span>
                                 <span class="van-ellipsis">{{item.GroupName}}</span>
-                                <img @click.stop="handleShowFileOpt(item)" class="menu-icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                                <div @click.stop="handleShowFileOpt(item)" class="menu-icon">
+                                    <img class="icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                                </div>
                             </div>
                             </div>
                         </template>
                         </template>
                         <div 
                         <div 
@@ -73,7 +75,9 @@ function goMobileSearch(){
                             @click.stop="goPPTDetail(_item)"
                             @click.stop="goPPTDetail(_item)"
                         >
                         >
                             <span class="van-ellipsis text">{{ _item.Title }}</span>
                             <span class="van-ellipsis text">{{ _item.Title }}</span>
-                            <img @click.stop="handleShowPPTOpt(_item)" class="menu-icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                            <div @click.stop="handleShowPPTOpt(_item)" class="menu-icon">
+                                <img class="icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                            </div>
                         </div>
                         </div>
                     </van-collapse-item>
                     </van-collapse-item>
                 </van-collapse>
                 </van-collapse>
@@ -102,7 +106,9 @@ function goMobileSearch(){
                             @click.stop="goPPTDetail(_item)"
                             @click.stop="goPPTDetail(_item)"
                         >
                         >
                             <span class="van-ellipsis text">{{ _item.Title }}</span>
                             <span class="van-ellipsis text">{{ _item.Title }}</span>
-                            <img @click.stop="handleShowPPTOpt(_item,true)" class="menu-icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                            <div @click.stop="handleShowPPTOpt(_item,true)" class="menu-icon">
+                                <img class="icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                            </div>
                         </div>
                         </div>
                     </van-collapse-item>
                     </van-collapse-item>
                 </van-collapse>
                 </van-collapse>
@@ -264,10 +270,15 @@ function goMobileSearch(){
             font-size: 30px;
             font-size: 30px;
         }
         }
         .menu-icon{
         .menu-icon{
-            width: 4px;
+            width: 30px;
             position: absolute;
             position: absolute;
             right: 0;
             right: 0;
             margin-right: 0;
             margin-right: 0;
+            text-align: center;
+            .icon{
+                width: 4px;
+                margin-right: 0;
+            }
         }
         }
     }
     }
     .ppt-item{
     .ppt-item{
@@ -284,10 +295,16 @@ function goMobileSearch(){
             font-size: 30px;
             font-size: 30px;
         }
         }
         .menu-icon{
         .menu-icon{
-            width: 4px;
+            width: 30px;
             position: absolute;
             position: absolute;
             right: 0;
             right: 0;
-            top: 40px;
+            margin-right: 0;
+            text-align: center;
+            bottom: 10px;
+            .icon{
+                width: 4px;
+                margin-right: 0;
+            }
         }
         }
     }
     }
 }
 }

+ 20 - 6
src/views/ppt/components/PadPPTIndexWrap.vue

@@ -90,7 +90,9 @@ function goMobileSearch(){
                                 <div @click.stop="handleShowFileOpt(item)">
                                 <div @click.stop="handleShowFileOpt(item)">
                                     <van-popover position="bottom-start">
                                     <van-popover position="bottom-start">
                                         <template #reference>
                                         <template #reference>
-                                            <img class="menu-icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                                            <div class="menu-icon">
+                                                <img class="icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                                            </div>
                                         </template>
                                         </template>
                                         <div class="pad-classify-file-opt-box">
                                         <div class="pad-classify-file-opt-box">
                                             <div class="item" @click="handlePPTCatalogueCopy">
                                             <div class="item" @click="handlePPTCatalogueCopy">
@@ -137,7 +139,9 @@ function goMobileSearch(){
                             <div @click.stop="handleShowPPTOpt(_item)">
                             <div @click.stop="handleShowPPTOpt(_item)">
                                 <van-popover position="bottom-start">
                                 <van-popover position="bottom-start">
                                     <template #reference>
                                     <template #reference>
-                                        <img class="menu-icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                                        <div class="menu-icon">
+                                            <img class="icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                                        </div>
                                     </template>
                                     </template>
                                     <div class="pad-classify-file-opt-box">
                                     <div class="pad-classify-file-opt-box">
                                         <div class="item" @click="handleShowPPTCopy">
                                         <div class="item" @click="handleShowPPTCopy">
@@ -180,7 +184,9 @@ function goMobileSearch(){
                             <div @click.stop="handleShowPPTOpt(_item)">
                             <div @click.stop="handleShowPPTOpt(_item)">
                                 <van-popover position="bottom-start">
                                 <van-popover position="bottom-start">
                                     <template #reference>
                                     <template #reference>
-                                        <img class="menu-icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                                        <div class="menu-icon">
+                                            <img class="icon" src="@/assets/imgs/ppt/ppt_icon_menu.png" alt="">
+                                        </div>
                                     </template>
                                     </template>
                                     <div class="pad-classify-file-opt-box">
                                     <div class="pad-classify-file-opt-box">
                                         <div class="item" @click="handleShowPPTCopy">
                                         <div class="item" @click="handleShowPPTCopy">
@@ -339,11 +345,15 @@ function goMobileSearch(){
                     font-size: 16px;
                     font-size: 16px;
                 }
                 }
                 .menu-icon{
                 .menu-icon{
-                    width: 3px;
+                    width: 15px;
                     position: absolute;
                     position: absolute;
                     right: 0;
                     right: 0;
-                    margin-right: 0;
                     top: 5px;
                     top: 5px;
+                    text-align: center;
+                    .icon{
+                        width: 3px;
+                        margin-right: 0;
+                    }
                 }
                 }
             }
             }
             .ppt-item{
             .ppt-item{
@@ -360,10 +370,14 @@ function goMobileSearch(){
                     display: block;
                     display: block;
                 }
                 }
                 .menu-icon{
                 .menu-icon{
-                    width: 3px;
+                    width: 15px;
                     position: absolute;
                     position: absolute;
                     right: 0;
                     right: 0;
                     top: 20px;
                     top: 20px;
+                    text-align: center;
+                    .icon{
+                        width: 3px;
+                    }
                 }
                 }
                 .share-icon{
                 .share-icon{
                     width: 16px;
                     width: 16px;