注意事项
# 板位形状
下面列出板位所有可能的形状。
# 圆形
<template>
<div class="related-precautions-container-box1">
<as-workflow-plate-16-hole
shape="circle"
plate-type="source"
:active-arr="[]"
select-mode="dynamic_multiple_item"
comp-mark="related-precautions-1"
></as-workflow-plate-16-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
}
},
methods: {}
}
</script>
<style>
.related-precautions-container-box1{
width: 60%;
}
@media screen and (max-width: 480px) {
.related-precautions-container-box1{
width: 100%;
}
}
</style>
Expand Copy Copy
# 正方形
<template>
<div class="related-precautions-container-box2">
<as-workflow-plate-16-hole
shape="squire"
plate-type="source"
:active-arr="[]"
select-mode="dynamic_multiple_item"
comp-mark="related-precautions-2"
></as-workflow-plate-16-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
}
},
methods: {}
}
</script>
<style>
.related-precautions-container-box2{
width: 60%;
}
@media screen and (max-width: 480px) {
.related-precautions-container-box2{
width: 100%;
}
}
</style>
Expand Copy Copy
# 正菱形
<template>
<div class="related-precautions-container-box3">
<as-workflow-plate-16-hole
shape="diamond"
plate-type="source"
:active-arr="[]"
select-mode="dynamic_multiple_item"
comp-mark="related-precautions-3"
></as-workflow-plate-16-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
}
},
methods: {}
}
</script>
<style>
.related-precautions-container-box3{
width: 60%;
}
@media screen and (max-width: 480px) {
.related-precautions-container-box3{
width: 100%;
}
}
</style>
Expand Copy Copy
# 横椭圆
<template>
<div class="related-precautions-container-box4">
<as-workflow-plate-16-hole
shape="horizontal-oval"
plate-type="source"
:active-arr="[]"
select-mode="dynamic_multiple_item"
comp-mark="related-precautions-4"
></as-workflow-plate-16-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
}
},
methods: {}
}
</script>
<style>
.related-precautions-container-box4{
width: 60%;
}
@media screen and (max-width: 480px) {
.related-precautions-container-box4{
width: 100%;
}
}
</style>
Expand Copy Copy
# 纵椭圆
<template>
<div class="related-precautions-container-box5">
<as-workflow-plate-16-hole
shape="vertical-oval"
plate-type="source"
:active-arr="[]"
select-mode="dynamic_multiple_item"
comp-mark="related-precautions-5"
></as-workflow-plate-16-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
}
},
methods: {}
}
</script>
<style>
.related-precautions-container-box5{
width: 60%;
}
@media screen and (max-width: 480px) {
.related-precautions-container-box5{
width: 100%;
}
}
</style>
Expand Copy Copy
# 其它注意点
有这几条需要注意。(1)储液槽板位不能改变孔位形状,也就是说设置shape不会改变形状。(2)当进行动态多选即dynamic_multiple_item时候,不管是点击还是框选,跨区域选择是不被允许的,只会强制清空容器。