mirror of
https://github.com/sahadev/vue-component-creater-ui.git
synced 2025-06-06 21:14:03 +08:00
feat: 优化属性输入框快速属性标签样式
This commit is contained in:
parent
4957b67d7d
commit
1aace9d3d5
@ -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 {
|
||||
|
Loading…
x
Reference in New Issue
Block a user