瀏覽代碼

调整平板弹窗位置

cxmo 2 年之前
父節點
當前提交
f5b97f7e43

+ 6 - 1
src/views/chartETA/List.vue

@@ -373,7 +373,7 @@ getChartList()
             </div>
         </van-dialog>
         <!-- 移动分类 弹窗-->
-        <van-popup v-model:show="moveClassState.isShowPopup" round position="bottom">
+        <van-popup v-model:show="moveClassState.isShowPopup" round :position="width>650?'center':'bottom'" class="move-popup">
             <van-picker
                 title="移动至"
                 :columns="catalogNodes"
@@ -386,6 +386,7 @@ getChartList()
         <AddChartToMyETA 
             :isShowDialog="addChartState.isShowDialog"
             :chartInfo="addChartState.chartInfo"
+            :dialogPosition="width>650?'center':'bottom'"
             @close="addChartState.isShowDialog=false"
         />
         <!-- 移动/另存为图表 弹窗 -->
@@ -394,6 +395,7 @@ getChartList()
             :popTitle="moveChartState.popTitle"
             :catalogNodes="moveChartState.catalogNodes"
             :chartInfo="moveChartState.chartInfo"
+            :dialogPosition="width>650?'center':'bottom'"
             @close="moveChartState.isShowDialog=false"
             @confirmMove="MoveChart"
         />
@@ -422,6 +424,9 @@ getChartList()
         .catalog-list-wrap{
             width: 30%;
         }
+        .move-popup{
+            width:375px;
+        }
         .rename-wrap{
             padding:24px;
             input{

+ 1 - 0
src/views/chartETA/components/AddChartToMyETA.vue

@@ -183,6 +183,7 @@ function handleConfirmEditClassify(){
         height:16px;
     }
     @media screen and (min-width:$media-width){
+        width: 375px;
         .top-box{
             padding:16px;
             .title{

+ 3 - 0
src/views/chartETA/components/CatalogTree.vue

@@ -59,6 +59,9 @@ function handleCatalogItemClick(item,type,node){
         .van-collapse-item{
             >.van-cell{
                 flex-direction: row-reverse;
+                .van-cell__title{
+                    overflow: hidden;
+                }
             }
             .van-collapse-item__wrapper{
                 .van-collapse-item__content{

+ 1 - 0
src/views/chartETA/components/TreeSelectPop.vue

@@ -104,6 +104,7 @@ function handleConfirmMove(){
         }
     }
     @media screen and (min-width:$media-width){
+        width:375px;
         .head-box,.bot-btn-box{
             padding:16px;
             font-size: 18px;