LESS - Mixin tham số

Sự miêu tả

Mixin tham số sử dụng một hoặc nhiều tham số mở rộng chức năng của LESS bằng cách lấy các đối số và thuộc tính của nó để tùy chỉnh đầu ra mixin khi được trộn vào một khối khác.

Ví dụ: hãy xem xét một đoạn mã LESS đơn giản -

.border(@width; @style; @color) {
   border: @width @style @color;
}

.myheader {
   .border(2px; dashed; green);
}

Ở đây chúng tôi đang sử dụng mixin tham số là .border với ba tham số - chiều rộng, kiểu dáng và màu sắc. Sử dụng các tham số này, bạn có thể tùy chỉnh đầu ra mixin với giá trị tham số đã truyền.

Bảng sau mô tả các loại mixin tham số khác nhau cùng với mô tả.

Sr.No. Loại & Mô tả
1 Mixin với nhiều tham số

Các tham số có thể được phân tách bằng dấu phẩy hoặc dấu chấm phẩy.

2 Tham số được đặt tên

Mixin cung cấp các giá trị tham số thay vì vị trí bằng cách sử dụng tên của chúng.

3 @arguments Variable

Khi một mixin được gọi, @arguments bao gồm tất cả các đối số được truyền vào.

4 Đối số nâng cao và biến @rest

Mixin nhận số lượng đối số thay đổi bằng cách sử dụng .....

5 Khớp mẫu

Thay đổi hành vi của mixin bằng cách chuyển các tham số cho nó.