@twotwoba/vv-cli/template-vue-mobile/src/assets/css/style.css

Easily create Vite + React19/Vue3 web/h5/mini-program/chrome-extension projects.

:root {
    --primary-light: #3f7ef7;
    --primary-dark: #17141b;
    /* 安全区域适配 */
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

html {
    font-size: 16px;
    /* 移动端优化 */
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
}

html,
body,
#app {
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    /* 移动端字体优化 */
    font-family:
        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
        sans-serif;
    /* 安全区域底部留白 */
    padding-bottom: constant(safe-area-inset-bottom); /* iOS < 11.2 */
    padding-bottom: env(safe-area-inset-bottom); /* iOS >= 11.2 */
}

html.dark {
    color: var(--primary-light);
    background: var(--primary-dark);
}

/* 移动端滚动优化 */
* {
    -webkit-overflow-scrolling: touch;
}

/* 禁止长按选择 */
img,
a {
    -webkit-touch-callout: none;
}