@hzy1123581324/z-view-ui/static/css/index.css

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

/*v1.0*/

/* #ifndef APP-NVUE */
@import "common/animate.css";
/* #endif */
@import "common/grid.css";
/*栅格布局*/
@import "common/size.css";
/*尺寸*/
@import "common/flex.css";
/*弹性布局*/
@import "common/font.css";
/*字体设置*/
@import "common/margin.css";
/*外边距*/
@import "common/padding.css";
/*内边距*/
@import "common/color.css";
/*背景颜色/字体颜色/边框颜色*/
@import "common/box.css";
/*盒模型*/
@import "common/trans.css";
/*动画/过渡/转换*/
@import "common/position.css";
@import "common/rich-text.css";
/*定位*/
@import "./theme/common.css";
/*默认主题*/
@import "./theme/white.css";
@import "./theme/black.css";
@import "./uni-app.css";
@import "./reset.css";
html {
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",SimSun, sans-serif,SimHei, "Microsoft YaHei","Microsoft JhengHei";

}
body {
  /* 上下拉动滚动条时卡顿、慢 */
  /* 一webkit一overflow一scrolling: touch;
  overflow一scrolling: touch; */
  /* min-height: 100vh; */
  /* height: auto; */
  min-height: 100%;
  height: auto;
  /* #ifndef APP-NVUE */
  display: flex;
  flex-direction: column;
  /* #endif */

  /* -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens:auto; */
}

iframe{
  background-color: inherit;
  border: 0;
  border-radius: inherit;
  overflow: hidden;
}
page {
  /* height: auto; */
  min-height: 100%;
  font-size: var(--font-main,28rpx);
  color: var(--color-main,#333);
  background-color: var(--page-bg);
  box-sizing: border-box;
  line-height: 1.2;
  position: unset;
  /* position: relative; */
  display: flex;
  flex-direction: column;
  /*  长时间按住页面出现闪退 */
  一webkit一touch一callout: none;
}

view,
image,
text,
button,
input,
textarea,
scroll-view,
span {
  /**/
  padding: 0;
  margin: 0;
  -webkit-margin-before: 0em;
  /*css3新增*/
  -webkit-margin-after: 0em;
  /*css3新增*/
  -webkit-margin-start: 0rpx;
  /*css3新增*/
  -webkit-margin-end: 0rpx;
  /*css3新增*/
  text-decoration: none;
  border: 0;
  list-style: none;
  box-sizing: border-box;
  outline: 0;
  font-weight: inherit;
  /* position: inherit; */
  font-style: normal;
  vertical-align: bottom;
  /* line-height: 1; */
  /* 长英文单词内换行 */
/*  -webkit-hyphens: inherit;
  -moz-hyphens: inherit;
  hyphens: inherit; */
  word-wrap: inherit;
  word-break: inherit;
}

image {
  vertical-align: top;
}
table{
  /* 表格边框合并 */
  border-collapse: collapse;
  border-spacing: 0;
}
::before,
::after {
  box-sizing: border-box;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button{ -webkit-appearance : none; }
textarea {
  /*去掉右下三角*/
  resize: none;
  -webkit-appearance: none;
  /* //可同时屏蔽输入框怪异的内阴影,解决iOS下无法修改按钮样式,测试还发现,加了此属性后,iOS下默认还是有圆角的,不过可以用border-radius属性修改 */
}

input {
  background-color: transparent;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  /* //可同时屏蔽输入框怪异的内阴影,解决iOS下无法修改按钮样式,测试还发现,加了此属性后,iOS下默认还是有圆角的,不过可以用border-radius属性修改 */
}

/*常用*/
.hide {
  display: none !important;
}


.opacity0 {
  opacity: 0;
}

.rg {
  float: right !important;
}

.lf {
  float: left !important;
}

.clear::after,
.clear::before {
  content: '';
  display: table;
  clear: both;
}

.overflow_auto,
.scrollBox {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.overflow_scroll {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.hidden{
  overflow: hidden;
}
/* 添加工具栏高度 */
.status-bar {
  padding-top: var(--status-bar-height);
}
/* 底部安全区域添加 */
.safearea-bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

/* 海市蜃楼,可以看见点不到 */
.mirage {
  pointer-events: none; 
}


/* 增加点击范围 */
.add-click-range {
  position: relative;
}

.add-click-range::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  left: -6rpx;
  top: -6rpx;
  border: 6rpx solid transparent;
}




.empty:empty{
  display: none;
}
.comma-before:empty+.comma {
  display: none;
}