Blame view

src/styles/_utils.scss 1.28 KB
simon committed
1
.bis {
simon committed
2 3 4 5 6 7 8 9 10
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

//flex 布局和 子元素 对其方式
.fl {
  display: flex;
}

simon committed
11 12 13 14 15 16
.flc {
  display: flex;
  justify-content: center;
}

.flb {
simon committed
17 18 19 20
  display: flex;
  justify-content: space-between;
}

simon committed
21 22

.fla {
simon committed
23 24 25 26
  display: flex;
  align-items: center;
}

simon committed
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
//水平和垂直居中
.fcc {
  display: flex;
  justify-content: center;
  align-items: center;
}

// 为元素设定的宽度和高度决定了元素的边框盒。
.bb {
  box-sizing: border-box;
}

// 满屏
.fullp {
  width: 100%;
  height: 100%;
}

simon committed
45 46 47 48
.pointer {
  cursor: pointer;
}

simon committed
49 50 51
.text-l {
  text-align: left;
}
simon committed
52

simon committed
53 54 55 56 57 58 59
.text-r {
  text-align: right;
}

.text-c {
  text-align: center;
}
2  
simon committed
60

simon committed
61
.bc {
2  
simon committed
62 63
  text-align: center;
}
simon committed
64

simon committed
65
.flex1 {
simon committed
66 67
  flex: 1;
}
simon committed
68 69

.disabled {
joe committed
70
  cursor: default !important;
simon committed
71 72 73 74 75
  color: $cFontGray !important;
  background-color: #dcdddd !important;
  background-image: none !important;
  box-shadow: none !important;
}
joe committed
76 77 78 79 80 81 82 83

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

input {
simon committed
84
  color: '#606266'
simon committed
85 86
}

simon committed
87
.text-jtf {
simon committed
88 89
  text-align: justify;
  text-align-last: left;
simon committed
90 91 92 93
  -webkit-text-align: justify;
  -webkit-text-align-last: left;
  -moz-text-align: justify;
  -moz-text-align-last: left;
simon committed
94
}
simon committed
95

simon committed
96 97 98 99 100 101 102
.underline {
  text-decoration: underline;
}

.gray3 {
  color: $cFontGray3;
}