常用功能 - 功能列表

<template>
  <view class='my-todo-list' style='height: 400rpx; align-items: center;'>
    <h3 class='fs'>常用功能</h3>
    <view class='icon-container'>
      <view v-for='(item, index) in icons' :key='index' class='icon-item' @tap='goPage(item.page)'>
        <image :src='item.icon'></image>
        <text class='fu-text'>{{ item.label }}</text>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      icons: [
        { icon: '/static/home/128/gongwen.png', label: '功能1' },
        { icon: '/static/home/128/gongwen.png', label: '功能2' },
        { icon: '/static/home/128/gongwen.png', label: '功能3' },
        { icon: '/static/home/128/gongwen.png', label: '功能4' },
        { icon: '/static/home/128/gongwen.png', label: '功能5' },
        { icon: '/static/home/128/gongwen.png', label: '功能6' },
        { icon: '/static/home/128/gongwen.png', label: '功能7' },
        { icon: '/static/home/128/gongwen.png', label: '全部功能', page: '/pages/allfunction/allfunction' }
      ]
    };
  },
  methods: {
    goPage(page) {
      uni.navigateTo({
        url: page
      });
    }
  }
};
</script>
<style>
/* 样式省略 */
</style>