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