mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-02-05 13:00:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

modify scss

Browse Source
This commit is contained in:
songwanli2025@163.com 2020-03-09 10:30:25 +08:00
parent 48dfcfa174
commit a81c970704
2 changed files with 38 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/CustomAdd/src/main.vue
View File

@ -4,6 +4,7 @@
v-for="(item, index) in value"
:key="index"
class="n-custom-add-item"
:class="{[`n-${syntheticTheme}-theme`]: syntheticTheme}"
>
<div v-if="NFormItem" class="n-custom-add-item__content">
<slot :item="item" :index="index">
@ -56,6 +57,7 @@ import mdAdd from '../../_icons/md-add'
import mdRemove from '../../_icons/md-remove'
import asformitem from '../../_mixins/asformitem'
import NCustomAddItem from './item'
import themeable from '../../_mixins/themeable'
export default {
name: 'NCustomAdd',
@ -71,7 +73,7 @@ export default {
NCustomAdd: this
}
},
mixins: [asformitem({
mixins: [themeable, asformitem({
change: 'change',
blur: 'blur',
focus: 'focus',

70
styles/CustomAdd.scss
View File

@ -1,47 +1,47 @@
@import './mixins/mixins.scss';
@include themes-mixin {
@include b(custom-add) {
width: 100%;
@include m(title) {
display: block;
margin: 0 0 8px;
}
@include b(custom-add-item) {
margin-bottom: 10px;
display: flex;
@include e(content) {
flex: 1;
display: inline-block;
display: flex;
@include once {
@include b(custom-add) {
width: 100%;
@include m(title) {
display: block;
margin: 0 0 8px;
}
@include e(action) {
width: 70px;
// align-items: center;
@include b(custom-add-item) {
margin-bottom: 10px;
display: flex;
margin-left: 13px;
@include m(icon) {
cursor: pointer;
@include e(content) {
flex: 1;
display: inline-block;
display: flex;
}
@include e(action) {
width: 70px;
display: flex;
margin-left: 13px;
@include m(icon) {
cursor: pointer;
}
}
&:last-child {
margin-bottom: 0;
}
}
&:last-child {
margin-bottom: 0;
@include b(custom-add-pair) {
width: 100%;
display: flex;
@include b(custom-add-item-input-container-input) {
display: inline-block;
flex: 1;
}
@include b(form-item) {
padding-top: 0!important;
}
}
}
@include b(custom-add-pair) {
width: 100%;
display: flex;
@include b(custom-add-item-input-container-input) {
display: inline-block;
flex: 1;
@include b(custom-add-pair-input){
margin-right: 13px;
}
@include b(form-item) {
padding-top: 0!important;
}
}
@include b(custom-add-pair-input){
margin-right: 13px;
}
}
}