captain-ui/es/cert-recognition/src/bank/index.js

有赞vue wap业务组件库

import "vant/es/icon/style";
import _Icon from "vant/es/icon";
import Vue from 'vue';
import { prefixCls } from '../../constants';
Vue.use(_Icon);
export default {
  render: function render() {
    var _vm = this;

    var _h = _vm.$createElement;

    var _c = _vm._self._c || _h;

    return _c('div', {
      class: [_vm.prefixCls + '__wrapper'],
      on: {
        "click": _vm.select
      }
    }, [_c('div', {
      class: [_vm.prefixCls + '__info_wrapper']
    }, [_c('img', {
      class: [_vm.prefixCls + '__icon'],
      attrs: {
        "src": _vm.iconUrl,
        "alt": ""
      }
    }), _c('div', {
      class: [_vm.prefixCls + '__info']
    }, [_c('p', {
      class: [_vm.prefixCls + '__name']
    }, [_vm._v("\n        " + _vm._s(_vm.bankName) + "\n      ")]), _c('p', {
      class: [_vm.prefixCls + '__id']
    }, [_vm._v("\n        " + _vm._s(_vm.maskBankCardNo) + "\n      ")])])]), _c('van-icon', {
      directives: [{
        name: "show",
        rawName: "v-show",
        value: _vm.checked,
        expression: "checked"
      }],
      class: [_vm.prefixCls + '__bg-blue'],
      attrs: {
        "name": "checked"
      }
    })], 1);
  },
  name: 'cap-cert-bank-view',
  props: {
    iconUrl: {
      type: String,
      default: ''
    },
    bankName: {
      type: String,
      default: ''
    },
    maskBankCardNo: {
      type: String,
      default: ''
    },
    checked: {
      type: Boolean,
      default: false
    }
  },
  data: function data() {
    return {
      prefixCls: prefixCls + '-bank-view'
    };
  },
  methods: {
    select: function select(item) {
      this.$emit('click');
    }
  }
};