You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1019 B
68 lines
1019 B
1 year ago
|
<template>
|
||
|
|
<view>
|
||
|
|
<u-button @click="open">
|
||
|
|
打开模态框1
|
||
|
|
</u-button>
|
||
|
|
{{state}}
|
||
|
|
<stock-state index="2" ref="stockState" width="400rpx" height="100rpx" @updateState="updateState1">
|
||
|
|
|
||
|
|
<!-- <slot-one slot="11s">
|
||
|
|
<view>111</view>
|
||
|
|
</slot-one> -->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</stock-state>
|
||
|
|
<!-- <u-button shape="square">乌啼</u-button> -->
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import stockState from '@/mycomponents/stockState/stockState.vue'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
stockState
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
state: '1'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
open() {
|
||
|
|
this.$refs.stockState.open();
|
||
|
|
},
|
||
|
|
updateState1(state) {
|
||
|
|
this.state = state;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.item {
|
||
|
|
width: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
display: flex;
|
||
|
|
/* flex-direction: column; */
|
||
|
|
justify-content: flex-start;
|
||
|
|
align-items: center;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
background-color: #C8C7CC;
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.a {
|
||
|
|
width: 25%;
|
||
|
|
height: 18vh;
|
||
|
|
background-color: #4CD964;
|
||
|
|
border: 1vh solid #FFFFFF;
|
||
|
|
}
|
||
|
|
</style>
|