html,
body {
line-height: 1.2;
}
uni-app uni-page-body {
height: 100%;
overflow: visible;
}
uni-app.uni-app--showtabbar uni-page-body::after {
content: '';
display: block;
width: 100%;
height: var(--tab-bar-height);
height: calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));
height: calc(var(--tab-bar-height) + env(safe-area-inset-bottom));
min-height: var(--tab-bar-height);
min-height: calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));
min-height: calc(var(--tab-bar-height) + env(safe-area-inset-bottom));
}
uni-app.uni-app--showtabbar uni-page-wrapper::after {
display: none;
}
uni-app uni-text,
uni-app uni-input,
uni-app uni-textarea,
uni-app uni-view {
color: #000000;
font-size: 16px;
text-align: left;
}
/* 修正box-sizing: border-box;负面效果 */
uni-app uni-input {
height: auto;
}
/* 文字容器 */
uni-app uni-text,
uni-app uni-textarea,
uni-app uni-label {
line-height: 1.2;
overflow: hidden;
flex-basis: auto;
letter-spacing: 0;
}
uni-app uni-text,
uni-app uni-label {
letter-spacing: 0;
}
/* uni-app uni-* */
uni-app uni-ad-draw,
uni-app uni-ad-fullscreen-video,
uni-app uni-ad-interactive,
uni-app uni-ad-interstitial,
uni-app uni-ad-rewarded-video,
uni-app uni-ad,
uni-app uni-animation-view,
uni-app uni-audio,
uni-app uni-block,
uni-app uni-button,
uni-app uni-camera,
uni-app uni-canvas,
uni-app uni-checkbox-group,
uni-app uni-checkbox,
uni-app uni-cover-image,
uni-app uni-cover-view,
uni-app uni-custom-tab-bar,
uni-app uni-editor,
uni-app uni-form,
uni-app uni-icon,
uni-app uni-image,
uni-app uni-input,
uni-app uni-label,
uni-app uni-list-item,
uni-app uni-list-view,
uni-app uni-live-player,
uni-app uni-live-pusher,
uni-app uni-map,
uni-app uni-match-media,
uni-app uni-movable-area,
uni-app uni-movable-view,
uni-app uni-navigation-bar,
uni-app uni-navigator,
uni-app uni-open-data,
uni-app uni-page-meta,
/* uni-app uni-picker-view-column, */
uni-app uni-picker-view,
uni-app uni-picker,
uni-app uni-progress,
uni-app uni-radio-group,
uni-app uni-radio,
uni-app uni-rich-text,
uni-app uni-scroll-view,
uni-app uni-slider,
uni-app uni-sticky-header,
uni-app uni-sticky-section,
uni-app uni-swiper-item,
uni-app uni-swiper,
uni-app uni-switch,
uni-app uni-template,
uni-app uni-text,
uni-app uni-textarea,
uni-app uni-unicloud-db,
uni-app uni-video,
uni-app uni-view,
uni-app uni-web-view {
position: relative;
box-sizing: border-box;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
/* 默认情况下,元素不会缩短至小于内容框尺寸,若想改变这一状况,请设置元素的min-width 与 min-height属性。https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex */
min-height: 0px;
min-width: 0px;
border-width: medium;
}
uni-app uni-text {
display: inline;
}
/* 与开发者元素接触的容器 */
uni-app uni-page-body,
uni-app uni-animation-view,
uni-app uni-block,
uni-app uni-view,
uni-app uni-label,
uni-app uni-swiper,
uni-app uni-swiper-item,
uni-app uni-movable-area,
uni-app uni-movable-view,
uni-app uni-cover-view,
uni-app uni-list-item,
uni-app uni-navigator,
uni-app uni-radio-group,
uni-app uni-checkbox-group,
uni-app uni-scroll-view,
uni-app uni-list-view,
uni-app uni-unicloud-db,
uni-app uni-custom-tab-bar,
uni-app uni-sticky-section,
uni-app uni-sticky-header {
display: flex;
align-items: stretch;
align-content: stretch;
justify-content: flex-start;
}
/* 此样式可被manifest.json内配置的flex-direction重置 */
uni-app uni-page-body,
uni-app uni-view,
uni-app uni-label,
uni-app uni-swiper,
uni-app uni-swiper-item,
uni-app uni-movable-area,
uni-app uni-movable-view,
uni-app uni-cover-view,
uni-app uni-list-item,
uni-app uni-navigator,
uni-app uni-radio-group,
uni-app uni-checkbox-group,
uni-app uni-scroll-view,
uni-app uni-list-view,
uni-app uni-unicloud-db,
uni-app uni-sticky-section,
uni-app uni-sticky-header {
flex-direction: column;
}
/* 与开发者元素接触的非滚动容器 */
uni-app uni-view,
uni-app uni-label,
uni-app uni-swiper,
uni-app uni-swiper-item,
uni-app uni-movable-area,
uni-app uni-movable-view,
uni-app uni-cover-view,
uni-app uni-list-item,
uni-app uni-navigator,
uni-app uni-radio-group,
uni-app uni-checkbox-group {
overflow: hidden;
}
uni-app uni-button {
margin: 0;
}
/* 透传scroll-view的flex-direction样式 */
uni-app uni-scroll-view {
width: auto;
}
uni-app .uni-scroll-view,
uni-app .uni-scroll-view-content,
uni-app .uni-list-view-visible {
flex-direction: inherit;
align-items: inherit;
align-content: inherit;
justify-content: inherit;
}
uni-app .uni-scroll-view-content,
uni-app .uni-sticky-header-wrapper {
display: flex;
min-height: 0px;
}
uni-app uni-swiper-item {
position: absolute;
}
/* 设置默认的光标颜色 */
uni-app .uni-input-input,
uni-app .uni-textarea-textarea {
caret-color: #3393e2;
}
/* 覆盖 video 的 poster 背景 */
uni-app .uni-video-cover {
background-color: unset;
}