5***@qq.com
5***@qq.com
  • 发布:2025-04-27 11:54
  • 更新:2025-04-27 11:56
  • 阅读:81

更新了一下 版本 , uni-transition show=false 直接显示出来了!

分类:uni-app
<template>  
  <view>  
    <uni-transition  
      ref="ani"  
      custom-class="transition"  
      mode-class="fade"  
      :show="show"  
    >  
      <view class="loading-bg full-pgae-fixed"></view  
    ></uni-transition>  

    <uni-transition  
      ref="ani"  
      custom-class="transition"  
      mode-class="fade"  
      :show="show"  
    >  
      <view class="loading-content full-pgae-fixed">  
        <image  
          src="http://www.katuantuan.com/images/loading.gif"  
          style="width: 130rpx; height: 130rpx"  
          :data-show="show"  
        ></image>  
        <view v-if="content" class="tipword">  
          {{ content }}  
        </view>  
      </view>  
    </uni-transition>  
  </view>  
</template>  
<script setup lang="ts">  
defineOptions({  
  options: { virtualHost: true },  
});  

const props = withDefaults(  
  defineProps<{  
    content?: string;  

    show?: boolean;  
  }>(),  
  {  
    content: "",  
    show: false,  
  }  
);  
</script>  
<style lang="scss" scoped>  
.full-pgae-fixed {  
  position: fixed;  
  z-index: 9999;  
  left: 0;  
  top: 0;  
  right: 0;  
  bottom: 0;  
}  
.loading-bg {  
  background-color: rgba(#fff, 0.82);  
  filter: blur(20rpx);  
}  
.loading-content {  
  display: flex;  
  flex-direction: column;  
  align-items: center;  
  justify-content: center;  
  height: 100%;  
}  
.tipword {  
  font-size: 26rpx;  
  padding-top: 10rpx;  
}  
</style>  

<style lang="scss">  
.fade-enter-active,  
.fade-leave-active {  
  transition: opacity 0.5s ease;  
}  

.fade-enter-from,  
.fade-leave-to {  
  opacity: 0;  
}  
</style>  

依赖版本

    "@dcloudio/uni-app": "3.0.0-4050720250324001",  
    "@dcloudio/uni-app-harmony": "3.0.0-4050720250324001",  
    "@dcloudio/uni-app-plus": "3.0.0-4050720250324001",  
    "@dcloudio/uni-components": "3.0.0-4050720250324001",  
    "@dcloudio/uni-h5": "3.0.0-4050720250324001",  
    "@dcloudio/uni-mp-alipay": "3.0.0-4050720250324001",  
    "@dcloudio/uni-mp-baidu": "3.0.0-4050720250324001",  
    "@dcloudio/uni-mp-harmony": "3.0.0-4050720250324001",  
    "@dcloudio/uni-mp-jd": "3.0.0-4050720250324001",  
    "@dcloudio/uni-mp-kuaishou": "3.0.0-4050720250324001",  
    "@dcloudio/uni-mp-lark": "3.0.0-4050720250324001",  
    "@dcloudio/uni-mp-qq": "3.0.0-4050720250324001",  
    "@dcloudio/uni-mp-toutiao": "3.0.0-4050720250324001",  
    "@dcloudio/uni-mp-weixin": "3.0.0-4050720250324001",  
    "@dcloudio/uni-mp-xhs": "3.0.0-4050720250324001",  
    "@dcloudio/uni-quickapp-webview": "3.0.0-4050720250324001",  
    "@dcloudio/uni-ui": "^1.5.7",  
    "big.js": "^6.2.1",  
    "clipboard": "^2.0.11",  
    "dayjs": "^1.11.12",  
    "pinia": "^2.2.2",  
    "vue": "^3.4.21",  
    "vue-i18n": "^9.1.9"

之前用的版本

    "@dcloudio/uni-app": "3.0.0-4020420240722002",  
    "@dcloudio/uni-app-harmony": "3.0.0-4020420240722002",  
    "@dcloudio/uni-app-plus": "3.0.0-4020420240722002",  
    "@dcloudio/uni-components": "3.0.0-4020420240722002",  
    "@dcloudio/uni-h5": "3.0.0-4020420240722002",  
    "@dcloudio/uni-mp-alipay": "3.0.0-4020420240722002",  
    "@dcloudio/uni-mp-baidu": "3.0.0-4020420240722002",  
    "@dcloudio/uni-mp-jd": "3.0.0-4020420240722002",  
    "@dcloudio/uni-mp-kuaishou": "3.0.0-4020420240722002",  
    "@dcloudio/uni-mp-lark": "3.0.0-4020420240722002",  
    "@dcloudio/uni-mp-qq": "3.0.0-4020420240722002",  
    "@dcloudio/uni-mp-toutiao": "3.0.0-4020420240722002",  
    "@dcloudio/uni-mp-weixin": "3.0.0-4020420240722002",  
    "@dcloudio/uni-mp-xhs": "3.0.0-4020420240722002",  
    "@dcloudio/uni-quickapp-webview": "3.0.0-4020420240722002",  
    "@dcloudio/uni-ui": "^1.5.6",  
    "big.js": "^6.2.1",  
    "clipboard": "^2.0.11",  
    "dayjs": "^1.11.12",  
    "pinia": "^2.2.2",  
    "vue": "^3.4.21",  
    "vue-i18n": "^9.1.9"

哪位大佬帮忙看看! 咋回事呢,

2025-04-27 11:54 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com (作者)

补充一下 是 微信小程序 环境下, 上一个版本还是 OK 的!

我看到终端提示升级版本, 升级后就不行了!

  • 恭喜n发财

    可以试试uni-ui": "1.5.6", 使用这个版本,

    2025-04-27 12:04

  • 5***@qq.com (作者)

    回复 恭喜n发财: 试了没用, 这玩意bug太多了, 放弃了, 回退上一个版本了!

    2025-04-27 13:28

要回复问题请先登录注册