李志伟 3 years ago
parent
commit
f191fd0f4f

+ 4
- 4
src/components/BossCard/style.less View File

115
       }
115
       }
116
       //图片
116
       //图片
117
       .title-image {
117
       .title-image {
118
-        width: 145px;
118
+        height: 144px;
119
         margin-left: 20px;
119
         margin-left: 20px;
120
         border-radius: 24px;
120
         border-radius: 24px;
121
         overflow: hidden;
121
         overflow: hidden;
122
         position: relative;
122
         position: relative;
123
         .image-1 {
123
         .image-1 {
124
-          width: 100%;
125
-          height: 145px;
124
+          width: 144px;
125
+          height: 144px;
126
+          margin: 0;
126
         }
127
         }
127
         .image-2 {
128
         .image-2 {
128
           width: 89px;
129
           width: 89px;
129
           height: 34px;
130
           height: 34px;
130
           position: absolute;
131
           position: absolute;
131
           left: 0;
132
           left: 0;
132
-          top: 0;
133
         }
133
         }
134
       }
134
       }
135
       // 商品标题
135
       // 商品标题

+ 0
- 6
src/components/CollectList/MyCollect/index.jsx View File

1
 import Taro from '@tarojs/taro'
1
 import Taro from '@tarojs/taro'
2
-import useSave from "@/utils/hooks/useSave"
3
 import useLike from "@/utils/hooks/useLike"
2
 import useLike from "@/utils/hooks/useLike"
4
-
5
-import { getShopDetail, getShopcity } from '@/services/home'
6
-import { useState, useEffect } from 'react'
7
 import { View } from '@tarojs/components'
3
 import { View } from '@tarojs/components'
8
 import formatPrice from "@/utils/formatPrice";
4
 import formatPrice from "@/utils/formatPrice";
9
 import Star from '@/components/Star/Star.jsx'
5
 import Star from '@/components/Star/Star.jsx'
12
 import Attractions from '@/assets/icons/GuideCheck/Attractions.png'
8
 import Attractions from '@/assets/icons/GuideCheck/Attractions.png'
13
 import baozan from '@/assets/icons/housemantj/爆赞.png'
9
 import baozan from '@/assets/icons/housemantj/爆赞.png'
14
 import weibaozan from '@/assets/icons/housemantj/未赞.png'
10
 import weibaozan from '@/assets/icons/housemantj/未赞.png'
15
-import starOn from '@/assets/icons/housemantj/onlove.png'
16
-import starOff from '@/assets/icons/housemantj/景点爆赞.png'
17
 import food from '@/assets/icons/ProCard/food.png'
11
 import food from '@/assets/icons/ProCard/food.png'
18
 import ProCard_hot from '@/assets/icons/ProCard/ProCard_hot.png'
12
 import ProCard_hot from '@/assets/icons/ProCard/ProCard_hot.png'
19
 
13
 

+ 5
- 82
src/components/CollectList/MyCollect/style.less View File

182
   position: relative;
182
   position: relative;
183
   //右面部分
183
   //右面部分
184
   .right-content {
184
   .right-content {
185
-    // width: 100px;
186
-    height: 120px;
185
+    width: 60px;
186
+    height: 134px;
187
     position: absolute;
187
     position: absolute;
188
-    top: 50%;
189
-    left: 50%;
190
-    transform: translate(-50%, -50%);
191
-    // border: 1px solid red;
192
-
193
-    .right-number {
194
-      // width: 32px;
195
-      // font-size: 20px;
196
-      // border-radius: 4px;
197
-      // border: 2px solid #999;
198
-      // margin: auto;
199
-      // text-align: center;
200
-    }
188
+    top: calc(50% - 45px);
189
+    left: calc(50% - 30px);
201
     .right-image {
190
     .right-image {
202
-      // float: convert();
203
       width: 35px;
191
       width: 35px;
204
       height: 34px;
192
       height: 34px;
205
-      margin: 0 auto;
206
-      align-items: center;
207
-      margin: auto;
208
-      padding-left: 8px;
209
-      // text-align: center;
193
+      margin-left: calc(50% - 17.5px);
210
     }
194
     }
211
 
195
 
212
     .right-title {
196
     .right-title {
393
   // }
377
   // }
394
 }
378
 }
395
 
379
 
396
-.right-complete-two {
397
-  background: @whiteColor;
398
-  background: radial-gradient(
399
-        circle at top left,
400
-        transparent 15px,
401
-        @whiteColor 0
402
-      )
403
-      top left,
404
-    radial-gradient(circle at bottom left, transparent 15px, @whiteColor 0)
405
-      bottom left;
406
-  background-size: 100% 60%;
407
-  background-repeat: no-repeat;
408
-  width: 129px;
409
-  border-radius: 0 15px 15px 0;
410
-  position: relative;
411
-  //右面部分
412
-  .right-content {
413
-    // width: 100px;
414
-    height: 120px;
415
-    position: absolute;
416
-    top: 50%;
417
-    left: 50%;
418
-    transform: translate(-50%, -50%);
419
-    // border: 1px solid red;
420
-
421
-    .right-number {
422
-      // width: 32px;
423
-      // font-size: 20px;
424
-      // border-radius: 4px;
425
-      // border: 2px solid #999;
426
-      // margin: auto;
427
-      // text-align: center;
428
-    }
429
-    .right-image {
430
-      // float: convert();
431
-      width: 35px;
432
-      height: 34px;
433
-      margin: 0 auto;
434
-      align-items: center;
435
-      margin: auto;
436
-      padding-left: 8px;
437
-      // text-align: center;
438
-    }
439
-
440
-    .right-title {
441
-      font-weight: 700;
442
-      font-size: 24px;
443
-      padding-top: 15px;
444
-      text-align: center;
445
-    }
446
-  }
447
-}
448
-//线条
449
-.right-complete-two::after {
450
-  content: "";
451
-  position: absolute;
452
-  top: 15px;
453
-  margin: 26px auto;
454
-  height: 70%;
455
-  border-left: 1px dashed #595959;
456
-}

+ 0
- 8
src/components/CompoentsOrder/complete/style.less View File

4
   margin: 40px auto;
4
   margin: 40px auto;
5
   padding: 0 30px;
5
   padding: 0 30px;
6
   .OrderNumber {
6
   .OrderNumber {
7
-    // width: 234px;
8
     height: 19px;
7
     height: 19px;
9
     font-size: 20px;
8
     font-size: 20px;
10
     font-weight: 400;
9
     font-weight: 400;
15
     margin-top: 40px;
14
     margin-top: 40px;
16
     display: flex;
15
     display: flex;
17
     position: relative;
16
     position: relative;
18
-    // margin-top: 600px;
19
     margin: 30px auto;
17
     margin: 30px auto;
20
     width: 700px;
18
     width: 700px;
21
 
19
 
22
-    // box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
23
-    // filter: drop-shadow(5px 8px 6px rgb(202, 202, 202));
24
     filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.12));
20
     filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.12));
25
     .card-box-star {
21
     .card-box-star {
26
       position: absolute;
22
       position: absolute;
171
         }
167
         }
172
       }
168
       }
173
     }
169
     }
174
-    // .left-complete-one:nth-child(2) {
175
-    //   background: rgb(182, 0, 0);
176
-    //   padding-top: 10px;
177
-    // }
178
   }
170
   }
179
 
171
 
180
   .right-complete-two {
172
   .right-complete-two {

+ 0
- 7
src/pages/MineUserAll/AllOrder/index.jsx View File

1
-
2
 import { useState, useEffect, } from 'react'
1
 import { useState, useEffect, } from 'react'
3
 import { Taro, useRouter } from '@tarojs/taro'
2
 import { Taro, useRouter } from '@tarojs/taro'
4
 import withLayout from '@/layouts'
3
 import withLayout from '@/layouts'
5
-
6
 import CustomNav from '@/components/CustomNav'
4
 import CustomNav from '@/components/CustomNav'
7
-import AlreadyExpired from '@/components/CompoentsOrder/AlreadyExpired'
8
-import AlreadyUsed from '@/components/CompoentsOrder/AlreadyUsed'
9
 import Complete from '@/components/CompoentsOrder/complete'
5
 import Complete from '@/components/CompoentsOrder/complete'
10
-import TobePaid from '@/components/CompoentsOrder/TobePaid'
11
-import TobeWritten from '@/components/CompoentsOrder/TobeWritten'
12
-
13
 import './style.less'
6
 import './style.less'
14
 
7
 
15
 
8
 

+ 0
- 232
src/pages/MineUserAll/Collect/style.less View File

2
 
2
 
3
 .box-content {
3
 .box-content {
4
   padding: 0 25px;
4
   padding: 0 25px;
5
-
6
-  //卡片---------------
7
-
8
-  .wrapper {
9
-    margin-top: 40px;
10
-    display: flex;
11
-    position: relative;
12
-    // margin-top: 600px;
13
-    // margin: 30px auto;
14
-    width: 700px;
15
-
16
-    // box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
17
-    // filter: drop-shadow(5px 8px 6px rgb(202, 202, 202));
18
-    filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.12));
19
-    .card-box-star {
20
-      position: absolute;
21
-      width: auto;
22
-      height: 44.3px;
23
-      position: absolute;
24
-      left: 200px;
25
-      top: 28px;
26
-      font-size: 20px;
27
-      color: @whiteColor;
28
-      .card-star-image {
29
-        padding-left: 6px;
30
-        width: 21px;
31
-        height: 21px;
32
-      }
33
-      .card-star-text {
34
-        padding-left: 10px;
35
-        font-size: 20px;
36
-        color: #333;
37
-        font-weight: 700;
38
-      }
39
-    }
40
-
41
-    .left-complete-one {
42
-      padding-top: 85px;
43
-      padding-bottom: 43px;
44
-      position: relative;
45
-      display: flex;
46
-      background: @whiteColor;
47
-      background: radial-gradient(
48
-            circle at top right,
49
-            transparent 15px,
50
-            @whiteColor 0
51
-          )
52
-          top right,
53
-        radial-gradient(circle at bottom right, transparent 15px, @whiteColor 0)
54
-          bottom right;
55
-      background-size: 100% 60%;
56
-      background-repeat: no-repeat;
57
-
58
-      width: 573px;
59
-      border-radius: 15px 0px 0px 15px;
60
-      // border-radius: 12px;
61
-
62
-      align-items: center;
63
-      .left-image-1 {
64
-        width: 145px;
65
-        height: 44px;
66
-        position: absolute;
67
-        top: 22px;
68
-      }
69
-      .left-viewText {
70
-        // background-image: url(@Image-ProCard_hot);
71
-        // width: 287px;
72
-        width: auto;
73
-        height: 44.3px;
74
-        position: absolute;
75
-        left: 1px;
76
-        top: 28px;
77
-        font-size: 20px;
78
-        color: @whiteColor;
79
-      }
80
-      //图片
81
-      .title-image {
82
-        width: 145px;
83
-        margin-left: 20px;
84
-        border-radius: 24px;
85
-        overflow: hidden;
86
-        position: relative;
87
-        .image-1 {
88
-          width: 100%;
89
-          height: 145px;
90
-        }
91
-        .image-2 {
92
-          width: 89px;
93
-          height: 34px;
94
-          position: absolute;
95
-          left: 0;
96
-          top: 0;
97
-        }
98
-      }
99
-      // 商品标题
100
-      .title-content {
101
-        // padding: 84px 0 56px 20px;
102
-        padding-left: 18px;
103
-
104
-        .Pro-title {
105
-          .title-text {
106
-            width: 375px;
107
-            overflow: hidden;
108
-            text-overflow: ellipsis;
109
-            // display: -webkit-box; //必须要
110
-            -webkit-line-clamp: 1;
111
-            -webkit-box-orient: vertical;
112
-            // word-break: break-all; /* 多出文本省略号代替 */
113
-            text-align: left;
114
-            font-size: 24px;
115
-            // padding-bottom: 10px;
116
-          }
117
-        }
118
-        .title-money {
119
-          // padding-top: 34px;
120
-          font-size: 24px;
121
-          // color: red;
122
-          font-weight: 800;
123
-        }
124
-        .title-money-2 {
125
-          font-size: 18px;
126
-          color: #666;
127
-          padding-left: 10px;
128
-          text-decoration: line-through;
129
-        }
130
-
131
-        .title-time {
132
-          font-size: 24px;
133
-          // padding-top: 20px;
134
-          color: #c0c8d3;
135
-        }
136
-        .title-position-on {
137
-          display: flex;
138
-          font-size: 20px;
139
-          .title-position {
140
-            width: 18px;
141
-            height: 24px;
142
-            padding-right: 10px;
143
-            padding-top: 5px;
144
-          }
145
-          .title-position-image {
146
-            align-items: center;
147
-            font-size: 20px;
148
-            color: #333;
149
-          }
150
-          .title-on {
151
-            // margin-bottom: 10px;
152
-            padding-top: 5px;
153
-            padding-left: 40px;
154
-            width: 21px;
155
-            height: 21px;
156
-            padding-right: 10px;
157
-          }
158
-          .title-on-text {
159
-            align-items: center;
160
-
161
-            font-size: 20px;
162
-            color: #333;
163
-          }
164
-        }
165
-      }
166
-    }
167
-    // .left-complete-one:nth-child(2) {
168
-    //   background: rgb(182, 0, 0);
169
-    //   padding-top: 10px;
170
-    // }
171
-  }
172
-
173
-  .right-complete-two {
174
-    background: @whiteColor;
175
-    background: radial-gradient(
176
-          circle at top left,
177
-          transparent 15px,
178
-          @whiteColor 0
179
-        )
180
-        top left,
181
-      radial-gradient(circle at bottom left, transparent 15px, @whiteColor 0)
182
-        bottom left;
183
-    background-size: 100% 60%;
184
-    background-repeat: no-repeat;
185
-    width: 129px;
186
-    border-radius: 0 15px 15px 0;
187
-    position: relative;
188
-    //右面部分
189
-    .right-content {
190
-      // width: 100px;
191
-      height: 120px;
192
-      position: absolute;
193
-      top: 50%;
194
-      left: 50%;
195
-      transform: translate(-50%, -50%);
196
-      // border: 1px solid red;
197
-
198
-      .right-number {
199
-        // width: 32px;
200
-        // font-size: 20px;
201
-        // border-radius: 4px;
202
-        // border: 2px solid #999;
203
-        // margin: auto;
204
-        // text-align: center;
205
-      }
206
-      .right-image {
207
-        // float: convert();
208
-        width: 35px;
209
-        height: 34px;
210
-        margin: 0 auto;
211
-        align-items: center;
212
-        margin: auto;
213
-        padding-left: 8px;
214
-        // text-align: center;
215
-      }
216
-
217
-      .right-title {
218
-        font-weight: 700;
219
-        font-size: 24px;
220
-        padding-top: 15px;
221
-        text-align: center;
222
-      }
223
-    }
224
-  }
225
-  //线条
226
-  .right-complete-two::after {
227
-    content: "";
228
-    position: absolute;
229
-    top: 15px;
230
-    margin: 26px auto;
231
-    height: 70%;
232
-    border-left: 1px dashed #595959;
233
-  }
234
   .foot {
5
   .foot {
235
-    width: 100%;
236
-    height: 26px;
237
     font-size: 28px;
6
     font-size: 28px;
238
-    font-weight: 400;
239
     color: #c0c8d3;
7
     color: #c0c8d3;
240
     line-height: 34px;
8
     line-height: 34px;
241
     margin-top: 40px;
9
     margin-top: 40px;

+ 0
- 37
src/pages/index/tabs/Guide.jsx View File

12
 import { getTaRoom, goToRoomForm } from '@/services/taRoom​'
12
 import { getTaRoom, goToRoomForm } from '@/services/taRoom​'
13
 import  useTrackClick from '@/utils/hooks/useTrackClick'
13
 import  useTrackClick from '@/utils/hooks/useTrackClick'
14
 import showMore from '../../../assets/icons/housemantj/查看更多.png'
14
 import showMore from '../../../assets/icons/housemantj/查看更多.png'
15
-
16
 import './GuideCss/style.less'
15
 import './GuideCss/style.less'
17
 
16
 
18
 
17
 
264
           </view>
263
           </view>
265
         </view>
264
         </view>
266
         {(spackage || []).map((item, index) => <BossCard cardNavigateTo={cardNavigateTo} key={(index)} trackClick={trackClick} taRoomContent={taRoomContent} item={item} />)}
265
         {(spackage || []).map((item, index) => <BossCard cardNavigateTo={cardNavigateTo} key={(index)} trackClick={trackClick} taRoomContent={taRoomContent} item={item} />)}
267
-        {/* 卡片------------- */}
268
-        {/* <view className='Guide-Content-box-two'>
269
-          <view className='title-image-two'>
270
-            <image mode='scaleToFill' className='title-image-cup-two' src={Cup} />
271
-            <text className='title-title-boss-two' >老板推荐的攻略</text>
272
-          </view>
273
-        </view>
274
-        <view className='Raiders-box-one'>
275
-          <view className='Raiders-imageLove'>
276
-            <image className='Raiders-image-Raiders' src={Raiders} />
277
-            <image className='Raiders-image-loveOn' src={loveOn} />
278
-          </view>
279
-          <view className='Raiders-box'>
280
-            <image className='Raiders-image' mode='widthFix' src={RaidersImage} />
281
-            <text className='Raiders-text'>南京古称金陵,自东吴孙权迁都南京以来,多个汉字汉字汉字汉字</text>
282
-            <view className='Raiders-kilometer-on'>
283
-              <image className='Raiders-kilometer' src={position} />
284
-              <text className='Raiders-kilometer-image'>12.8公里</text>
285
-              <text className='Raiders-on-text'>¥8888/人</text>
286
-            </view>
287
-          </view>
288
-          <view className='Raiders-box' style='padding-lift:10px'>
289
-            <view className='Raiders-imageLove'>
290
-              <image className='Raiders-image-Raiders' src={Raiders} />
291
-              <image className='Raiders-image-loveOn' src={loveOn} />
292
-            </view>
293
-            <image className='Raiders-image' mode='widthFix' src={RaidersImage} />
294
-            <text className='Raiders-text'>南京古称金陵,自东吴孙权迁都南京以来,多个汉字汉字汉字汉字</text>
295
-            <view className='Raiders-kilometer-on'>
296
-              <image className='Raiders-kilometer' src={position} />
297
-              <text className='Raiders-kilometer-image'>12.8公里</text>
298
-              <text className='Raiders-on-text'>¥8888/人</text>
299
-            </view>
300
-          </view>
301
-        </view> */}
302
       </view>
266
       </view>
303
     </scroll-view>
267
     </scroll-view>
304
-
305
   )
268
   )
306
 }
269
 }

+ 3
- 198
src/pages/index/tabs/GuideCss/style.less View File

151
       text-align: center;
151
       text-align: center;
152
       padding: 30px auto;
152
       padding: 30px auto;
153
       padding-top: 30px;
153
       padding-top: 30px;
154
-      .articleCard-left {
155
-      }
156
-      .articleCard-right {
157
-      }
158
     }
154
     }
159
     .articleCard-content {
155
     .articleCard-content {
160
       width: 100%;
156
       width: 100%;
247
       }
243
       }
248
     }
244
     }
249
   }
245
   }
250
-  // .Guide-Content-box-boss {
251
-
252
-  //   .title-image {
253
-  //     display: flex;
254
-  //     // width: 270px;
255
-  //     height: 40px;
256
-  //   padding-bottom: 1em;
257
-
258
-  //     .title-image-cup {
259
-  //       width: 32px;
260
-  //       height: 32px;
261
-  //       margin-top: 10px;
262
-  //       padding-right: 10px;
263
-  //       align-items: center;
264
-  //     }
265
-
266
-  //     .title-title-boss {
267
-  //       align-items: center;
268
-
269
-  //       font-size: 32px;
270
-  //       font-weight: 800;
271
-  //       color: #202020;
272
-  //     }
273
-  //   }
274
-  //   .showMore{
275
-  //     width: 100%;
276
-  //     background: linear-gradient(0deg, rgba(248, 248, 248, 0.58) 42%, rgba(248, 248, 248, 0) 100%);
277
-  //     font-size: 28px;
278
-  //     font-weight: bold;
279
-  //     color: #202020;
280
-  //     text-align: center;
281
-  //     position: relative;
282
-  //     bottom: 7em;
283
-  //     padding-top: 77px;
284
-  //     padding-bottom: 20px;
285
-  //     .moreTip{
286
-  //       width: 38px;
287
-  //       height: 19px;
288
-  //       margin-top: 14px;
289
-  //     }
290
-  //   }
291
-  // }
292
   //卡片---------------
246
   //卡片---------------
293
 
247
 
294
-  .wrapper {
295
-    display: flex;
296
-    position: relative;
297
-    // margin-top: 600px;
298
-    // margin: 30px auto;
299
-    width: 700px;
300
-
301
-    // box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
302
-    // filter: drop-shadow(5px 8px 6px rgb(202, 202, 202));
303
-    filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.12));
248
+  .wrapper {    
304
     .card-box-star {
249
     .card-box-star {
305
       position: absolute;
250
       position: absolute;
306
       width: auto;
251
       width: auto;
322
         font-weight: 700;
267
         font-weight: 700;
323
       }
268
       }
324
     }
269
     }
325
-
326
-    .left-complete-one {
327
-      padding-top: 87px;
328
-      padding-bottom: 43px;
329
-      position: relative;
330
-      display: flex;
331
-      background: @whiteColor;
332
-      background: radial-gradient(
333
-            circle at top right,
334
-            transparent 15px,
335
-            @whiteColor 0
336
-          )
337
-          top right,
338
-        radial-gradient(circle at bottom right, transparent 15px, @whiteColor 0)
339
-          bottom right;
340
-      background-size: 100% 60%;
341
-      background-repeat: no-repeat;
342
-
343
-      width: 573px;
344
-      border-radius: 15px 0px 0px 15px;
345
-      // border-radius: 12px;
346
-
347
-      align-items: center;
348
-      .left-image-1 {
349
-        width: 145px;
350
-        height: 44px;
351
-        position: absolute;
352
-        top: 22px;
353
-      }
354
-      .left-viewText {
355
-        // background-image: url(@Image-ProCard_hot);
356
-        // width: 287px;
357
-        width: auto;
358
-        height: 44.3px;
359
-        position: absolute;
360
-        left: 1px;
361
-        top: 28px;
362
-        font-size: 20px;
363
-        color: @whiteColor;
364
-      }
365
-      //图片
366
-      .title-image {
367
-        width: 145px;
368
-        margin-left: 20px;
369
-        border-radius: 24px;
370
-        overflow: hidden;
371
-        position: relative;
372
-        .image-1 {
373
-          width: 100%;
374
-          height: 145px;
375
-        }
376
-        .image-2 {
377
-          width: 89px;
378
-          height: 34px;
379
-          position: absolute;
380
-          left: 0;
381
-          top: 0;
382
-        }
383
-      }
270
+    .left-complete-one {      
384
       // 商品标题
271
       // 商品标题
385
       .title-content {
272
       .title-content {
386
-        // padding: 84px 0 56px 20px;
387
-        padding-left: 18px;
388
-
389
-        .Pro-title {
390
-          .title-text {
391
-            width: 375px;
392
-            overflow: hidden;
393
-            text-overflow: ellipsis;
394
-            // display: -webkit-box; //必须要
395
-            -webkit-line-clamp: 1;
396
-            -webkit-box-orient: vertical;
397
-            // word-break: break-all; /* 多出文本省略号代替 */
398
-            text-align: left;
399
-            font-size: 24px;
400
-            // padding-bottom: 10px;
401
-          }
402
-        }
403
-        .title-money {
404
-          // padding-top: 34px;
405
-          font-size: 24px;
406
-          // color: red;
407
-          font-weight: 800;
408
-        }
409
-        .title-money-2 {
410
-          font-size: 18px;
411
-          color: #666;
412
-          padding-left: 10px;
413
-          text-decoration: line-through;
414
-        }
415
-
416
         .title-time {
273
         .title-time {
417
           font-size: 24px;
274
           font-size: 24px;
418
           // padding-top: 20px;
275
           // padding-top: 20px;
450
       }
307
       }
451
     }
308
     }
452
   }
309
   }
453
-
454
-  .right-complete-two {
455
-    background: @whiteColor;
456
-    background: radial-gradient(
457
-          circle at top left,
458
-          transparent 15px,
459
-          @whiteColor 0
460
-        )
461
-        top left,
462
-      radial-gradient(circle at bottom left, transparent 15px, @whiteColor 0)
463
-        bottom left;
464
-    background-size: 100% 60%;
465
-    background-repeat: no-repeat;
466
-    width: 129px;
467
-    border-radius: 0 15px 15px 0;
468
-    position: relative;
310
+  .right-complete-two {    
469
     //右面部分
311
     //右面部分
470
     .right-content {
312
     .right-content {
471
-      // width: 100px;
472
-      height: 120px;
473
-      position: absolute;
474
-      top: 50%;
475
-      left: 50%;
476
-      transform: translate(-50%, -50%);
477
-      // border: 1px solid red;
478
-
479
-      .right-number {
480
-        // width: 32px;
481
-        // font-size: 20px;
482
-        // border-radius: 4px;
483
-        // border: 2px solid #999;
484
-        // margin: auto;
485
-        // text-align: center;
486
-      }
487
       .right-image {
313
       .right-image {
488
-        // float: convert();
489
         width: 35px;
314
         width: 35px;
490
         height: 34px;
315
         height: 34px;
491
         margin: 0 auto;
316
         margin: 0 auto;
492
         align-items: center;
317
         align-items: center;
493
         margin: auto;
318
         margin: auto;
494
         padding-left: 8px;
319
         padding-left: 8px;
495
-        // text-align: center;
496
-      }
497
-
498
-      .right-title {
499
-        font-weight: 700;
500
-        font-size: 24px;
501
-        padding-top: 15px;
502
-        text-align: center;
503
       }
320
       }
504
     }
321
     }
505
   }
322
   }
506
-  //线条
507
-  .right-complete-two::after {
508
-    content: "";
509
-    position: absolute;
510
-    top: 15px;
511
-    margin: 26px auto;
512
-    height: 70%;
513
-    border-left: 1px dashed #595959;
514
-  }
515
   .Guide-Content-box-two {
323
   .Guide-Content-box-two {
516
     margin-top: 61px;
324
     margin-top: 61px;
517
     margin-bottom: 31px;
325
     margin-bottom: 31px;
539
 
347
 
540
   }
348
   }
541
 
349
 
542
-
543
-
544
-
545
   //攻略卡片.
350
   //攻略卡片.
546
   .Raiders-box-one {
351
   .Raiders-box-one {
547
     // width: 100%;
352
     // width: 100%;