Files
----/前端源码/uni-app/App.vue

92 lines
1.5 KiB
Vue

<!--
* @Author: aliyun4247073344 893643761@qq.com
* @Date: 2026-02-27 11:35:54
* @LastEditors: aliyun4247073344 893643761@qq.com
* @LastEditTime: 2026-02-27 13:48:44
* @FilePath: \uni-app\App.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<div class="app-shell">
<router-view />
</div>
</template>
<script setup lang="ts">
// 标准 H5 应用入口
</script>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
width: 100%;
height: 100%;
overflow-x: hidden;
}
.app-shell {
min-height: 100vh;
width: 100%;
display: flex;
justify-content: center;
font-family: SimSun, "Songti SC", "Songti TC", "Noto Serif SC", STSong, serif;
overflow-x: hidden;
}
/* uni-app 组件兼容样式 */
view {
display: block;
box-sizing: border-box;
}
text {
display: inline;
}
image {
display: inline-block;
width: auto;
height: auto;
}
scroll-view {
display: block;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
swiper {
display: block;
position: relative;
overflow: hidden;
}
swiper-item {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
/* 全局工具类 */
.writing-vertical-rl {
writing-mode: vertical-rl;
text-orientation: upright;
}
/* 隐藏全局滚动条 */
::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
</style>