温情页设计思想

Posted 2021-03-15 fishness

我使用浏览器缓存local storage做设计。

设计时候我们本应该第一步进入首页，但我们就进行一个设计转换，我们先进一个临时页面。

    第一步：判断local storage是否有我们特定设计的缓存，叫launchFlag吧！

    第二步：我们可以进行一个判断跳转，有我们就去首页，没有我们就去温情页。

　第三步：这是假设进入了温情页的一步，我们点击下一步或者跳过时候即可将launchFlag放进local storage中。

拓展：如设计每次进入都显示广告，可以在进入临时页面时候，清楚local storage中的launchFlag，那就可以每次都进入广告页。

附上一个uniapp的案例

<template>
    <view class="content"></view>
</template>

<script>
export default {
    onLoad() {
        this.checkGuide();
        console.log( "onLoad" )
    },

    methods: {
        checkGuide() {
            // 思路： 检测是否有启动缓存，如果没有，就是第一次启动，第一次启动就去 启动介绍页面
			try{
				uni.clearStorage(); //清除缓存，如广告或者调式时候可以开启即可每次启动都为温情页
				
				const launchFlag = uni.getStorageSync(‘launchFlag‘); 
				
				if (launchFlag) {
				    uni.switchTab({
				        url: ‘/pages/index/index‘
				    });
				} else {
				    uni.redirectTo({
				        url: ‘/pages/guide/list‘
				    });
				}
			}catch(e){
				uni.setStorage({
					key: ‘launchFlag‘, 
					data: true, 
					success: function () {
						console.log(‘error时跳过‘);
					} 
				}); 
				uni.redirectTo({ 
					url: ‘/pages/index/index‘ ,
				});
			}
            
        }
    }
};
</script>

<style></style>