web-website/src/views/supermaketService.vue

<template>
  <div id="supermaketService">
    <service-detail :info="info" :serviceList="serviceList"></service-detail>
  </div>
</template>

<script>
import serviceDetail from '@/components/service.vue';
export default {
  name: 'supermaketService',
  props: {},
  components: {
    serviceDetail,
  },
  data: () => ({
    info: {
      logo: require('@/assets/logo.png'),
      banquan: '版权所有：吉林省计算中心',
      jishu: '技术支持：长春市福瑞科技有限公司',
      youbian: '邮编：130000',
      chuanzhen: '传真：239823982',
      address: '地址：吉林省长春市朝阳区前进大街1244号',
      phone: '电话：0431-1234567',
      email: '邮箱：123456@163.com',
    },
    serviceList: [
      {
        pic: require('@/assets/fabu.jpg'),
        title: '标题',
        yen: '1000元/个',
        type: '科研服务',
      },
      {
        pic: require('@/assets/fabu.jpg'),
        title: '12条数据',
        yen: '1000元/个',
        type: '科研服务',
      },
    ],
  }),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="scss" scoped></style>