zm/nuttyreading-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
@fawn-nine
2023-03-03 12:11:23 +08:00
commit f8e1a3015b
502 changed files with 57308 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
components/guide-pages/guide-pages.vue Normal file
View File

@@ -0,0 +1,146 @@
<template>
<view v-if="show">
<swiper class="guide_pages_swiper">
<swiper-item>
<view class="guide_pages_bg1">
疯子读书，
<br>
让阅读无处不在
</view>
</swiper-item>
<swiper-item>
<view class="guide_pages_bg2">
疯子读书，
<br>
让阅读无处不在
</view>
</swiper-item>
<swiper-item>
<view class="guide_pages_bg3">
疯子读书，
<br>
让阅读无处不在
</view>
<button v-if="screenHeight > 667" class="guide_pages_close close_1624" @click="onClose">开始使用</button>
<button v-else class="guide_pages_close close_1334" @click="onClose">开始使用</button>
</swiper-item>
</swiper>
</view>
</template>
<script>
import {
mapState,
mapMutations
} from 'vuex';
export default {
data() {
return {
screenHeight: 667,
show: false
};
},
created() {
if (uni.getStorageSync('guidePages') != 2) {
let systemInfo = uni.getSystemInfoSync();
this.screenHeight = systemInfo.screenHeight;
this.show = true;
}
},
methods: {
onClose() {
uni.setStorageSync('guidePages', 2);
this.show = false;
uni.navigateTo({
url: '/pages/user/login'
});
}
}
}
</script>
<style lang="scss">
.guide_pages_swiper {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #000;
z-index: 10000;
image {
width: 100vw;
height: 100vh;
}
.guide_pages_bg1 {
width: 100vw;
height: 100vh;
background: url("@/static/icon/e_0ban_1.jpg") no-repeat bottom center;
background-size: cover;
// background-color: #4CD964;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-size: 60rpx;
font-weight: bold;
}
.guide_pages_bg2 {
width: 100vw;
height: 100vh;
background: url("@/static/icon/e_0ban_2.jpg") no-repeat;
background-size: cover;
// background-color: #007AFF;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-size: 60rpx;
font-weight: bold;
}
.guide_pages_bg3 {
width: 100vw;
height: 100vh;
background: url("@/static/icon/e_0ban_3.jpg") no-repeat;
background-size: cover;
// background-color: #EA552D;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-size: 60rpx;
font-weight: bold;
}
.guide_pages_close {
border: 2rpx solid #000;
color: #000;
line-height: 68rpx;
height: 68rpx;
}
.close_1334 {
position: absolute;
top: 50%;
left: 50%;
width: 290rpx;
height: 68rpx;
transform: translateX(-50%) translateY(438rpx);
background-color: transparent;
}
.close_1624 {
position: absolute;
top: 50%;
left: 50%;
width: 290rpx;
height: 68rpx;
background-color: transparent;
transform: translateX(-50%) translateY(412rpx);
}
}
</style>