添加bar组件
This commit is contained in:
63
QXTfront/uni_modules/lime-icon/components/l-icon/index.scss
Normal file
63
QXTfront/uni_modules/lime-icon/components/l-icon/index.scss
Normal file
@@ -0,0 +1,63 @@
|
||||
// 公共前缀
|
||||
@import '@/uni_modules/lime-style/index.scss';
|
||||
@import './icon';
|
||||
|
||||
$use-css-var: true;
|
||||
|
||||
$prefix: l !default;
|
||||
$icon: #{$prefix}-icon;
|
||||
|
||||
/* #ifdef APP-NVUE || UNI-APP-X && APP */
|
||||
$icon-size: create-var(icon-size, 16px);
|
||||
$icon-color: create-var(icon-color, $text-color-1);
|
||||
/* #endif */
|
||||
|
||||
/* #ifndef APP-NVUE || UNI-APP-X && APP */
|
||||
$icon-size: create-var(icon-size, 1em);
|
||||
$icon-color: create-var(icon-color, currentColor);
|
||||
:host {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
|
||||
.#{$icon} {
|
||||
/* #ifndef APP-NVUE || UNI-APP-X && APP */
|
||||
font-family: $prefix;
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
/* #endif */
|
||||
|
||||
&--font {
|
||||
font-family: $prefix;
|
||||
text-align: center;
|
||||
// font-size: $icon-size;
|
||||
// color: $icon-color;
|
||||
/* #ifndef APP-NVUE || UNI-APP-X && APP */
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
// -webkit-background-clip: text;
|
||||
// background-clip: text;
|
||||
/* #endif */
|
||||
}
|
||||
&--image {
|
||||
width: $icon-size;
|
||||
height: $icon-size;
|
||||
// background: red;
|
||||
/* #ifndef APP-NVUE || UNI-APP-X && APP */
|
||||
display: block;
|
||||
/* #endif */
|
||||
/* #ifdef WEB */
|
||||
position: relative;
|
||||
// ::deep(img) {
|
||||
// z-index: -1;
|
||||
// }
|
||||
/* #endif */
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user