study/vue-component-creater-ui
1
0
Fork 0
mirror of https://github.com/sahadev/vue-component-creater-ui.git synced 2025-12-15 06:44:22 +08:00
Code Issues Releases Wiki Activity

feat: 优化属性输入框快速属性标签样式

Browse Source
This commit is contained in:
shangbin
2022-03-30 19:22:45 +08:00
parent 4957b67d7d
commit 1aace9d3d5
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/AttributeInput.vue
View File

@@ -22,16 +22,16 @@
<div style="margin-top: 5px;">
<transition name="el-zoom-in-center">
<el-tag v-if="attributeKeys.indexOf('class') == -1" size="small" type="success" @click="onClassClick"
effect="dark">Class
effect="dark" class="tag">Class
</el-tag>
</transition>
<transition name="el-zoom-in-center">
<el-tag v-if="attributeKeys.indexOf('@click') == -1" size="small" type="success" @click="onEventClick"
effect="dark">点击事件</el-tag>
effect="dark" class="tag">点击事件</el-tag>
</transition>
<transition name="el-zoom-in-center">
<el-tag v-if="!attributeKeys.includes('__text__')" size="small" type="success" @click="onTextClick"
effect="dark">文本内容</el-tag>
effect="dark" class="tag">文本内容</el-tag>
</transition>
</div>
</div>
@@ -262,7 +262,7 @@ export default {
};
</script>
<style scoped>
<style scoped lang="scss">
.container {
padding: 10px;
width: 50%;
@@ -291,6 +291,14 @@ export default {
border-radius: 5px;
font-size: 12px;
color: gray;
.tag {
margin-right: 5px;
}
.tag:last-child{
margin-right: 0;
}
}
.split {