<template>
  <view class="menu_list">
    <template v-for="(i, index) in useModel.list">
      <view class="items" v-if="i?.type === 'service'" :key="`items_${index}`">
        <button open-type="contact" class="contact_btn">
          <view class="items_label">
            <image :src="i?.icon" mode="heightFix" />{{ i?.label }}
          </view>
          <uni-icons type="right" size="15" color="#888"></uni-icons>
        </button>
      </view>
      <view class="items" v-else :key="`items_btn_${index}`">
        <view class="items_label">
          <image :src="i?.icon" mode="heightFix" />{{ i?.label }}
        </view>
        <uni-icons type="right" size="15" color="#888"></uni-icons>
      </view>
    </template>
  </view>
</template>
<script setup lang="ts">
import useModel from "../model";
</script>
