BJ_web_developers / faultnotice

Blame view

src/components/screen.vue 1.49 KB
Edit Raw Normal View History
54dab3c6   liuqimichale   导入公用css 
1
 
  <template>
497e575d   liuqimichale   诱导屏故障 
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
    <div class="">
      <ul class="dici-wrap">
        <li>
          <p class="parkName">赤峰诱导屏名称</p>
          <ul class="diciList">
            <li>
              编号 ：B8888B8888
            </li>
            <li>
              异常类型 ：设备故障
            </li>
            <li>
              故障时间 ：2019-01-91 15:31:00
            </li>
          </ul>
54dab3c6   liuqimichale   导入公用css 
17
497e575d   liuqimichale   诱导屏故障 
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
        </li>
        <li>
          <p class="parkName">赤峰诱导屏名称</p>
          <ul class="diciList">
            <li>
              编号 ：B8888B8888
            </li>
            <li>
              异常类型 ：设备故障
            </li>
            <li>
              故障时间 ：2019-01-91 15:31:00
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </template>
54dab3c6   liuqimichale   导入公用css 
36
37
 
  <script>
  export default {
c793b6c7   liuqimichale   地磁故障 
38
39
40
41
 
    name: 'screen',
    created() {
      document.title = '诱导屏故障'
    }
54dab3c6   liuqimichale   导入公用css 
42
43
44
45
 
  }
  </script>
  
  <style scoped lang="scss">
497e575d   liuqimichale   诱导屏故障 
46
47
48
49
50
 
    .dici-wrap > li {
      background-color: $whiteBg;
      margin-bottom: 12px;
      padding: 15px 15px 0 15px;
    }
54dab3c6   liuqimichale   导入公用css 
51
497e575d   liuqimichale   诱导屏故障 
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
    .parkName {
      font-size: 1.8rem;
      font-weight: 700;
      padding-left: 2.5rem;
      background: url("../assets/images/screenName.png") no-repeat 0 center;
      background-size: 1.8rem 1.8rem;
    }
  
    .diciList {
      border-radius: 4px;
      margin-top: 12px;
      > li {
        height: 3.8rem;
        line-height: 3.8rem;
        position: relative;
        &:after {
          @include border-1px(#D9D9D9, bottom);
          opacity: .5;
        }
        &:last-child:after {
          height: 0;
        }
      }
    }
54dab3c6   liuqimichale   导入公用css 
76
 
  </style>