You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.9 KiB
71 lines
1.9 KiB
<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: "pay",
|
|
data() {
|
|
return {
|
|
list: [
|
|
{
|
|
label: '麦当劳',
|
|
icon: 'https://img.ggsxiangan.com/麦当劳.png',
|
|
appId: 'wx25f982a55e60a540'
|
|
},
|
|
{
|
|
label: '肯德基',
|
|
icon: 'https://img.ggsxiangan.com/肯德基2.png',
|
|
appId: 'wx23dde3ba32269caa'
|
|
},
|
|
{
|
|
label: '星巴克',
|
|
icon: 'https://img.ggsxiangan.com/星巴克.png',
|
|
appId: 'wx3dcca19d0aa51755'
|
|
},
|
|
{
|
|
label: '必胜客',
|
|
icon: 'https://img.ggsxiangan.com/必胜客.png',
|
|
appId: 'wx534b0be83d03a625'
|
|
},
|
|
|
|
{
|
|
label: '美团',
|
|
icon: 'https://img.ggsxiangan.com/美团.png',
|
|
appId: 'wx2c348cf579062e56'
|
|
},
|
|
|
|
{
|
|
label: '饿了么',
|
|
icon: 'https://img.ggsxiangan.com/饿了么.png',
|
|
appId: 'wxece3a9a4c82f58c9'
|
|
},
|
|
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
toMiniApp(appId) {
|
|
uni.navigateToMiniProgram({
|
|
appId
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|