page { width: 100%; height: auto; overflow-y: auto; } .complete-info { width: 100%; height: 100%; background: #f7f7f7; } .tab-bar { width: 100%; height: 100rpx; background: #fff; display: flex; align-items: center; justify-content: space-around; position: relative; position: fixed; top: 0; left: 0; z-index: 100; } .tab-bar .tab { flex: 1; height: 100rpx; line-height: 100rpx; font-size: 30rpx; color: #999; width: 50%; text-align: center; } .tab-bar .tab.select-tab { color: #F82525; font-size: 32rpx; font-weight: bold; } .tab-bar .select-bar { width: 80rpx; height: 6rpx; position: absolute; bottom: 0rpx; border-radius: 3rpx; background: #F82525; } /** .tab-bar .select-bar.tab1 { left: calc(17% - 40rpx); transition: left 0.4s ease-out; } .tab-bar .select-bar.tab2 { left: calc(50% - 40rpx); transition: left 0.4s ease-out; } .tab-bar .select-bar.tab3 { left: calc(83% - 40rpx); transition: left 0.4s ease-out; } */ .tab-bar .select-bar.tab1 { left: calc(25% - 40rpx); transition: left 0.4s ease-out; } .tab-bar .select-bar.tab2 { left: calc(75% - 40rpx); transition: left 0.4s ease-out; } .content { width: 100%; min-height: calc(100vh - 100rpx); margin-top: 100rpx; } .wux-actionsheet__button { font-size: 34rpx !important; color: #333 !important; } .wux-actionsheet__group--options { max-height: 50vh !important; overflow-y: auto !important; }