mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-08-10 06:29:46 +08:00
docs: update mobile nav (#4292)
This commit is contained in:
parent
1cc45b36b7
commit
dc8b166e9b
@ -73,7 +73,9 @@ export default {
|
|||||||
.side-nav {
|
.side-nav {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 64px 20px 20px;
|
min-height: 100vh;
|
||||||
|
padding: 46px 20px 20px;
|
||||||
|
background: @white;
|
||||||
|
|
||||||
.vant-title,
|
.vant-title,
|
||||||
.vant-desc {
|
.vant-desc {
|
||||||
@ -111,8 +113,8 @@ export default {
|
|||||||
|
|
||||||
.mobile-switch-lang {
|
.mobile-switch-lang {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 24px;
|
top: 20px;
|
||||||
right: 24px;
|
right: 20px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
color: @blue;
|
color: @blue;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -121,11 +123,11 @@ export default {
|
|||||||
span {
|
span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 48px;
|
width: 48px;
|
||||||
color: @gray-dark;
|
color: @text-color;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #f7f8fa;
|
background-color: #fff;
|
||||||
border: 1px solid #dcdee0;
|
border: 1px solid @border-color;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
border-right: none;
|
border-right: none;
|
||||||
|
@ -46,6 +46,9 @@ export default {
|
|||||||
.mobile-nav {
|
.mobile-nav {
|
||||||
&__item {
|
&__item {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 6px;
|
||||||
|
box-shadow: 0 1px 5px #ebedf0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__icon {
|
&__icon {
|
||||||
|
@ -58,6 +58,7 @@ body {
|
|||||||
font-family: 'PingFang SC', Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, Arial, sans-serif;
|
font-family: 'PingFang SC', Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, Arial, sans-serif;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
|
user-select: none;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user