element-plus/ssr-testing/cases/color-picker.vue
JeremyWuuuuu 3f72ec5818
test(ssr): add ssr testing cases (#6657)
* test(ssr): add ssr testing cases

- Add cases for backtop, badge, breadcrumb, button, calendar
- Fix a issue which caused backtop not SSR renderable

* Update card, carousel cascader test cases

* Add more cases
2022-03-18 11:56:41 +08:00

29 lines
584 B
Vue

<template>
<div class="demo-color-block">
<span class="demonstration">With default value</span>
<el-color-picker v-model="color1" />
</div>
<div class="demo-color-block">
<span class="demonstration">With no default value</span>
<el-color-picker v-model="color2" />
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const color1 = ref('#409EFF')
const color2 = ref()
</script>
<style>
.demo-color-block {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.demo-color-block .demonstration {
margin-right: 16px;
}
</style>