nsgk_mobile/src/views/onlineHome/livePay.vue

<template>
  <div>
    <van-nav-bar
      title="生活缴费"
      left-arrow
      @click-left="$router.back(-1)"
    />
    <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
      <van-cell>
        <template #title>
          <h2 style="line-height: 20px;color: #1D6FE9">缴费类型</h2>
        </template>
      </van-cell>
      <van-cell is-link>
          <template #icon>
              <van-image
                height="20"
                width="20"
                src="../../../static/images/onlineHome/afford1.png">
              </van-image>
          </template>
        <template #title>
          <p style="margin-left: 10px;line-height: 20px">水费</p>
        </template>
      </van-cell>
      <van-cell is-link>
        <template #icon>
          <van-image
            height="20"
            width="20"
            src="../../../static/images/onlineHome/afford2.png">
            </van-image>
        </template>
        <template #title>
          <p style="margin-left: 10px">电费</p>
        </template>
      </van-cell>
      <van-cell is-link>
        <template #icon>
          <van-image
            height="20"
            width="20"
            src="../../../static/images/onlineHome/afford3.png">
            </van-image>
        </template>
        <template #title>
          <p style="margin-left: 10px">燃气费</p>
        </template>
      </van-cell>
      <van-cell is-link>
        <template #icon>
          <van-image
            height="20"
            width="20"
            src="../../../static/images/onlineHome/afford4.png">
            </van-image>
        </template>
        <template #title>
          <p style="margin-left: 10px">物业费</p>
        </template>
      </van-cell>
    </van-cell-group>
  </div>
</template>

<script>
    import onlineHomeIndex from "../onlineHomeIndex";

    export default {
      components: {
        onlineHomeIndex
      },
        name: "livePay"
    }
</script>

<style scoped>

</style>