Is there anyone who knows stylus? ask how this code can be abbreviated in for loop. - Codes Helper - Programming Question Answer

Is there anyone who knows stylus? ask how this code can be abbreviated in for loop.

            .opencode[code="01"] {
                background: url(/static/images/theme/cars/car01.png) center no-repeat;
                background-size: cover;
            }
            .opencode[code="02"] {
                background: url(/static/images/theme/cars/car02.png) center no-repeat;
                background-size: cover;
            }
            .opencode[code="03"] {
                background: url(/static/images/theme/cars/car03.png) center no-repeat;
                background-size: cover;
            }
            .opencode[code="04"] {
                background: url(/static/images/theme/cars/car04.png) center no-repeat;
                background-size: cover;
            }
            .opencode[code="05"] {
                background: url(/static/images/theme/cars/car05.png) center no-repeat;
                background-size: cover;
            }
            .opencode[code="06"] {
                background: url(/static/images/theme/cars/car06.png) center no-repeat;
                background-size: cover;
            }
            .opencode[code="07"] {
                background: url(/static/images/theme/cars/car07.png) center no-repeat;
                background-size: cover;
            }
            .opencode[code="08"] {
                background: url(/static/images/theme/cars/car08.png) center no-repeat;
                background-size: cover;
            }
            .opencode[code="09"] {
                background: url(/static/images/theme/cars/car09.png) center no-repeat;
                background-size: cover;
            }
            .opencode[code="10"] {
                background: url(/static/images/theme/cars/car10.png) center no-repeat;
                background-size: cover;
            }

Aug.01,2021

for i in 01 02 03 04 05 06 07 08 09 10
  .opencode[code={i}]
      background: url('/static/images/theme/cars/car' + i +
 '.png') center no-repeat;
      background-size: cover;

Previous: How can the stack space of the class throw an exception so quickly?

Next: Vue scroll bar to get scrollTop distance sliding too fast to get accurate?

Webpack+vue configuration stylus error
pakage.json devDependencies:{ ... "css-loader": "^0.28.0", "style-loader": "^0.20.3", "stylus": "^0.54.5", "stylus-loader": "^3.0.2", ... } webpack...

Vue-cli webpack stylus

Mar.03,2021
Rewriting the ztree tree style with stylus does not work
<template> <div class="wrapper"> <pop-nav :nav-list="navList">< pop-nav> <pop-title>{{$t("store.shopCategory.title")}}< pop-title> <div class="btn-group...

Stylus ztree

Mar.04,2021
Stylus does not listen to styl files
stylus does not listen on styl files node version 8.11.1 stylus version 0.54.5 also do not report an error, I did not respond after I changed the styl code ...

Stylus css

Mar.11,2021
How to use keyframes nesting in stylus
the original syntax of sass is to be transferred to stylus, but keyframes does not work anyway. The keyframes of stylus is followed by a classname. How to write the nested syntax of name? @ keyframes pic-404__child is also invalid sass .pic-404 ...

Sass stylus

Mar.12,2021
The .styl file was not extracted after webpack4 introduced stylus and css, npm run build.
the .styl file was not extracted after webpack4 introduced stylus and css, build index.js import . index.styl app.[hash:8].css import . main.css main.css webpack.config.prod.js module.exports = merge(webpackCommon, { module: { ...

Extract-text-webpack-plugin style-loader npm stylus webpack

Mar.24,2021
I had a weird problem when I was in stylus backgound-img.
I need to import an icon from the Internet to use stylus background-image:url(https: img.codeshelper.com upload img 2021 03 31 rdcb2yeyjnq14606.png) 10px 0 no-repeat then there is a bizarre problem. indicates the meaning of annotations in stylus ...

Node.js stylus

Mar.31,2021
"@ import" ~ common/stylus/mixin "error reported in mpvue project
"stylus": "^0.54.5", "stylus-loader": "^3.0.2" ...

Stylus html5 javascript

Apr.03,2021
The problem of style Penetration in vuecli scoped
using stylus in vue-cli scoped style uses .el-radio > .el-radio__inner { border-radius: 0; } can modify the component style of this I have tried to work; but I changed to scss; has no effect; I would like to...

Sass stylus vue.js vue-cli

Apr.05,2021
Vue using stylus style does not work
original code: .header display flex line-height .86rem background -sharp00bcd4 color -sharpFFF .header-left width .64rem float left .header-input flex 1 background -sharpFFF height .64rem margin-top .1...

Css stylus

Nov.23,2021
How to solve the problem when webpack import stylus is treated as a dependency,
installation should be fine, but it will still be the same after deletion and reinstallation import Vue from vue import App from . App import router from . router import common stylus index.styl Vue.config.productionTip = false *...

Node.js javascript stylus webpack vue.js

Nov.26,2021
How does stylus generate a child element selector
how to write stylus code to generate child element selector css code like this div > a{ } instead of this div a{ } ...

Stylus css

Dec.02,2021
Vetur cannot highlight stylus syntax?
The style can be run without a problem. but stylus syntax cannot be highlighted. The following settings still do not highlight. restart, it is still useless to reinstall vetur. Heart tiredness ...

Visual-studio-code stylus vue.js vue-plug-in

Dec.09,2021
Using pseudo-elements such as before,after and pseudo-classes in stylus has no effect.
problem description before,after and other pseudo-elements and pseudo-classes have no effect the environmental background of the problems and what methods you have tried Project framework: iview + vue + stylus sets up the background system, and ca...

Vue.js pseudo-class pseudo-element iview stylus

Jan.10,2022
How to use css preprocessor on the mobile side of weex
In the project development of weex, it is hoped that the Css preprocessor is generally used to write with Vue. Under the condition of web compilation, it can be compiled normally, but it cannot be compiled in the compilation environment of the mobile ter...

Less scss stylus vue-loader weex

Mar.19,2022
Is it really necessary to use css preprocessors?
there is a problem that has been plagued for a long time. The css preprocessor seems to be very popular and many people use it, but I don t think it is necessary to use it. I don t know if I misunderstood it, or I don t know how to use it. I hope som...

Vue.js stylus css javascript

May.20,2022
Stylus level
<template lang="html"> <div class="seller-contianer"> <div class="BScroll-warpper"> <div class="seller-all"> <div class="seller-top"> <h1 cla...

Stylus

Jul.04,2022

Menu