You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.1 KiB
Vue
53 lines
1.1 KiB
Vue
<!--
|
|
* @Author: weisheng
|
|
* @Date: 2023-06-12 18:40:58
|
|
* @LastEditTime: 2024-01-03 21:31:31
|
|
* @LastEditors: weisheng
|
|
* @Description:
|
|
* @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-steps/wd-steps.vue
|
|
* 记得注释
|
|
-->
|
|
<template>
|
|
<view :class="`wd-steps ${customClass} ${vertical ? 'is-vertical' : ''}`">
|
|
<slot />
|
|
</view>
|
|
</template>
|
|
<script lang="ts">
|
|
export default {
|
|
name: 'wd-steps',
|
|
options: {
|
|
addGlobalClass: true,
|
|
virtualHost: true,
|
|
styleIsolation: 'shared'
|
|
}
|
|
}
|
|
</script>
|
|
<script lang="ts" setup>
|
|
import { useChildren } from '../composables/useChildren'
|
|
import { STEPS_KEY } from './types'
|
|
|
|
interface Props {
|
|
customClass?: string
|
|
active?: number
|
|
vertical?: boolean
|
|
dot?: boolean
|
|
space?: string
|
|
alignCenter?: boolean
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
customClass: '',
|
|
active: 0,
|
|
vertical: false,
|
|
dot: false,
|
|
alignCenter: false
|
|
})
|
|
|
|
const { linkChildren } = useChildren(STEPS_KEY)
|
|
|
|
linkChildren({ props })
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@import './index.scss';
|
|
</style>
|