1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <template>
- <view
- class="u-steps"
- :class="[`u-steps--${direction}`]"
- >
- <slot></slot>
- </view>
- </template>
- <script>
- import props from './props.js';
-
- export default {
- name: 'u-steps',
- mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
- data() {
- return {
- }
- },
- watch: {
- children() {
- this.updateChildData()
- },
- parentData() {
- this.updateChildData()
- }
- },
- computed: {
-
- parentData() {
- return [this.current, this.direction, this.activeColor, this.inactiveColor, this.activeIcon, this.inactiveIcon, this.dot]
- }
- },
- methods: {
-
- updateChildData() {
- this.children.map(child => {
-
- uni.$u.test.func((child || {}).updateFromParent()) && child.updateFromParent()
- })
- },
-
- updateFromChild() {
- this.updateChildData()
- }
- },
- created() {
- this.children = []
- }
- }
- </script>
- <style lang="scss" scoped>
- @import "../../libs/css/components.scss";
- .u-steps {
- @include flex;
- &--column {
- flex-direction: column
- }
- &--row {
- flex-direction: row;
- flex: 1;
- }
- }
- </style>
|