diff --git a/assets/css/v12-style.less b/assets/css/v12-style.less index 3c1ff9a..5fdf542 100644 --- a/assets/css/v12-style.less +++ b/assets/css/v12-style.less @@ -2,30 +2,22 @@ @primary-color: #C52733; @dark-color: #333333; @white-color: #fff; + +@colors: #C52733, #333333, #fff; +@classnames: primary, dark, white; /*=====================================*/ -.v12-primary{ - background-color: @primary-color; - background: @primary-color; -} -.v12-primary-text{ - color: @primary-color; -} -.v12-dark{ - background: @dark-color !important; - background-color: @dark-color !important; -} -.v12-dark-text{ - color: @dark-color !important; -} -.v12-white{ - background-color: @white-color; - background: @white-color; -} -.v12-white-color{ - background-color: @white-color; - background: @white-color; -} +each(@colors, { + @color: extract(@colors, @index); + @classname: extract(@classnames, @index); + .v12-@{classname} { + background-color: @color !important; + background: @color !important; + } + .v12-@{classname}-text{ + color: @color !important; + } +}); .generateFontSize(@i) when (@i <= 80) { .v12-font-@{i} { @@ -48,6 +40,11 @@ display: flex; justify-content: center; } +.v12-d-grid-columns-2 { + display: grid; + grid-template-columns: 1fr 1fr; +} + diff --git a/pkg_product/views/famousQianxianShop.vue b/pkg_product/views/famousQianxianShop.vue index 1a8afe9..b26881d 100644 --- a/pkg_product/views/famousQianxianShop.vue +++ b/pkg_product/views/famousQianxianShop.vue @@ -240,7 +240,7 @@ 图片 - +