@charset "UTF-8"; /** * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量 * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用 */ .u-fixed-placeholder.data-v-86b4deb4 { box-sizing: content-box; } .u-tabbar__content.data-v-86b4deb4 { display: flex; align-items: center; position: relative; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 998; box-sizing: content-box; } .u-tabbar__content__circle__border.data-v-86b4deb4 { border-radius: 100%; width: 110rpx; height: 110rpx; top: -48rpx; position: absolute; z-index: 4; background-color: #ffffff; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .u-tabbar__content__circle__border.data-v-86b4deb4:after { border-radius: 100px; } .u-tabbar__content__item.data-v-86b4deb4 { flex: 1; justify-content: center; height: 100%; padding: 12rpx 0; display: flex; flex-direction: column; align-items: center; position: relative; } .u-tabbar__content__item__button.data-v-86b4deb4 { position: absolute; top: 10rpx; } .u-tabbar__content__item__text.data-v-86b4deb4 { color: #606266; font-size: 26rpx; line-height: 28rpx; position: absolute; bottom: 12rpx; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .u-tabbar__content__circle.data-v-86b4deb4 { position: relative; display: flex; flex-direction: column; justify-content: space-between; z-index: 10; height: calc(100% - 1px); } .u-tabbar__content__circle__button.data-v-86b4deb4 { width: 90rpx; height: 90rpx; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; background-color: #ffffff; top: -40rpx; left: 50%; z-index: 6; -webkit-transform: translateX(-50%); transform: translateX(-50%); }