education-front/pages_order/serve/index.vue

<template>
  <view class="page__view">
    
		<!-- 导航栏 -->
		<navbar :title="details.title" leftClick @leftClick="$utils.navigateBack" />

    <image class="img" :src="details.details" mode="widthFix"></image>

  </view>
</template>

<script>
  export default {
    data() {
      return {
        details: {},
      }
    },
    onLoad({ articleId }) {
      this.getData(articleId)
    },
    methods: {
      async getData(articleId) {
        try {
          this.details = await this.$fetch('queryServiceArticleById', { articleId })
        } catch (err) {
          console.log('err', err)
        }
      },
    },
  }
</script>

<style scoped lang="scss">

  .img {
    width: 100vw;
    height: auto;
  }

</style>