<template>
  <view class="min-height bg-gray-light">
<!--    <image src="https://img.ggsxiangan.com/pay_banner.png" style="width: 100%" mode="widthFix"></image>-->
    <view class="p-20">
      <view class="card mb-20 flex justify-between items-center" style="border-radius: 10rpx"
            @click="toMiniApp(item.appId)"
            v-for="(item, index) in list" :key="index">
        <view class="flex justify-start items-center">
          <u-icon :name="item.icon" size="80rpx"/>
          <view class="ml-20 flex flex-col justify-start items-start">
            <text class="text-26">{{ item.label }}</text>
            <text class="tips mt-20">点击查看详情</text>
          </view>
        </view>
        <u-button color="#E7624B" custom-style="width: 200rpx; margin: 0" size="small">查看详情</u-button>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "bank",
  data() {
    return {
      list: [
        {
          label: '全能扫描王+',
          icon: 'https://img.ggsxiangan.com/全能扫描王.png',
          appId: 'wx10c0611db3c5b8d3'
        },
        {
          label: '腾讯文档',
          icon: 'https://img.ggsxiangan.com/腾讯文档.png',
          appId: 'wxd45c635d754dbf59'
        },
        {
          label: '随身尺子',
          icon: 'https://img.ggsxiangan.com/尺子.png',
          appId: 'wx96bc9deda4f00663'
        },
        {
          label: '翻译君',
          icon: 'https://img.ggsxiangan.com/翻译.png',
          appId: 'wxb1070eabc6f9107e'
        },

        {
          label: '文字转换语音',
          icon: 'https://img.ggsxiangan.com/文转音频.png',
          appId: 'wx072c9b8a3d23abdf'
        },
        {
          label: '极简汇率',
          icon: 'https://img.ggsxiangan.com/汇率.png',
          appId: 'wx28fe04e3082fa934'
        },
        {
          label: '微信发票助手',
          icon: 'https://img.ggsxiangan.com/微信发票.png',
          appId: 'wx1af4f6aa3a537c1a'
        },
        {
          label: '证件照',
          icon: 'https://img.ggsxiangan.com/证件照.png',
          appId: 'wxdd09c9500614c89a'
        },
        {
          label: 'BM计算器',
          icon: 'https://img.ggsxiangan.com/BMI.png',
          appId: 'wx272bfc2cc1673c39'
        },
        {
          label: '退休金计算器',
          icon: 'https://img.ggsxiangan.com/计算器.png',
          appId: 'wx482c4fd36243ba7b'
        }
      ]
    }
  },
  methods: {
    toMiniApp(appId) {
      uni.navigateToMiniProgram({
        appId
      })
    }
  }
}
</script>