李志伟 3 年前
父节点
当前提交
6a2ae7ca3f
共有 3 个文件被更改,包括 0 次插入103 次删除
  1. 0
    34
      src/components/Popup.vue
  2. 0
    46
      src/components/ShaerPopup.vue
  3. 0
    23
      src/components/WinningPopup.vue

+ 0
- 34
src/components/Popup.vue 查看文件

122
         this.myShareShow = false
122
         this.myShareShow = false
123
       }
123
       }
124
       this.transform()
124
       this.transform()
125
-
126
-      // if (!val) {
127
-      //   this.closeMyself()
128
-      // } else {
129
-      //   this.showSelf = val
130
-      // }
131
     }
125
     }
132
   },
126
   },
133
   created() {
127
   created() {
152
         query: { states: 0 }
146
         query: { states: 0 }
153
       })
147
       })
154
     },
148
     },
155
-    saveClick() {
156
-      this.$router.replace({
157
-        path: 'SaveShare',
158
-        query: { states: 1 }
159
-      })
160
-    },
161
     transform() {
149
     transform() {
162
       setTimeout(() => {
150
       setTimeout(() => {
163
         this.classDivAA = this.show
151
         this.classDivAA = this.show
253
   display: flex;
241
   display: flex;
254
   justify-content: center;
242
   justify-content: center;
255
   position: relative;
243
   position: relative;
256
-
257
-  .header {
258
-    padding: 15px;
259
-    text-align: center;
260
-    font-size: 18px;
261
-    font-weight: 700;
262
-    color: #333;
263
-  }
264
   .dialog-body {
244
   .dialog-body {
265
     flex: 1;
245
     flex: 1;
266
     overflow-x: hidden;
246
     overflow-x: hidden;
279
         transform-style: preserve-3d;
259
         transform-style: preserve-3d;
280
         transition: all 1.2s ease;
260
         transition: all 1.2s ease;
281
 
261
 
282
-        // div {
283
-        //   // position: relative;
284
-        //   position: absolute;
285
-        //   width: 100%;
286
-        //   height: 100%;
287
-        //   /* 背面不显示 */
288
-        //   // backface-visibility: hidden;
289
-        // }
290
         .front {
262
         .front {
291
         }
263
         }
292
         .back {
264
         .back {
293
           position: absolute;
265
           position: absolute;
294
           transform: rotateY(180deg);
266
           transform: rotateY(180deg);
295
-
296
-          // animation: change 0.8s linear forwards;
297
-        }
298
-
299
-        img {
300
-          width: 48vw;
301
         }
267
         }
302
       }
268
       }
303
       .flipped {
269
       .flipped {

+ 0
- 46
src/components/ShaerPopup.vue 查看文件

57
     show(val) {
57
     show(val) {
58
       console.log('🚀 ~ file: Popup.vue ~ line 78 ~ show ~ val', val)
58
       console.log('🚀 ~ file: Popup.vue ~ line 78 ~ show ~ val', val)
59
       this.showSelf = val
59
       this.showSelf = val
60
-
61
-      // this.closeMyself()
62
-
63
-      // if (!val) {
64
-      //   this.closeMyself()
65
-      // } else {
66
-      //   this.showSelf = val
67
-      // }
68
     }
60
     }
69
   },
61
   },
70
   created() {
62
   created() {
175
   display: flex;
167
   display: flex;
176
   justify-content: center;
168
   justify-content: center;
177
   position: relative;
169
   position: relative;
178
-
179
-  .header {
180
-    padding: 15px;
181
-    text-align: center;
182
-    font-size: 18px;
183
-    font-weight: 700;
184
-    color: #333;
185
-  }
186
   .dialog-body {
170
   .dialog-body {
187
     flex: 1;
171
     flex: 1;
188
     overflow-x: hidden;
172
     overflow-x: hidden;
200
         z-index: 45;
184
         z-index: 45;
201
         width: 280px;
185
         width: 280px;
202
         height: 464px;
186
         height: 464px;
203
-        // div {
204
-        //   // position: relative;
205
-        //   position: absolute;
206
-        //   width: 100%;
207
-        //   height: 100%;
208
-        //   /* 背面不显示 */
209
-        //   // backface-visibility: hidden;
210
-        // }
211
-
212
-        img {
213
-          width: 48vw;
214
-        }
215
-      }
216
-      .flipped {
217
-        animation: change 0.8s linear forwards;
218
-      }
219
-    }
220
-    @keyframes change {
221
-      from {
222
-        top: -20vh;
223
-        left: -20vw;
224
-        opacity: 0;
225
-        transform: scale(0.5);
226
-      }
227
-      to {
228
-        top: -0;
229
-        left: -0;
230
-        opacity: 2;
231
-        transform: scale(1);
232
-        transform: rotateY(180deg);
233
       }
187
       }
234
     }
188
     }
235
     //底部按钮
189
     //底部按钮

+ 0
- 23
src/components/WinningPopup.vue 查看文件

41
 <script>
41
 <script>
42
 export default {
42
 export default {
43
   name: 'WinningPopup',
43
   name: 'WinningPopup',
44
-  components: {},
45
   props: {
44
   props: {
46
     show: {
45
     show: {
47
       type: Boolean,
46
       type: Boolean,
49
       required: true
48
       required: true
50
     },
49
     },
51
 
50
 
52
-    cancelText: {
53
-      type: String,
54
-      default: '取消',
55
-      required: false
56
-    },
57
     currentMonth: {
51
     currentMonth: {
58
       type: Object
52
       type: Object
59
     }
53
     }
68
       classDivAA: false,
62
       classDivAA: false,
69
       myShareShow: false,
63
       myShareShow: false,
70
       backimg: require('../assets/luckyImg/2.jpg'),
64
       backimg: require('../assets/luckyImg/2.jpg'),
71
-
72
-      stater: null
73
     }
65
     }
74
   },
66
   },
75
   watch: {
67
   watch: {
76
     show(val) {
68
     show(val) {
77
-      console.log('🚀 ~ file: Popup.vue ~ line 78 ~ show ~ val', val)
78
       this.showSelf = val
69
       this.showSelf = val
79
       if (this.show === false) {
70
       if (this.show === false) {
80
         this.myShareShow = false
71
         this.myShareShow = false
92
     }
83
     }
93
   },
84
   },
94
   methods: {
85
   methods: {
95
-    canckle() {
96
-    },
97
-    shareClick() {
98
-      this.$router.replace({
99
-        path: 'SaveShare',
100
-        query: { states: 0 }
101
-      })
102
-    },
103
-    saveClick() {
104
-      this.$router.replace({
105
-        path: 'SaveShare',
106
-        query: { states: 1 }
107
-      })
108
-    },
109
     transform() {
86
     transform() {
110
       setTimeout(() => {
87
       setTimeout(() => {
111
         this.classDivAA = this.show
88
         this.classDivAA = this.show