86 行
1.9 KiB
Vue
86 行
1.9 KiB
Vue
<script>
|
||
export default {
|
||
onLaunch: function () {
|
||
console.log('App Launch: 电竞陪玩小程序初始化');
|
||
},
|
||
onShow: function () {
|
||
console.log('App Show');
|
||
},
|
||
onHide: function () {
|
||
console.log('App Hide');
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
/* 全局暗黑电竞基础重置 */
|
||
page {
|
||
background-color: #0A0F1D;
|
||
color: #F8FAFC;
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', sans-serif;
|
||
box-sizing: border-box;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
|
||
view, text, image, input, button {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* 触控反馈标准类 (严格满足 UI/UX 规范：100ms 内微缩放与透明度反馈，无布局位移) */
|
||
.btn-active:active, .card-active:active {
|
||
transform: scale(0.98);
|
||
opacity: 0.9;
|
||
transition: transform 100ms ease-out, opacity 100ms ease-out;
|
||
}
|
||
|
||
/* 隐藏移动端滚动条 */
|
||
::-webkit-scrollbar {
|
||
display: none;
|
||
width: 0;
|
||
height: 0;
|
||
color: transparent;
|
||
}
|
||
|
||
/* H5 PC 模式响应式移动端容器居中（如在浏览器访问 http://localhost:5174/ 时） */
|
||
/* #ifdef H5 */
|
||
html, body {
|
||
background-color: #050811 !important;
|
||
margin: 0;
|
||
padding: 0;
|
||
overflow-x: hidden;
|
||
height: 100%;
|
||
}
|
||
|
||
uni-app {
|
||
max-width: 450px !important;
|
||
margin: 0 auto !important;
|
||
min-height: 100vh !important;
|
||
box-shadow: 0 0 60rpx rgba(0, 0, 0, 0.9) !important;
|
||
position: relative !important;
|
||
background-color: #0A0F1D !important;
|
||
}
|
||
|
||
uni-page-head {
|
||
max-width: 450px !important;
|
||
left: 0 !important;
|
||
right: 0 !important;
|
||
margin: 0 auto !important;
|
||
}
|
||
|
||
uni-tabbar, .uni-tabbar {
|
||
position: fixed !important;
|
||
bottom: 0 !important;
|
||
left: 0 !important;
|
||
right: 0 !important;
|
||
margin: 0 auto !important;
|
||
max-width: 450px !important;
|
||
width: 100% !important;
|
||
z-index: 9999 !important;
|
||
}
|
||
|
||
uni-tabbar .uni-tabbar__bd {
|
||
background-color: #151D30 !important;
|
||
}
|
||
/* #endif */
|
||
</style>
|