first commit
This commit is contained in:
35
custom-tab-bar/index.wxss
Normal file
35
custom-tab-bar/index.wxss
Normal file
@@ -0,0 +1,35 @@
|
||||
.tab-bar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
background-color: #222238;
|
||||
border-top:solid 1px rgba(233, 213, 213,0.5);
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
z-index: 9999; /* 确保 z-index 足够高 */
|
||||
}
|
||||
|
||||
.tab-bar-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
|
||||
.tab-bar-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tab-bar-text {
|
||||
margin-bottom: 10px;
|
||||
font-size: 12px;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
Reference in New Issue
Block a user