1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
| <template>
| <view class="cu-modal bottom-modal" :class="BottomModal?'show':''">
| <view class="cu-dialog" :style="'height:'+cudiaheight+'rpx'">
| <view v-if="hidshow" class="cu-bar bg-white">
| <view class="action text-green" @click="$emit('submit')">{{modaltitle}}</view>
| <view class="action text-blue fontSize32rpx" @tap="$emit('hideModal')">取消</view>
| </view>
| <view v-if="inputshow" class="cu-bar bg-white">
| <view style="margin-bottom: 5px;height: 45px;"
| class="width background_fff border_top_F2F2F2 flex align-center justify-between border_bottom_fff ">
| <view class="width70 flex align-center">
| <text class="fontSize42rpx margin_left10rpx iconfont icon-tiaomashuru"></text>
| <slot name='serinput'></slot>
| </view>
| <view @tap="$emit('hideModal');" class="margin_right30rpx fontSize32rpx color_1989FA ">
| 取消
| </view>
| </view>
| </view>
| <view class="padding-xl">
| <slot name="content"></slot>
| </view>
| </view>
| </view>
| </template>
|
| <script>
| export default {
| name:"BottomModal",
| data() {
| return {
| sacncode:''
| };
| },
| props:{
| hidshow:{
| type:Boolean,
| default:true
| },
| inputshow:{
| type:Boolean,
| default:false
| },
| BottomModal:{
| type:Boolean,
| default:false
| },
| focusshow:{
| type:Boolean,
| default:true
| },
| cudiaheight:{
| type:String,
| default:'200'
| },
| placeholder:{
| type:String,
| default:''
| },
| modaltitle:{
| type:String,
| default:'确认'
| }
| },
| methods:{
| butonchange(e){
| console.log(e)
| this.sacncode=e.target.value
| this.$emit('butonchange',e.target.value)
| },
| endsacn(){
| this.sacncode=''
| },
| doSearch(e){
| this.sacncode=e.target.value
| this.$emit('doSearch',e.target.value)
| },
| qkseach(){
| console.log(789456464)
| this.sacncode=''
| }
| }
| }
| </script>
|
| <style lang="scss">
|
| </style>
|
|
