buddhism/pages/index/index.vue

<template>
  <view class="page">
    <u-navbar
      :is-back="false"
      title="首页"
      :border-bottom="false"
      back-icon-color="000"
      :background="bgc"
      title-color="#fff"
      title-size="36"
      height="36"
      id="navbar"
    >
    </u-navbar>
    <image
      class="bj"
      src="https://api.ccttiot.com/smartmeter/img/static/uFwwZa2fwduQIMXcnGEa"
      mode=""
    ></image>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        bgc: {
          backgroundColor: '#8883f0',
        },
      }
    },
    methods: {},
  }
</script>

<style lang="scss">
  page {
    background-color: #fff;
  }
  .bj {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
  }
</style>