32 lines
		
	
	
		
			771 B
		
	
	
	
		
			Vue
		
	
	
	
			
		
		
	
	
			32 lines
		
	
	
		
			771 B
		
	
	
	
		
			Vue
		
	
	
	
<!--设备运行情况-->
 | 
						|
<template>
 | 
						|
  <div class="device-run">
 | 
						|
    <secondary-title :title="title" longBg></secondary-title>
 | 
						|
  </div>
 | 
						|
</template>
 | 
						|
 | 
						|
<script>
 | 
						|
export default {
 | 
						|
  name: "DeviceRun",
 | 
						|
  data() {
 | 
						|
    return {
 | 
						|
      title: '设备运行情况'
 | 
						|
    }
 | 
						|
  }
 | 
						|
}
 | 
						|
</script>
 | 
						|
 | 
						|
<style scoped lang="less">
 | 
						|
@import "assets/styles/mixin";
 | 
						|
 | 
						|
.device-run {
 | 
						|
  margin-top: 43px;
 | 
						|
  height: 416px;
 | 
						|
  width: 100%;
 | 
						|
  background-image: linear-gradient(62deg, rgba(8, 31, 55, 0.10) 0%, rgba(18, 50, 81, 0.10) 100%);
 | 
						|
  border: 1px solid transparent; /* 先将边框颜色设置为透明 */
 | 
						|
  border-image: linear-gradient(rgba(79, 182, 238, 0), rgba(39, 127, 216, 1)); /* 使用线性渐变作为边框图片 */
 | 
						|
  border-image-slice: 1; /* 指定切分边框图像的位置 */
 | 
						|
}
 | 
						|
</style>
 |