Bagaimana untuk menyusun $i menjadi "nombor 3 digit"?
@for $i from 1 through 100 {
.bg-image#{$i} {
background-image: url("folder/bg-image#{$i}.jpg");
}
}
Saya mahu ia disusun seperti ini.
.bg-image001 {
background-image: url("folder/bg-image001.jpg");
}
.bg-image002 {
background-image: url("folder/bg-image002.jpg");
}
...
.bg-image099 {
background-image: url("folder/bg-image099.jpg");
}
.bg-image100 {
background-image: url("folder/bg-image100.jpg");
}
Saya cuba cara ini: https://www.sassmeister.com/gist/7581995
Seperti ini:
.bg-image#{"%03d" % $i}
Tetapi saya mendapat ralat dalam badai web.
Ada kaedah lain yang bagus? terima kasih atas bantuan anda.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
https://www.sassmeister.com/gist/7581995 Dengan cara ini, Ini adalah isu dengan jarak semasa proses binaan.
Beginilah cara saya menyelesaikannya:
@function zerofill($i) { @return #{str-slice("000",0,3 - str-length(#{$i}))}+$i; } @for $i from 1 through 100 { $i: zerofill($i); #layer-#{$i} { background: url('../layers/layer-#{$i}.png'); } }