大屏
This commit is contained in:
		| @@ -15,7 +15,7 @@ export default { | ||||
|     lineStyle: { | ||||
|       shadowBlur: 1, | ||||
|       shadowOffsetY: 2, | ||||
|       width: 2 | ||||
|       width: 3 | ||||
|     } | ||||
|   } | ||||
| } | ||||
|   | ||||
| @@ -27,7 +27,8 @@ export default { | ||||
|     padding: 4px 0 0 22px; | ||||
|     color: #fff; | ||||
|     font-size: 22px; | ||||
|     font-weight: 500; | ||||
|     font-weight: normal; | ||||
|     font-family: PingFangSC-Medium, PingFang SC; | ||||
|     background-image: url(../asset/title6.png); | ||||
|     background-position: bottom; | ||||
|     background-size: 100% 7px; | ||||
|   | ||||
| @@ -19,6 +19,7 @@ | ||||
|   import Summary11 from './components/Summary11' | ||||
|   import Summary12 from './components/Summary12' | ||||
|   import Summary13 from './components/Summary13' | ||||
|   import Summary14 from './components/Summary14' | ||||
|  | ||||
|   export default { | ||||
|     name: 'AiDvSummary', | ||||
| @@ -37,7 +38,8 @@ | ||||
|       Summary10, | ||||
|       Summary11, | ||||
|       Summary12, | ||||
|       Summary13 | ||||
|       Summary13, | ||||
|       Summary14 | ||||
|     }, | ||||
|  | ||||
|     props: { | ||||
|   | ||||
							
								
								
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-1.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-1.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 4.5 KiB | 
							
								
								
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-2.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-2.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 4.1 KiB | 
							
								
								
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-3.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-3.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 5.6 KiB | 
							
								
								
									
										93
									
								
								components/layout/AiDvSummary/components/Summary14.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										93
									
								
								components/layout/AiDvSummary/components/Summary14.vue
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,93 @@ | ||||
| <template> | ||||
|   <div class="summary14"> | ||||
|     <div class="summary14-item" v-for="(item, index) in data" :class="'summary14-item' + (index + 1)" :key="index" v-if="index < 4"> | ||||
|       <h2>{{ item[keys] }}</h2> | ||||
|       <p>{{ item[value] }}</p> | ||||
|     </div> | ||||
|   </div> | ||||
| </template> | ||||
|  | ||||
| <script> | ||||
|   export default { | ||||
|     name: 'summary14', | ||||
|  | ||||
|     props: { | ||||
|       data: { | ||||
|         type: Array, | ||||
|         default: () => [] | ||||
|       }, | ||||
|  | ||||
|       keys: { | ||||
|         type: String, | ||||
|         default: 'key' | ||||
|       }, | ||||
|  | ||||
|       value: { | ||||
|         type: String, | ||||
|         default: 'value' | ||||
|       } | ||||
|     }, | ||||
|  | ||||
|     data () { | ||||
|       return { | ||||
|       } | ||||
|     }, | ||||
|  | ||||
|     methods: { | ||||
|     } | ||||
|   } | ||||
| </script> | ||||
|  | ||||
| <style lang="scss" scoped> | ||||
|   .summary14 { | ||||
|     display: flex; | ||||
|     flex-wrap: wrap; | ||||
|     justify-content: center; | ||||
|     align-items: center; | ||||
|     width: 100%; | ||||
|     height: 100%; | ||||
|  | ||||
|     div { | ||||
|       box-sizing: border-box; | ||||
|     } | ||||
|  | ||||
|     .summary14-item { | ||||
|       display: flex; | ||||
|       position: relative; | ||||
|       align-items: center; | ||||
|       flex-direction: column; | ||||
|       width: 116px; | ||||
|       height: 80px; | ||||
|       text-align: center; | ||||
|       color: #fff; | ||||
|       font-size: 14px; | ||||
|       background: url(../asset/Summary14-1.png) no-repeat bottom; | ||||
|       background-size: 116px 68px; | ||||
|  | ||||
|  | ||||
|       &.summary14-item2 { | ||||
|         background: url(../asset/Summary14-2.png) no-repeat bottom; | ||||
|         background-size: 116px 68px; | ||||
|       } | ||||
|  | ||||
|       &.summary14-item3 { | ||||
|         background: url(../asset/Summary14-3.png) no-repeat bottom; | ||||
|         background-size: 116px 68px; | ||||
|       } | ||||
|  | ||||
|       h2 { | ||||
|         line-height: 20px; | ||||
|         color: #ffffff; | ||||
|         font-size: 14px; | ||||
|         font-weight: 600; | ||||
|         font-weight: normal; | ||||
|       } | ||||
|  | ||||
|       p { | ||||
|         color: #ffffff; | ||||
|         font-size: 26px; | ||||
|         font-weight: 700; | ||||
|       } | ||||
|     } | ||||
|   } | ||||
| </style> | ||||
| @@ -151,6 +151,8 @@ | ||||
|         margin-left: 20px; | ||||
|         color: #fff; | ||||
|         font-size: 18px; | ||||
|         font-family: PingFangSC-Medium, PingFang SC; | ||||
|         font-weight: normal; | ||||
|       } | ||||
|  | ||||
|       span { | ||||
|   | ||||
| @@ -182,7 +182,8 @@ export default { | ||||
|   data() { | ||||
|     return { | ||||
|       borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6'],//边框待选项 | ||||
|       summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5', 'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13'],//汇总待选项 | ||||
|       summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5', | ||||
|       'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13', 'summary14'],//汇总待选项 | ||||
|       //是否显示排名 | ||||
|       tableStatus: [ | ||||
|         {label: '是', value: '1'}, | ||||
|   | ||||
		Reference in New Issue
	
	Block a user