vue+elementui写一个假支付页面,要求可以选择支付类型1.Visa 2.MasterCard 3.Alipay 4.微信 5.支付宝 6.银联并附带对应图片,需要有布局且铺满页面居左显示,支付按钮居右显示

你可以使用Vue和Element UI来创建一个假支付页面，满足你的需求。首先，你需要安装VueElement UI的相关依赖。

在你的组件中，你可以使用`el-row``el-col`来创建页面局，并使用`el-radio`和el-image`等元素来展示类型和对应的图片。

下面一个简单的示例代码：

<template>
  <div>
    <el-row>
      <el-col :span="24">
        <h1>选择支付方式</h1>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="12">
        <el-form label-width="100px">
          <el-form-item label="支付类型">
            <el-radio-group v-model="selectedPayment">
              <el-radio label="Visa">Visa</el-radio>
              <el-radio label="MasterCard">MasterCard</el-radio>
              <el-radio label="Alipay">Alipay</el-radio>
              <el-radio label="微信">微信</el-radio>
              <el-radio label="支付宝">支付宝</el-radio>
              <el-radio label="银联">银联</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="支付图标">
            <el-image :src="getPaymentIcon(selectedPayment)" :preview-src-list="[]"></el-image>
          </el-form-item>
        </el-form>
      </el-col>

      <el-col :span="12">
        <div style="text-align: right">
          <el-button type="primary" @click="pay">支付</el-button>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedPayment: 'Visa'
    };
  },
  methods: {
    getPaymentIcon(paymentType) {
      // 根据支付类型返回对应的图片路径
      if (paymentType === 'Visa') {
        return 'visa.png';
      } else if (paymentType === 'MasterCard') {
        return 'mastercard.png';
      } else if (paymentType === 'Alipay') {
        return 'alipay.png';
      } else if (paymentType === '微信') {
        return 'wechat.png';
      } else if (paymentType === '支付宝') {
        return 'alipay.png';
      } else if (paymentType === '银联') {
        return 'unionpay.png';
      }
    },
    pay() {
      // 处理支付逻辑，可以调用后端接口进行支付操作
    }
  }
};
</script>

请确保你已经将对应的支付图标（如`visa.png`、`mastercard.png`等）放置在正确的路径下，并在`getPaymentIcon`方法中返回正确的图片路径。

希望这可以满足你的需求！