some modfiy
This commit is contained in:
		
							
								
								
									
										33
									
								
								src/components/numberShow/index.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										33
									
								
								src/components/numberShow/index.vue
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,33 @@ | ||||
| <template> | ||||
|   <div class="number-show"> | ||||
|     <div class="number-itme" v-for="n in number.toString()" :key="n"> | ||||
|       {{ n }} | ||||
|     </div> | ||||
|   </div> | ||||
| </template> | ||||
|  | ||||
| <script> | ||||
| export default { | ||||
|   name: 'NumberShow', | ||||
|   props: ['number'] | ||||
| } | ||||
| </script> | ||||
|  | ||||
| <style lang="less"> | ||||
| .number-show { | ||||
|   display: inline-block; | ||||
|  | ||||
|   .number-itme { | ||||
|     display: inline-block; | ||||
|     height: 70px; | ||||
|     padding: 0 20px; | ||||
|     line-height: 70px; | ||||
|     text-align: center; | ||||
|     background-color: rgba(4, 49, 128, 0.6); | ||||
|     margin-right: 20px; | ||||
|     color: rgb(8, 229, 255); | ||||
|     font-weight: bold; | ||||
|     font-size: 45px; | ||||
|   } | ||||
| } | ||||
| </style> | ||||
		Reference in New Issue
	
	Block a user
	 jiaming
					jiaming