页面切图
This commit is contained in:
49
pages/message/reportDetail.vue
Normal file
49
pages/message/reportDetail.vue
Normal file
@@ -0,0 +1,49 @@
|
||||
<template>
|
||||
<Cn-page :loading='loading'>
|
||||
<view slot='body'>
|
||||
<view class='detail'>
|
||||
<view class="detail-content " style="font-size:32rpx">
|
||||
<!-- <view class="detail-content-title mb20">发生时间</view> -->
|
||||
<view>2023-02-14</view>
|
||||
</view>
|
||||
<view class="detail-content ">
|
||||
<view class="detail-content-title mb20">电压谐波畸变率越限4</view>
|
||||
<image style="width:100%" src="/static/boxing3.jpeg" mode="widthFix" />
|
||||
</view>
|
||||
<view class="detail-content ">
|
||||
<view class="detail-content-title mb20">5次电压谐波含有率越限</view>
|
||||
<image style="width:100%" src="/static/boxing3.jpeg" mode="widthFix" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</Cn-page>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.detail {
|
||||
padding: 20rpx 0;
|
||||
|
||||
.detail-content {
|
||||
padding: 20rpx;
|
||||
background: #fff;
|
||||
margin-bottom: 20rpx;
|
||||
font-size: 26rpx;
|
||||
|
||||
.detail-content-title {
|
||||
font-size: 32rpx;
|
||||
color: #111;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user