You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

117 lines
2.3 KiB

<template>
<view class="main">
<view class="pad">
<view class="top_row">
<view class="flex">
<view class="icon">
<image src="@/static/images/icon (9).png" mode=""></image>
</view>
<view class="text">192.168.1.44</view>
</view>
<view class="flex">
<view class="text">已完成</view>
<view class="icon" style="width: 26rpx;height: 24rpx;">
<image src="@/static/images/icon (5).png" mode=""></image>
</view>
</view>
</view>
<log :relId="relId"/>
</view>
</view>
</template>
<script>
import Watermark from "@/common/js/waterMark.js";
import log from './log'
export default {
components: { log },
data() {
return {
relId: ''
}
},
onLoad(options) {
this.relId = options.relId
},
onShow() {
/* 给系统所有页面加水印*/
// 第一个参数:水印文字 第二个参数: 加水印的底图,默认body 给所有页面加水印, 第三个参数:水印颜色
// this.$nextTick(()=>{
// Watermark.set("用户名", '', '#8c9093');
// })
// /* 给当前页面加水印*/
// // 第一个参数:水印文字 第二个参数: 加水印的底图,默认body 给所有页面加水印, 第三个参数:水印颜色
// Watermark.set("cc-innovation.gd", this.$refs.content, 'red');
},
onHide() {
Watermark.set(" ", '', '#8c9093');
}
}
</script>
<style lang="scss" lang="scss">
.main {
.pad {
background-color: #fff;
}
.top_row {
display: flex;
align-items: center;
justify-content: space-between;
height: 72rpx;
border: 1rpx solid $themC;
background-color: #e8f4ff;
padding: 0 30rpx;
.flex {
.icon {
width: 36rpx;
height: 32rpx;
}
.text {
font-size: 26rpx;
color: $themC;
margin: 0 16rpx;
}
}
}
.blackBg {
background: #000;
padding: 16rpx;
margin-top: 30rpx;
border-radius: 8rpx;
.ul {
margin-bottom: 40rpx;
.tit {
font-size: 28rpx;
color: #6cb71d;
margin-bottom: 4rpx;
}
.li {
display: flex;
font-size: 24rpx;
align-items: center;
margin-bottom: 4rpx;
.lab {
color: #ffffff;
}
.val {
color: #4a62c3;
margin-left: 20rpx;
}
.skyBlue {
color: #55d7b4;
}
}
}
}
}
</style>