This commit is contained in:
qsh
2023-03-21 00:53:28 +08:00
parent 953377e655
commit 955687d473
171 changed files with 7149 additions and 7341 deletions

View File

@@ -14,55 +14,55 @@
</template>
<script>
import icons from './requireIcons'
import icons from './requireIcons';
export default {
name: 'IconSelect',
data() {
return {
name: '',
iconList: icons
}
};
},
methods: {
filterIcons() {
this.iconList = icons
this.iconList = icons;
if (this.name) {
this.iconList = this.iconList.filter(item => item.includes(this.name))
this.iconList = this.iconList.filter((item) => item.includes(this.name));
}
},
selectedIcon(name) {
this.$emit('selected', name)
document.body.click()
this.$emit('selected', name);
document.body.click();
},
reset() {
this.name = ''
this.iconList = icons
this.name = '';
this.iconList = icons;
}
}
}
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.icon-body {
width: 100%;
padding: 10px;
.icon-list {
height: 200px;
overflow-y: scroll;
div {
height: 30px;
line-height: 30px;
margin-bottom: -5px;
cursor: pointer;
width: 33%;
float: left;
}
span {
display: inline-block;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.icon-body {
width: 100%;
padding: 10px;
.icon-list {
height: 200px;
overflow-y: scroll;
div {
height: 30px;
line-height: 30px;
margin-bottom: -5px;
cursor: pointer;
width: 33%;
float: left;
}
span {
display: inline-block;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
}
}
</style>

View File

@@ -1,11 +1,10 @@
const req = require.context('../../assets/icons/svg', false, /\.svg$/);
const requireAll = (requireContext) => requireContext.keys();
const req = require.context('../../assets/icons/svg', false, /\.svg$/)
const requireAll = requireContext => requireContext.keys()
const re = /\.\/(.*)\.svg/;
const re = /\.\/(.*)\.svg/
const icons = requireAll(req).map((i) => {
return i.match(re)[1];
});
const icons = requireAll(req).map(i => {
return i.match(re)[1]
})
export default icons
export default icons;