弹窗

components/tabBar/tabBar.vue

@@ -24,12 +24,12 @@
       </li>
     </ul>
     <view @touchmove.stop.prevent="disabledScroll"> </view>
-    <!-- <moduleSelect ref="createModule"></moduleSelect> -->
+    <NewAddedPk class="createModule" ref="createModule"></NewAddedPk>
   </view>
 </template>
 
 <script setup>
-// import moduleSelect from './moduleSelect.vue'
+import NewAddedPk from '../../pages/NewAddedPk/NewAddedPk.vue'
 import { getCurrentInstance, defineProps, onMounted, reactive, ref } from "vue";
 let showMiddleButton = ref(false);
 
@@ -95,11 +95,11 @@ function setTabBar() {
     tabList[middleIndex].middleClass = "mid-button";
   }
 }
-const createModule = ref();
+	const createModule = ref()
 
-function openPopupQuantity() {
-  createModule.value.open();
-}
+	function openPopupQuantity() {
+		createModule.value.open()
+	}
 //组件返回关闭指令
 function closeSuccess() {
   // addSuccess.value.close();
@@ -110,6 +110,12 @@ const disabledScroll = () => {
 };
 //tab点击事件
 function handlePush(item, index) {
+  if (index === 2) {
+			//打开弹窗
+			// addSuccess.value.open();
+			openPopupQuantity()
+			return;
+		}
   if (item.text === "消息") {
     uni.navigateTo({ url: "/TUIKit/components/TUIConversation/index" });
   }else {
@@ -148,7 +154,6 @@ function handlePush(item, index) {
   position: relative;
   position: fixed;
   bottom: 0;
-  // left: 0;
   z-index: 999;
   background-size: contain;
   width: 100vw;
@@ -160,7 +165,13 @@ function handlePush(item, index) {
     padding: 0; //解决偏移
     z-index: 0;
   }
-
+  .createModule{
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    z-index: 998;
+    width: 100vw;
+  }
   .tab-list-default {
     background-color: #ffffff;
     border-top: 1px #dddddd solid;