|
|
@ -18,7 +18,7 @@
|
|
|
|
<template #title>
|
|
|
|
<template #title>
|
|
|
|
<div style="font-weight: bolder">{{ item.title }}</div>
|
|
|
|
<div style="font-weight: bolder">{{ item.title }}</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<div class="component-group flex flex-warp">
|
|
|
|
<div class="component-group flex flex-wrap">
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
v-for="svg_item in item.list"
|
|
|
|
v-for="svg_item in item.list"
|
|
|
|
class="ideal"
|
|
|
|
class="ideal"
|
|
|
@ -94,12 +94,13 @@
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
|
|
<style scoped lang="less">
|
|
|
|
.component-item {
|
|
|
|
.component-item {
|
|
|
|
width: 100px;
|
|
|
|
width: 110px;
|
|
|
|
height: 30px;
|
|
|
|
height: 30px;
|
|
|
|
border: 1px solid #f0f0f0;
|
|
|
|
border: 1px solid #f0f0f0;
|
|
|
|
border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
cursor: move;
|
|
|
|
cursor: move;
|
|
|
|