初步完善
This commit is contained in:
		
							
								
								
									
										45
									
								
								src/views/ProjectScreen/components/title.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										45
									
								
								src/views/ProjectScreen/components/title.vue
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,45 @@ | ||||
| <template> | ||||
|     <div class="title"> | ||||
|         <div class="title_icon"> | ||||
|             <img src="@/assets/projectLarge/section.svg" alt=""> | ||||
|             <img src="@/assets/projectLarge/border.svg" alt=""> | ||||
|         </div> | ||||
|         <div v-if="prefix"> | ||||
|             <img src="@/assets/projectLarge/robot.svg" alt="" style="width: 20px; height: 20px;margin-right: 5px;"> | ||||
|         </div> | ||||
|         <div>{{ title }}</div> | ||||
|     </div> | ||||
| </template> | ||||
|  | ||||
| <script setup lang="ts"> | ||||
| defineProps({ | ||||
|     title: { | ||||
|         type: String, | ||||
|         default: '标题' | ||||
|     }, | ||||
|     prefix: { | ||||
|         type: Boolean, | ||||
|         default: false | ||||
|     } | ||||
| }) | ||||
| </script> | ||||
|  | ||||
| <style scoped lang="scss"> | ||||
| .title { | ||||
|     width: 100%; | ||||
|     display: flex; | ||||
|     align-items: center; | ||||
|     gap: 3px; | ||||
|     font-family: 'AlimamaShuHeiTi', sans-serif; | ||||
|  | ||||
|     .title_icon { | ||||
|         position: relative; | ||||
|  | ||||
|         &>img:last-child { | ||||
|             position: absolute; | ||||
|             bottom: 4px; | ||||
|             left: 0; | ||||
|         } | ||||
|     } | ||||
| } | ||||
| </style> | ||||
		Reference in New Issue
	
	Block a user