talent_map/uniapp/pages/launch/launch.vue

<template>
    <view class="launch-bg" :style="{'background-image': `url(${appConfig.mobile_start_page})`}">
        <!-- <image class="launch-img" mode="widthFix" :src="appConfig.mobile_start_page"></image> -->
        <view class="w-full" style="height: 100%; position: absolute; top: 0">
            <view class="flex-col col-center row-center w-full " style="height: 100%">
                <image src="/static/images/map_bg.png" mode="widthFix" @tap="launchApp('/pages/index/index', 'map')">
                </image>
                <image src="/static/images/policy_bg.png" mode="widthFix" style="margin-top: 100rpx;"
                    @tap="launchApp('/pages/policy/index', 'policy')"></image>
            </view>
        </view>

        <!-- <view class="img-datu">
			<view class="jishi" :style="{ top: (sysInfo.statusBarHeight + 60) + 'px' }">
				<text>跳过</text>
				<text>{{countDownNum}}秒</text>
			</view>
		</view> -->

    </view>

</template>

<script>
    import {
        mapGetters
    } from 'vuex'

    const app = getApp()
    const homeItem = {
        name: '启动页'
    }
    export default {
        data() {
            return {
                countDownNum: 5,
                timer: null,
            }
        },
        onLoad(options) {
            //          console.log('token' + this.appConfig.token)
            // this.timer = setInterval(() => {
            // 	if (this.countDownNum == 0) {
            // 		clearInterval(this.timer)
            // 		this.launchApp()
            // 	} else {
            // 		this.countDownNum = this.countDownNum - 1;
            // 	}
            // }, 1000)
        },
        onUnload() {},
        onShow() {},
        onHide() {},
        methods: {
            launchApp(url, type) {

                // if (this.timer) {
                // 	clearInterval(this.timer)
                // }
                uni.setStorageSync('TABBAR_TYPE', type);
                uni.switchTab({
                    url: url
                })
            },
        },
        computed: {
            ...mapGetters(['sysInfo', 'inviteCode', 'appConfig']),
            // background() {
            //     const {
            //         mobile_start_page
            //     } = this.appConfig
            //     return mobile_start_page ? {
            //         'background-image': `url(${mobile_start_page})`,
            //         'background-size': 'cover'
            //     } : {}
            // },
        }
    }
</script>

<style lang="scss">
    page {
        padding: 0;
        height: 100%;
    }

    .fixed {
        position: fixed;
        top: 660rpx;

        image {
            border-radius: 10px 10px 10px 10px;
        }
    }

    .launch-bg {

        height: 100%;
        background-size: cover;
    }

    .launch-img {
        width: 100%;
    }

    .img-datu .jishi {
        background-color: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 200rpx;
        right: 50rpx;
        border-radius: 50%;
        width: 100rpx;
        height: 100rpx;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .img-datu .jishi text {
        color: #fff;
        font-size: 24rpx;
    }
</style>