DeeCardList2.vue 3.1 KB
<template>
  <div class="list2">
    <div class="card3">
      <img src="../../icons/components/card/cardList2/new.png" style="vertical-align: middle;padding-right: 10px">文档
      <span style="float: right"><span style="padding-right: 10px">( <span
        style="color:#F82F2F"
      >3</span> )</span><img
        src="../../icons/components/card/cardList2/next.png"
        style="width: 16px;height: 16px;vertical-align: middle"
      ></span>
    </div>
    <div class="card3">
      <img src="../../icons/components/card/cardList2/jinggaoicon.png" style="vertical-align: middle;padding-right: 10px">部件     <span
        style="float: right"
      ><span style="padding-right: 10px">( <span
        style="color:#F82F2F"
      >3</span> )</span><img
        src="../../icons/components/card/cardList2/next.png"
        style="width: 16px;height: 16px;vertical-align: middle"
      ></span>
    </div>
    <div class="card3">
      <img src="../../icons/components/card/cardList2/jinggaoicon.png" style="vertical-align: middle;padding-right: 10px">白图     <span
        style="float: right"
      ><span style="padding-right: 10px">( <span
        style="color:#F82F2F"
      >3</span> )</span><img
        src="../../icons/components/card/cardList2/next.png"
        style="width: 16px;height: 16px;vertical-align: middle"
      ></span>
    </div>
    <div class="card3">
      <img src="../../icons/components/card/cardList2/jinggaoicon.png" style="vertical-align: middle;padding-right: 10px">工艺审批     <span
        style="float: right"
      ><span style="padding-right: 10px">( <span
        style="color:#F82F2F"
      >3</span> )</span><img
        src="../../icons/components/card/cardList2/next.png"
        style="width: 16px;height: 16px;vertical-align: middle"
      ></span>
    </div>
    <div class="card3">
      <img src="../../icons/components/card/cardList2/jinggaoicon.png" style="vertical-align: middle;padding-right: 10px">更改ECM     <span
        style="float: right"
      ><span style="padding-right: 10px">( <span
        style="color:#F82F2F"
      >3</span> )</span><img
        src="../../icons/components/card/cardList2/next.png"
        style="width: 16px;height: 16px;vertical-align: middle"
      ></span>
    </div>
    <div class="card3">
      <img src="../../icons/components/card/cardList2/jinggaoicon.png" style="vertical-align: middle;padding-right: 10px">其他     <span
        style="float: right"
      ><span style="padding-right: 10px">( <span
        style="color:#F82F2F"
      >3</span> )</span><img
        src="../../icons/components/card/cardList2/next.png"
        style="width: 16px;height: 16px;vertical-align: middle"
      ></span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  mounted: function() {
    this.$nextTick(function() {
    })
  },
  methods: {},
  filter: {}
}
</script>

<style lang="scss">
  .list2 .card3 {
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 53px;
    border-bottom: 1px solid #E6E6E6;
  }
</style>