lg_frontend/components/DeviceRun.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>