@hzy1123581324/z-view-ui/static/css/uni-app.css

z-view-ui是使用vue3开发的组件，开发中,有部分组件功能未实现,慎用

/* 处理uni-app image mode = heightFix 异常 */
.heightFix{
  flex-shrink: 0;
  width: unset !important;
}
.heightFix img{
  position: relative;
  width: unset;
}
/* navigator 默认点击效果 */
.navigator-hover{
  
}
/* 解决Safari浏览器图片圆角问题 */
uni-image>div {
  border-radius: inherit;
}

/* scroll-view 内部样式 */
.uni-scroll-view-content {
  display: flex;
  flex-direction: var(--flex-direction,column);
  flex-shrink: 0;
  height: max-content;
  padding:var(--uni-scroll-view-pad,unset);
}

.scroll-big-box {
  position: relative;
}

/* 解决safari  弹性布局高度问题 */
.scroll-big-box>.uni-scroll-view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
/* .uni-scroll-view::after,.uni-scroll-view::before{
  content: '';
  display: table;
  clear: both;
} */
/* scroll-view 防止边框溢出 */
.uni-scroll-view-content::after {
  content: "";
  display: table;
  clear: both;
}
/* Toast  */
#u-a-t{
  position: relative;
  z-index: 9999;
}
/* toast 单词不换行 */
.uni-sample-toast .uni-simple-toast__text{
  word-break: break-word ;
  word-wrap: break-word;
}

/* 防止挡住自定义navbar */
.uni-tabbar-bottom{
  bottom: 0;
}
.uni-tabbar ~ .uni-placeholder{
  pointer-events: none;
}

/* 使用页面滚动的关键  */
uni-app{ 
  /* height: 100%; */
  height: max-content;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  
}
#app{
  height: min-content;
}
uni-app uni-page,uni-app uni-page-wrapper{
  min-height: 100%;
  max-height: 100%;
}
uni-app,uni-app uni-page,uni-app uni-page-wrapper,uni-app uni-page-body{
   flex-grow: 1;
   /* #ifndef APP-NVUE */
   display: flex!important;
   /* #endif */
   flex-direction: column;
 }
uni-app uni-page-body{
  flex-shrink: 0;
  box-sizing: border-box;
}

/*end 使用页面滚动的关键 end*/

text span{
  line-height: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  vertical-align: inherit;
}

view::-webkit-scrollbar {
  display: none;
}
/* 兼容按钮加navigator 点击范围小 */
.button-box>a.navigator-wrap,.button-box>a.navigator-wrap uni-navigator{
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: inherit;
  align-items: inherit;
  justify-items: inherit;
  justify-content: inherit;
  align-content: inherit;

}
#app, uni-app, uni-page, uni-page-wrapper{
  min-height: 100%;
}
/* 下拉刷新 */
.uni-scroll-view-refresh__spinner circle{
  color: var(--theme)!important;
}
.uni-scroll-view-refresh__icon {
  fill: var(--theme)!important;
}
/* .uni-scroll-view-refresher{
  transition: height ease-in-out 0.3s 1s;
} */