<template>
  <view class="card_functional">
    <view class="title"> 更多功能 </view>
    <view class="list_functional">
      <view class="item">
        <view> <image src="/static/svg/functionalIcon1.svg" mode="heightFix" /> </view>
        <view> 地址管理 </view>
      </view>
      <view class="item">
        <view> <image src="/static/svg/functionalIcon7.svg" mode="heightFix" /> </view>
        <view> 我的评价 </view>
      </view>
      <view class="item">
        <view> <image src="/static/svg/functionalIcon5.svg" mode="heightFix" /> </view>
        <view> 商户合作 </view>
      </view>
      <view class="item">
        <view> <image src="/static/svg/functionalIcon3.svg" mode="heightFix" /> </view>
        <view> 积分中心 </view>
      </view>
      <view class="item">
        <view> <image src="/static/svg/functionalIcon6.svg" mode="heightFix" /> </view>
        <view> 我的车位 </view>
      </view>
      <view class="item">
        <view> <image src="/static/svg/functionalIcon4.svg" mode="heightFix" /> </view>
        <view> 建议反馈 </view>
      </view>
      <view class="item">
        <view> <image src="/static/svg/functionalIcon2.svg" mode="heightFix" /> </view>
        <view> 关于我们 </view>
      </view>
    </view>
  </view>
</template>
<style lang="scss" scoped>
.card_functional {
  background-color: #fff;
  border-radius: 20rpx;
  margin: 30rpx;
  padding: 30rpx;
  .title {
    color: #3d3d3d;
    font-size: 28rpx;
    font-weight: 500;
  }
  .list_functional {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    color: #3d3d3d;
    font-size: 24rpx;
    .item {
      text-align: center;
      padding-top: 30rpx;
      width: 25%;
      image {
        height: 42rpx;
      }
    }
  }
}
</style>
