//宽高 .wh(@width,@height){ width:@width; height: @height; } //flex 布局和 子元素 对其方式 .fj(@type:space-between){ display: flex; justify-content: $type; } //flex 布局和子元素垂直对齐方式 .fa(@type:center){ display: flex; align-items: @type; } //flex 布局和子元素水平垂直对齐方式 .fja(@jtype:center,@atype:center){ display: flex; justify-content: @jtype; align-items: @atype; } //字体大小,颜色 .sc(@size, @color){ font-size: @size; color: @color; } //字体大小,颜色 .sc(@size, @color){ font-size: @size; color: @color; } //border-bottom: 1px solid rgba(245, 245, 245, 0.4); .border-bottom{ border-bottom: 1px solid rgba(1, 17, 27, 0.1); } .border-top{ border-top: 1px solid rgba(1, 17, 27, 0.1); } .border-right{ border-right: 1px solid rgba(1, 17, 27, 0.1); } .border-left{ border-left: 1px solid rgba(1, 17, 27, 0.1); } .border{ border: 1px solid rgba(1, 17, 27, 0.1); }