grid.css
4.68 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
/*
* 布局
*/
/* 手机全屏占比 */
html, body, .g-window {
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
font-size: 1rem;
color: $color_base_font;
}
/* 外面嵌套g-window 为了覆盖weui默认样式 */
/*顶部布局*/
.g-window .g-header {/* 移动端用fixed定位会有bug */
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 5;
}
.g-window .g-header .router-link {
height: $height_nav;
line-height: $height_nav;
color: $color_nav_font;
}
.g-window .g-header .router-link-active {
color: $color_nav_active_background;
border-bottom:2px solid $color_nav_active_background;
}
.g-window .g-header.vux-tab {
height: 2.6rem;
}
.g-window .g-header.vux-tab a {
line-height: $height_nav;
}
/* 水平垂直居中布局 */
.g-window .g-center {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* 继承布局 */
.g-window .g-inherit {
position: inherit;
display: inherit;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
/* flex布局-中央布局 */
.g-window .g-flex-c {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90aGVtZXMvY29tbW9uL2dyaWQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGLFlBQVk7QUFDWjtFQUNFLG1CQUFtQjtFQUNuQixlQUFlO0VBQ2YsWUFBWTtFQUNaLGFBQWE7RUFDYixpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLHdCQUF3QjtDQUN6Qjs7QUFFRCwrQkFBK0I7QUFFN0IsUUFBUTtBQUNSLHFCQUNFLHNCQUFzQjtFQUN0QixtQkFBbUI7RUFDbkIsT0FBTztFQUNQLFFBQVE7RUFDUixZQUFZO0VBQ1osV0FBVztDQWdCWjtBQVRDO0VBQ0Usb0JBQW9CO0VBQ3BCLHlCQUF5QjtFQUN6Qix1QkFBdUI7Q0FDeEI7QUFDRDtFQUNFLG9DQUFvQztFQUNwQyxxREFBcUQ7Q0FDdEQ7QUFkRDtFQUNFLGVBQWU7Q0FJaEI7QUFIQztFQUNFLHlCQUF5QjtDQUMxQjtBQWFMLGNBQWM7QUFDZDtFQUNFLG1CQUFtQjtFQUNuQixTQUFTO0VBQ1QsVUFBVTtFQUNWLFdBQVc7RUFDWCxhQUFhO0VBQ2IseUNBQWlDO0tBQWpDLHNDQUFpQztVQUFqQyxpQ0FBaUM7Q0FDbEM7QUFFRCxVQUFVO0FBQ1Y7RUFDRSxrQkFBa0I7RUFDbEIsaUJBQWlCO0VBQ2pCLFdBQVc7RUFDWCxVQUFVO0VBQ1YsWUFBWTtFQUNaLGFBQWE7RUFDYixpQkFBaUI7Q0FDbEI7QUFDRCxpQkFBaUI7QUFDakI7RUFDRSxxQkFBYztFQUFkLHNCQUFjO0VBQWQsa0JBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCwrQkFBb0I7RUFBcEIsOEJBQW9CO0VBQXBCLDRCQUFvQjtLQUFwQiw0QkFBb0I7S0FBcEIsMkJBQW9CO01BQXBCLHdCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIseUJBQXdCO0VBQXhCLGdDQUF3QjtLQUF4QixzQkFBd0I7TUFBeEIsc0JBQXdCO1VBQXhCLHdCQUF3QjtDQUN6QiIsImZpbGUiOiJncmlkLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4qIOW4g+WxgFxuKi9cblxuLyog5omL5py65YWo5bGP5Y2g5q+UICovXG5odG1sLCBib2R5LCAuZy13aW5kb3cge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBmb250LXNpemU6IDFyZW07XG4gIGNvbG9yOiAkY29sb3JfYmFzZV9mb250O1xufVxuXG4vKiDlpJbpnaLltYzlpZdnLXdpbmRvdyDkuLrkuobopobnm5Z3ZXVp6buY6K6k5qC35byPICovXG4uZy13aW5kb3cge1xuICAvKumhtumDqOW4g+WxgCovXG4gIC5nLWhlYWRlciB7XG4gICAgLyog56e75Yqo56uv55SoZml4ZWTlrprkvY3kvJrmnIlidWcgKi9cbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogNTtcbiAgICAmLnZ1eC10YWIge1xuICAgICAgaGVpZ2h0OiAyLjZyZW07XG4gICAgICBhIHtcbiAgICAgICAgbGluZS1oZWlnaHQ6ICRoZWlnaHRfbmF2O1xuICAgICAgfVxuICAgIH1cbiAgICAucm91dGVyLWxpbmsge1xuICAgICAgaGVpZ2h0OiAkaGVpZ2h0X25hdjtcbiAgICAgIGxpbmUtaGVpZ2h0OiAkaGVpZ2h0X25hdjtcbiAgICAgIGNvbG9yOiAkY29sb3JfbmF2X2ZvbnQ7XG4gICAgfVxuICAgIC5yb3V0ZXItbGluay1hY3RpdmUge1xuICAgICAgY29sb3I6ICRjb2xvcl9uYXZfYWN0aXZlX2JhY2tncm91bmQ7XG4gICAgICBib3JkZXItYm90dG9tOjJweCBzb2xpZCAkY29sb3JfbmF2X2FjdGl2ZV9iYWNrZ3JvdW5kO1xuICAgIH1cbiAgfVxuXG4gIC8qIOawtOW5s+WeguebtOWxheS4reW4g+WxgCAqL1xuICAuZy1jZW50ZXIge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDUwJTtcbiAgICBsZWZ0OiA1MCU7XG4gICAgd2lkdGg6IDgwJTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gIH1cblxuICAvKiDnu6fmib/luIPlsYAgKi9cbiAgLmctaW5oZXJpdCB7XG4gICAgcG9zaXRpb246IGluaGVyaXQ7XG4gICAgZGlzcGxheTogaW5oZXJpdDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgfVxuICAvKiBmbGV45biD5bGALeS4reWkruW4g+WxgCAqL1xuICAuZy1mbGV4LWMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxufSJdfQ== */