uniapp的vue3版本能用colorUI的自定义导航栏吗？

可以用的吧，
main.js里面
import Vue from 'vue'
import App from './App'
import colorUI from 'colorui-uni-app'

Vue.use(colorUI)

uni.getSystemInfo({
success: function(e) {
// #ifndef MP
Vue.prototype.StatusBar = e.statusBarHeight;
if (e.platform == 'android') {
Vue.prototype.CustomBar = e.statusBarHeight + 50;
} else {
Vue.prototype.CustomBar = e.statusBarHeight + 45;
};
// #endif

                // #ifdef MP-WEIXIN  
                Vue.prototype.StatusBar = e.statusBarHeight;  
                let custom = wx.getMenuButtonBoundingClientRect();  
                Vue.prototype.Custom = custom;  
                Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;  
                // #endif         

                // #ifdef MP-ALIPAY  
                Vue.prototype.StatusBar = e.statusBarHeight;  
                Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;  
                // #endif  
            }  
        })

在vue.app没办法用这个，是不支持吗？

识别不了import Vue from 'vue'

Browserslist: caniuse-lite is outdated. Please run:
14:47:19.484 npx browserslist@latest --update-db
14:47:19.487 Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
14:47:21.700 Error when using sourcemap for reporting an error: Can't resolve original location of error.
14:47:21.701 'default' is not exported by node_modules\@dcloudio\uni-mp-vue\dist\vue.runtime.esm.js, imported by ..........\ideaWorkData\uniapp_wyoa_sjsjfx\App.vue
14:47:21.705 at App.vue:4:7
14:47:21.706 2:
14:47:21.709 3:
14:47:21.711 4: import Vue from 'vue'
14:47:21.714 ^
14:47:21.714 5: const _sfc_main = {
14:47:21.719 6: onLaunch: function() {

源码
<script>
import Vue from 'vue'
export default {
onLaunch: function() {
uni.getSystemInfo({
success: function(e) {
// #ifndef MP
Vue.prototype.StatusBar = e.statusBarHeight;
if (e.platform == 'android') {
Vue.prototype.CustomBar = e.statusBarHeight + 50;
} else {
Vue.prototype.CustomBar = e.statusBarHeight + 45;
};
// #endif

      // #ifdef MP-WEIXIN  
      Vue.prototype.StatusBar = e.statusBarHeight;  
      let custom = wx.getMenuButtonBoundingClientRect();  
      Vue.prototype.Custom = custom;  
      Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;  
      // #endif  

      // #ifdef MP-ALIPAY  
      Vue.prototype.StatusBar = e.statusBarHeight;  
      Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;  
      // #endif  
    }  
  })  

},  
    onShow: function() {  
        console.log('App Show')  
    },  
    onHide: function() {  
        console.log('App Hide')  
    }  
}  

</script>

<style lang="scss">
@import "@/colorui/main.css";
@import "@/colorui/icon.css";
/每个页面公共css /
@import '@/uni_modules/uni-scss/index.scss';
/ #ifndef APP-NVUE /
@import '@/static/customicons.css';
// 设置整个项目的背景色
page {
background-color: #f5f5f5;
}

/* #endif */  
.example-info {  
    font-size: 14px;  
    color: #333;  
    padding: 10px;  
}  

</style>