+压窗屏

liuyg

2022-03-18 b0ceecaa861a5748182824cf937fb103c9bbdc8a

+压窗屏

 pages.json

@@ -656,26 +656,34 @@
                "enablePullDownRefresh": false
            }

        }
        ,{
        }, {
            "path" : "pages/grabOrders/taskCount/taskCount",
            "style" :                                                                                    
            {
            "style": {
                "navigationBarTitleText": "查任务",
                "navigationBarBackgroundColor": "#103289",
                "navigationBarTextStyle": "white"
            }
            
        }
        ,{
        }, {
            "path" : "pages/grabOrders/personnelCount/personnelCount",
            "style" :                                                                                    
            {
            "style": {
                "navigationBarTitleText": "人员统计",
                "navigationBarBackgroundColor": "#103289",
                "navigationBarTextStyle": "white"
            }
            
        },
        {//压窗屏--就是一个普通的页面，去掉头尾和去掉左滑返回的透明页面
            "path": "uview-ui/components/u-full-screen/u-full-screen",
            "style": {
                "navigationStyle": "custom", // 取消本页面的导航栏
                "app-plus": {
                    "animationType": "fade-in", // 设置fade-in淡入动画，为最合理的动画类型
                    "background": "transparent", // 背景透明
                    "backgroundColor": "rgba(0,0,0,0)", // 背景透明
                    "popGesture": "none" // 关闭IOS屏幕左边滑动关闭当前页面的功能
                }
            }
        }
    ],
    "globalStyle": { //将组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。可以不用引用、注册，直接在页面中使用。

 pages/home/home.vue

@@ -18,8 +18,8 @@
            <!-- <button type="default" class="buts">点击进入</button> -->
        </u-popup>
        <!-- <u-button @click="">打开</u-button>
        <u-button @click="ccc">打开</u-button>
        <u-button @click="aaa(0)">播放</u-button>
        <u-button @click="ccc">打开</u-button> -->
        <!--<u-button @click="aaa(0)">播放</u-button>
        <u-button @click="bbb(0)">暂停</u-button>
        <u-button @click="ddd(0)">结束</u-button>
        <u-button @click="eee(0)">销毁</u-button>
@@ -254,6 +254,16 @@
            }
        },
        methods: {
            ccc() {
                let content = `
                    1. 修复badge组件的size参数无效问题<br>
                    2. 新增Modal模态框组件<br>
                    3. 新增压窗屏组件，可以在APP上以弹窗的形式遮盖导航栏和底部tabbar<br>
                    4. 修复键盘组件在微信小程序上遮罩无效的问题
                `;
                this.$u.route("/uview-ui/components/u-full-screen/u-full-screen?content=" + content +
                    "&src=1345678");
            },
            aaa(i) {
                let key = i == 1 ? 'keke' : 'song1';
                this.$store.commit("controlAudio", {

 store/lid/myAudio.js

@@ -31,7 +31,7 @@
        // doit();
    }
    $play(src) {
        console.log(this.state)
        // console.log(this.state)
        if (this.state == '2') {
            //之前有播放 需要先清除
            this.Audio.destroy();

 uview-ui/components/u-full-screen/u-full-screen.vue

@@ -1,5 +1,6 @@
<template>
    <u-modal v-model="show" :show-cancel-button="true" confirm-text="升级" title="发现新版本" @cancel="cancel" @confirm="confirm">
    <u-modal v-model="show" :show-cancel-button="true" confirm-text="升级" title="发现新版本" @cancel="cancel"
        @confirm="confirm">
        <view class="u-update-content">
            <rich-text :nodes="content"></rich-text>
        </view>
@@ -17,7 +18,12 @@
                    3. 新增压窗屏组件，可以在APP上以弹窗的形式遮盖导航栏和底部tabbar<br>
                    4. 修复键盘组件在微信小程序上遮罩无效的问题
                `,
                src: '',
            }
        },
        onLoad(option) {
            this.content = option.content;
            this.src = option.src;
        },
        onReady() {
            this.show = true;
@@ -28,6 +34,7 @@
            },
            confirm() {
                this.closeModal();
                console.log(this.src)
            },
            closeModal() {
                uni.navigateBack();