parent
							
								
									eaeadbc257
								
							
						
					
					
						commit
						43769627fc
					
				
				 10 changed files with 106 additions and 40 deletions
			
			
		| @ -0,0 +1,24 @@ | |||||||
|  | @import 'src/assets/css/mixin.scss'; | ||||||
|  | .end { | ||||||
|  |   @include position(absolute, 0, 0, 0, 0); | ||||||
|  |   z-index: 1300; | ||||||
|  |   background: rgba($color: #000000, $alpha: 0.4); | ||||||
|  |   .replay { | ||||||
|  |     @include position(absolute, 50%, 0, 0, 50%); | ||||||
|  |     transform: translate(-50%, -50%); | ||||||
|  |     @include flexContainer(center); | ||||||
|  |     color: #fff; | ||||||
|  |     text-align: center; | ||||||
|  |     height: 100px; | ||||||
|  |     .cicle { | ||||||
|  |       @include wh(65px, 65px); | ||||||
|  |       background: rgba($color: #000000, $alpha: 0.58); | ||||||
|  |       border-radius: 50%; | ||||||
|  |       cursor: pointer; | ||||||
|  |       @include flexContainer(center); | ||||||
|  |     } | ||||||
|  |     p { | ||||||
|  |       width: 100%; | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | } | ||||||
| @ -0,0 +1,21 @@ | |||||||
|  | import React, { memo, FC } from 'react'; | ||||||
|  | import style from './index.module.scss'; | ||||||
|  | import Broadcast from '@/components/svgIcon'; | ||||||
|  | 
 | ||||||
|  | const Index: FC<{ handle: Function }> = memo(function Index({ handle }) { | ||||||
|  |   const handleFunc = () => { | ||||||
|  |     handle(); | ||||||
|  |   }; | ||||||
|  |   return ( | ||||||
|  |     <div className={style.end}> | ||||||
|  |       <div className={style.replay}> | ||||||
|  |         <div className={style.cicle} onClick={handleFunc}> | ||||||
|  |           <Broadcast iconClass="replay" fill="#fff" fontSize={'37px'} /> | ||||||
|  |         </div> | ||||||
|  |         <p>重播</p> | ||||||
|  |       </div> | ||||||
|  |     </div> | ||||||
|  |   ); | ||||||
|  | }); | ||||||
|  | 
 | ||||||
|  | export default Index; | ||||||
| After Width: | Height: | Size: 1.2 KiB | 
					Loading…
					
					
				
		Reference in new issue