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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
| <template>
| <view>
| <view class="show-box-bg wx-login-box" @tap.self="$emit('cancel')">
| <view class="conten">
| <view class="titl">
| {{ textmsg.title }}
| </view>
| <view class="text">
| {{ textmsg.content }}
| </view>
| <view class="text" style="margin-bottom: 50rpx;">
| {{ textmsg.contentTwo || '' }}
| </view>
| <view class="btn-box">
| <view class="cancel" @tap="$emit('cancel')">
| {{ textmsg.cancel }}
| </view>
| <view class="confirm" @tap="$emit('confirm',textmsg.type)">
| {{ textmsg.confirm }}
| </view>
| </view>
| </view>
| </view>
| </view>
| </template>
|
| <script>
| export default {
| props:['textmsg'],
| data() {
| return {
|
| }
| },
| methods:{
| operation(e){
| let type = e
| this.$emit('operation',type);
| },
| }
| }
| </script>
|
| <style scoped lang="scss">
| .wx-login-box {
| width: 100%;
| position: fixed;
| top: 0;
| left: 0;
| height: 100%;
| background-color: rgba(0, 0, 0, 0.6);
| z-index: 901;
| .conten {
| width: 78%;
| // height: 400upx;
| background-color: #ffffff;
| z-index: 1000;
| position: absolute;
| top: 50%;
| left: 50%;
| transform: translate(-50%,-50%);
| border-radius: 14upx;
| overflow: hidden;
| .titl {
| width: 90%;
| height: 110rpx;
| font-size: 40rpx;
| padding: 0 5%;
| color: #000000;
| text-align: center;
| line-height: 140rpx;
| }
| .text {
| width: 90%;
| font-size: 28rpx;
| color: #000000;
| padding: 0 5%;
| text-align: center;
| }
| .memberY {
| width: 90%;
| font-size: 28rpx;
| color: #07c1ea;
| padding: 0 5%;
| text-align: center;
| }
| .memberB {
| width: 90%;
| font-size: 28rpx;
| color: #007AFF;
| padding: 0 5%;
| text-align: center;
| }
| .btn-box {
| width: 100%;
| height: 90rpx;
| display: flex;
| border-top: 2rpx solid #969696;
| .cancel {
| width: 50%;
| height: 100%;
| font-size: 40rpx;
| color: #999;
| text-align: center;
| line-height: 89rpx;
| border-right: 2rpx solid #969696;
| }
| .confirm {
| width: 50%;
| height: 100%;
| font-size: 40rpx;
| color: #07c1ea;
| text-align: center;
| line-height: 99rpx;
| }
| }
| }
|
| }
|
| </style>
|
|
