liaotian/pages/index/launch.vue

<template>
    <view class="content">
        <image src="../../static/img/banner1.png" mode="widthFix" />
        <view class="img-skip" @tap="goindex()" v-if="showtime">
            跳过{{time}}

        </view>
        <!-- <view class="modalhtml" v-if="showModal">
            <view class="modal">
                <view class="title">
                    个人信息保护指南
                </view>
                <view class="content">
                    请充分阅读并理解<br> 《<view class="rule" @tap="go_rule(0)">用户协议</view>》及《<view class="rule"
                        @tap="go_rule(1)">隐私条款</view>》<br>
                    <view>
                        1.在您使用本应用时，我们可能会申请系统设备权限收集设备信息、日志信息，用于推送和安全风控，并申请存储权限，用于下载及缓存相关文件<br>
                        2.您使用发布视频、语音、图片等功能时候，我们会请求您授权相机、照片、麦克风的权限。您如果拒绝授权提供，将无法使用此功能，但不影响您使用本应用的其他功能。 <br>
                        3.在您使用本应用网络服务，本应用自动接收并记录您的设备信息，包括但不限于您的IP地址、使用的语言、访问日期和时间、软硬件特征信息等数据；
                    </view>
                </view>
                <view class="btns" style="display: flex;">
                    <view class="" @tap="jujue()">
                        不同意
                    </view>
                    <view class="" @tap="readrule()">
                        同意并继续
                    </view>
                </view>

            </view>

        </view> -->
    </view>
</template>

<script>
    export default {
        data() {
            return {
                time: 5,
                timer: null,
                showtime: false,
                showModal: false,
            }
        },
        methods: {
            readrule() {
                try {
                    uni.setStorageSync('readrule', 1);
                    this.showModal = false;
                    this.goindex()
                } catch (e) {
                    console.log(e, 'eeee');
                }

            },
            go_rule(type) {
                console.log(type)
                uni.navigateTo({
                    url: '/pages/login/rule?type=' + type
                })
            },
            jujue() {

                if (uni.getSystemInfoSync().platform === 'ios') {
                    plus.runtime.launchApplication({
                        action: 'QUIT'
                    });
                } else {
                    plus.runtime.quit();
                }

            },
            daojishi() {
                var that = this
                this.timer = setInterval(function() {
                    that.time--;
                    if (that.time <= 0) {
                        clearInterval(that.timer);
                        // that.goindex();

                    }
                }, 1000)
            },
            goindex() {
                clearInterval(this.timer);



                var userid = uni.getStorageSync('access_token');
                if (userid > 0) {
                    uni.reLaunch({
                        url: '/pages/index/index'
                    })

                } else {
                    uni.reLaunch({
                        url: '/pages/login/index'
                    })
                }


            }

        },
        onLoad() {
            // #ifdef APP-PLUS
            this.$action.bindcid();
            if (!uni.getStorageSync('readrule')) {
                this.showModal = true;
            } else {
                // uni.removeStorageSync('readrule')
                this.goindex()
            }
            console.log(this.showModal, 'this.showModal');
            // #endif
            // this.goindex()
        },
        onShow() {
            this.$action.init();
            this.goindex();
            // #ifdef APP-PLUS
            var that = this;

            plus.runtime.getProperty(plus.runtime.appid, function(info) {

                if (uni.getStorageSync('app_version') == info.version) {

                    that.goindex();
                } else {
                    that.showtime = true;
                    that.daojishi();
                    uni.setStorageSync('app_version', info.version);

                    if (uni.getStorageSync('access_token')) {
                        uni.setStorageSync('shownote', true);
                    }
                }

            });

            // #endif
            // #ifndef APP-PLUS
            this.goindex()

            // #endif

        },

    }
</script>

<style lang="scss" scoped>
    @import '../../static/css/uni.css';

    .rule {
        color: #2da2fd;
        display: inline-block;
    }

    .img-skip {
        position: absolute;
        width: 60px;
        height: 30px;
        padding: 5px 5px;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
        border-radius: 5px;
        z-index: 100;
        top: 30px;
        right: 10px;
        ;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
    }

    .img-skip>.title {
        color: #666;
        height: 18px;
    }

    .img-skip>.title2 {
        color: #999;
        height: 18px;
    }

    .content,
    ,
    image {
        overflow: hidden;
        width: 100vw;
        vertical-align: middle;
    }

    .modalhtml {
        position: fixed;
        z-index: 999;
        top: 0px;
        width: 100%;
        left: 0px;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .modalhtml .modal {
        background-color: #fff;
        border-radius: 10px;
        ;
        top: 30vh;
        width: 80vw;
        left: 10vw;
        position: fixed;
        border: 1px #ddd solid;
    }

    .modalhtml .modal .title {
        text-align: center;
        height: 35px;
        line-height: 35px;
        color: #000;
        font-size: 16px;
        font-weight: 600;
        margin-top: 5px;
    }

    .modalhtml .modal .content {
        padding: 5px 10px;
        max-height: 160px;
        min-height: 65px;
        line-height: 30px;
        overflow-y: scroll;
        font-size: 14px;
        // color: red;
        width: 90%;
    }

    .modalhtml .modal .btns {
        text-align: center;
        height: 35px;
        line-height: 35px;
        color: #000;
        font-size: 16px;
        font-weight: 600;
        border-top: #eee 1px solid;
        width: 100%;

        view {
            flex-grow: 1;
            width: 50%;
        }
    }

    .notehtml {
        position: fixed;
        z-index: 999;
        top: 0px;
        width: 100%;
        left: 0px;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.7);
    }
</style>