码迷,mamicode.com
首页 > 其他好文 > 详细

温情页设计思想

时间:2020-01-17 10:09:54      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:highlight   method   html   bsp   启动   gets   launch   his   default   

我使用浏览器缓存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>

  

  

温情页设计思想

标签:highlight   method   html   bsp   启动   gets   launch   his   default   

原文地址:https://www.cnblogs.com/fishness/p/12204014.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!