You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.6 KiB
55 lines
1.6 KiB
3 weeks ago
|
<template>
|
||
|
|
<view class="splash-page" @tap="enter">
|
||
|
|
<view class="orb"></view>
|
||
|
|
<view class="brand">i/e Campus</view>
|
||
|
|
<view class="slogan">把此刻的频率，轻轻调近一点。</view>
|
||
|
|
<view class="hint">已登录 · 轻触进入</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
onLoad() {
|
||
|
|
setTimeout(() => {
|
||
|
|
this.enter()
|
||
|
|
}, 1200)
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
enter() {
|
||
|
|
uni.redirectTo({ url: '/package1/ieBrowser/mode' })
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
page { background: #f7f9ff; }
|
||
|
|
.splash-page {
|
||
|
|
min-height: 100vh;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
color: #151a2d;
|
||
|
|
background:
|
||
|
|
radial-gradient(circle at 50% 38%, rgba(169, 255, 231, .65), rgba(169, 255, 231, 0) 220rpx),
|
||
|
|
radial-gradient(circle at 18% 12%, rgba(139, 124, 255, .24), rgba(139, 124, 255, 0) 300rpx),
|
||
|
|
linear-gradient(180deg, #fbfdff 0%, #eef4ff 100%);
|
||
|
|
}
|
||
|
|
.orb {
|
||
|
|
width: 178rpx;
|
||
|
|
height: 178rpx;
|
||
|
|
border-radius: 50%;
|
||
|
|
background: linear-gradient(145deg, #ffffff, #a9ffe7);
|
||
|
|
box-shadow: 0 0 80rpx rgba(139, 124, 255, .22);
|
||
|
|
animation: breath 2.8s ease-in-out infinite;
|
||
|
|
}
|
||
|
|
.brand { margin-top: 54rpx; font-size: 50rpx; font-weight: 800; letter-spacing: 2rpx; }
|
||
|
|
.slogan { width: 520rpx; margin-top: 22rpx; text-align: center; color: rgba(21, 26, 45, .58); font-size: 27rpx; line-height: 44rpx; }
|
||
|
|
.hint { position: fixed; bottom: 86rpx; color: rgba(21, 26, 45, .36); font-size: 23rpx; }
|
||
|
|
@keyframes breath {
|
||
|
|
0%, 100% { transform: scale(.96); opacity: .76; }
|
||
|
|
50% { transform: scale(1.06); opacity: 1; }
|
||
|
|
}
|
||
|
|
</style>
|