后台管理页面完成

Administrator

2025-04-23 595b7935a30e84fba1bc3561d05f9d19d3e32e1f

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
82
83
84
85
86
87
88
89
90
//**
// * font-face 自定义字体
// * @params        @path: 字体路径; @font-name: 字体名字; 需要同时存在eot woff ttf svg
// */
 
.font-face(@path, @font-name){
        @font-face{
                font-family: @font-name;
                src: url('@{path}/@{font-name}.eot'); /* IE9 Compat Modes */
                src: url('@{path}/@{font-name}.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('@{path}/@{font-name}.woff') format('woff'), /* Modern Browsers */
                     url('@{path}/@{font-name}.ttf')  format('truetype'), /* Safari, Android, iOS */
                     url('@{path}/@{font-name}.svg#svgFontName') format('svg'); /* Legacy iOS */
        }
}
/*圆角*/
.border-radius(@arg:4px){
    -webkit-border-radius: @arg;
    -moz-border-radius: @arg;
    -ms-border-radius: @arg;
    border-radius: @arg;
}
.border-top-left-radius(@arg:4px){
    -webkit-border-top-left-radius:@arg;
    -moz-border-top-left-radius:@arg;
    -ms-border-top-left-radius:@arg;
     border-top-left-radius:@arg;
    
}
.border-top-right-radius(@arg:4px){
     -webkit-border-top-right-radius: @arg;
     -moz-border-top-right-radius: @arg;
     -ms-border-top-right-radius: @arg;
      border-top-right-radius: @arg;
}
.border-bottom-left-radius(@arg:4px){
    -webkit-border-bottom-left-radius:@arg;
    -moz-border-bottom-left-radius:@arg;
    -ms-border-bottom-left-radius:@arg;
     border-bottom-left-radius:@arg;
    
}
.border-bottom-right-radius(@arg:4px){
     -webkit-border-bottom-right-radius: @arg;
     -moz-border-bottom-right-radius: @arg;
     -ms-border-bottom-right-radius: @arg;
      border-bottom-right-radius: @arg;
      
}
/*阴影*/
.box-shadow(@arg){
    -webkit-box-shadow: @arg;
    -moz-box-shadow: @arg;
    -ms-box-shadow: @arg;
     box-shadow: @arg;
}
/*字体*/
.fs(@arg:12px){
    font-size: @arg;
}
/*动画属性*/
.transition(@arg){
    -webkit-transition:@arg;
    -moz-transition:@arg;
    -ms-transition:@arg;
    transition:@arg;
}
.transform(@arg){
    -webkit-transform:@arg;
    -moz-transform: @arg;
    -ms-transform: @arg;
    transform: @arg;
}
 
/*清楚浮动*/
.clearfix(){
    zoom: 1;
    &:after{
        display: block;
        content: '';
        clear: both;
    }
}
 
 
.box-sizing(@arg){
    -moz-box-sizing:@arg; 
    -webkit-box-sizing:@arg; 
     box-sizing:@arg;
}