page { background-color: #FFF8F8; // min-height: 100%; height: 100%; font-size: 28rpx; line-height: 1.5; // color: #000; } page>.tabpage{ // 怪异盒模型 -webkit-overflow-scrolling: touch; box-sizing: border-box; /* #ifdef H5 */ //貌似不需要了,已经是去除了tabbar的高度了 //自定义tabbar的时候需要 // 底部tab栏高度 margin-bottom: 0;//var(--window-bottom); /* #endif */ /* #ifndef H5 */ margin-bottom: 0; /* #endif */ // 触发BFC overflow-x: hidden; overflow-y: scroll; min-height: 100%; } page>.page{ // 怪异盒模型 -webkit-overflow-scrolling: touch; box-sizing: border-box; // 触发BFC overflow-x: hidden; overflow-y: scroll; min-height: 100%; } ::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none; } page *{ box-sizing: border-box; } .a-flexbox{ display: flex; &.a-flexbox--fixed{ flex-shrink: 0; flex-grow: 0; } &.a-flexbox--inline{ display: inline-flex; } &.a-flexbox__column{ flex-direction: column; } &.a-flexbox__row{ flex-direction: row; } &.a-flexbox__wrap{ flex-wrap: wrap; } &.a-flexbox__center{ align-items: center; justify-content: center; } &.a-flexbox__center--x{ justify-content: center; } &.a-flexbox--around{ justify-content: space-around; } &.a-flexbox--between{ justify-content: space-between; } &.a-flexbox__start--x{ justify-content: flex-start; } &.a-flexbox__end--x{ justify-content: flex-end; } &.a-flexbox__center--y{ align-items: center; } &.a-flexbox__start--y{ align-items: flex-start; } &.a-flexbox__end--y{ align-items: flex-end; } .a-flexbox__noshrink{ flex-shrink: 0; } .a-flexbox__full{ flex: 1; width: 0; } .a-flexbox__full--h{ flex: 1; height: 0; } } // 单行省略号 .a-ov{ @include ellipsis(1) } // 两行省略号 .a-ov2{ @include ellipsis(2) } // 包裹输入框 .a-wrapinput{ position:relative; display: flex; align-items: center; // height: 100%; >input{ width: 0; flex: 1; // height: 100%; font-size: inherit; line-height: inherit; } .sub{ display: flex; align-items: center; margin-right: 8rpx; } } // 包裹文本域 .a-wraptextarea{ min-height: 160rpx; height: 160rpx; >textarea{ font-size: inherit; width: 100%; height: 100%; } }