<template>
  <div class="page-choose-card">
    <view class="hd">
      <div class="block"><image class="pic" :src="pic" /></div>
      <text class="text" :lines="undefined">{{ text }}</text>
    </view>
    <div class="bd">
      <text class="txt" :lines="undefined">{{ txt }}</text>
      <text class="word" :lines="undefined">{{ word }}</text>
    </div>
    <div class="submain">
      <text class="text_2" :lines="undefined">{{ text2 }}</text>
      <div class="block_2">
        <text class="count" :lines="undefined">{{ count }}</text>
        <text class="txt_2" :lines="undefined">{{ txt2 }}</text>
      </div>
    </div>
    <div class="row">
      <text class="txt_3" :lines="undefined">{{ txt3 }}</text>
      <div class="block_3">
        <text class="num" :lines="undefined">{{ num }}</text>
        <text class="text_3" :lines="undefined">{{ text3 }}</text>
      </div>
    </div>
    <div class="row1">
      <text class="word_2" :lines="undefined">{{ word2 }}</text>
      <div class="block_4">
        <text class="count_2" :lines="undefined">{{ count2 }}</text>
        <text class="word_3" :lines="undefined">{{ word3 }}</text>
      </div>
    </div>
    <text class="row2" :lines="undefined">{{ row2 }}</text>
    <div class="row3">
      <div class="block_8">
        <div class="group">
          <image class="dot" :src="dot" /> <image class="dot_2" :src="dot2" />
        </div>
        <div class="block_5">
          <image class="icon_2" :src="icon2" />
          <image class="icon_3" :src="icon3" />
        </div>
        <image class="dot_3" :src="dot3" />
        <div class="group_2">
          <image class="img" :src="img" />
          <div class="container">
            <image class="image" :src="image" />
            <image class="picture" :src="picture" />
          </div>
        </div>
        <image class="picture_2" :src="picture2" />
        <div class="block_7">
          <image class="image_2" :src="image2" />
          <div class="block_6">
            <image class="pic_2" :src="pic2" />
            <image class="img_2" :src="img2" />
          </div>
        </div>
        <div class="group_4">
          <image class="icon_4" :src="icon4" />
          <div class="group_3">
            <image class="icon_5" :src="icon5" />
            <image class="picture_3" :src="picture3" />
          </div>
        </div>
      </div>
      <div class="block_10">
        <div class="block_9">
          <text class="visavisa" :lines="undefined">{{ visavisa }}</text>
          <text class="visavisaNext" :lines="undefined">{{
            visavisaNext
          }}</text>
        </div>
        <div class="group_5">
          <text class="xxxxxxxxxxxx" :lines="undefined">{{
            xxxxxxxxxxxx
          }}</text>
          <text class="num_2" :lines="undefined">{{ num2 }}</text>
        </div>
      </div>
      <text class="text_4" :lines="undefined">{{ text4 }}</text>
      <div class="block_11"><image class="icon_6" :src="icon6" /></div>
    </div>
    <text class="row4" :lines="undefined">{{ row4 }}</text>
    <text class="text_5" :lines="undefined">{{ text5 }}</text>
    <div class="row5" />
    <div class="row6">
      <div class="block_16">
        <div class="block_14">
          <image class="icon_7" :src="icon7" />
          <div class="container_2">
            <image class="dot_4" :src="dot4" />
            <image class="dot_5" :src="dot5" />
          </div>
          <div class="block_13">
            <image class="image_3" :src="image3" />
            <image class="dot_6" :src="dot6" />
            <div class="outer">
              <image class="dot_7" :src="dot7" />
              <image class="dot_8" :src="dot8" />
            </div>
            <div class="block_12">
              <image class="dot_9" :src="dot9" />
              <image class="dot_10" :src="dot10" />
            </div>
            <image class="dot_11" :src="dot11" />
          </div>
        </div>
        <div class="group_8">
          <image class="icon_8" :src="icon8" />
          <div class="group_7">
            <image class="icon_9" :src="icon9" />
            <div class="group_6">
              <image class="dot_12" :src="dot12" />
              <image class="dot_13" :src="dot13" />
            </div>
            <div class="container_3">
              <image class="dot_14" :src="dot14" />
              <image class="dot_15" :src="dot15" />
            </div>
            <div class="outer_2">
              <image class="image_4" :src="image4" />
              <image class="dot_16" :src="dot16" />
              <image class="dot_17" :src="dot17" />
              <image class="dot_18" :src="dot18" />
              <image class="dot_19" :src="dot19" />
              <div class="wrap">
                <image class="dot_20" :src="dot20" />
                <image class="dot_21" :src="dot21" />
              </div>
            </div>
            <div class="block_15">
              <image class="dot_22" :src="dot22" />
              <image class="dot_23" :src="dot23" />
            </div>
          </div>
        </div>
      </div>
      <div class="block_17">
        <text class="xxxxxxxxxxxxPrev" :lines="undefined">{{
          xxxxxxxxxxxxPrev
        }}</text>
        <text class="xxxxxxxxxxxx_2" :lines="undefined">{{
          xxxxxxxxxxxx2
        }}</text>
      </div>
      <text class="num_3" :lines="undefined">{{ num3 }}</text>
      <text class="word_4" :lines="undefined">{{ word4 }}</text>
      <div class="div" />
    </div>
    <text class="row7" :lines="undefined">{{ row7 }}</text>
    <text class="word_5" :lines="undefined">{{ word5 }}</text>
    <div class="ft">
      <div class="tagWrap">
        <text class="tag" :lines="undefined">{{ tag }}</text>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      pic:
		require('static/page-choose-card/images/img_38388_0_0.png'),
      text: '选择您的卡',
      txt: '摘要',
      word: '改变',
      text2: '小计',
      count: '42.00',
      txt2: '美元',
      txt3: '运费',
      num: '1.00',
      text3: '美元',
      word2: '总计',
      count2: '43.00',
      word3: '美元',
      row2: '付款',
      dot:
        './images/img_38368_0_1.png',
      dot2:
        './images/img_38368_0_2.png',
      icon2:
        './images/img_38368_0_7.png',
      icon3:
        './images/img_38368_0_8.png',
      dot3:
        './images/img_38368_0_13.png',
      img:
        './images/img_38368_0_9.png',
      image:
        './images/img_38368_0_10.png',
      picture:
        './images/img_38368_0_11.png',
      picture2:
        './images/img_38368_0_12.png',
      image2:
        './images/img_38368_0_3.png',
      pic2:
        './images/img_38368_0_4.png',
      img2:
        './images/img_38368_0_14.png',
      icon4:
        './images/img_38368_0_5.png',
      icon5:
        './images/img_38368_0_6.png',
      picture3:
        './images/img_38368_0_15.png',
      visavisa: 'Visa/Visa',
      visavisaNext: '借记卡',
      xxxxxxxxxxxx: 'xxxx-xxxx-xxxx',
      num2: '2444',
      text4: '个',
      icon6:
        './images/img_38368_0_16.png',
      row4: '有效期：',
      text5: '09/20',
      icon7:
        './images/img_38368_0_17.png',
      dot4:
        './images/img_38368_0_24.png',
      dot5:
        './images/img_38368_0_34.png',
      image3:
        './images/img_38368_0_18.png',
      dot6:
        './images/img_38368_0_27.png',
      dot7:
        './images/img_38368_0_30.png',
      dot8:
        './images/img_38368_0_40.png',
      dot9:
        './images/img_38368_0_31.png',
      dot10:
        './images/img_38368_0_41.png',
      dot11:
        './images/img_38368_0_37.png',
      icon8:
        './images/img_38368_0_19.png',
      icon9:
        './images/img_38368_0_20.png',
      dot12:
        './images/img_38368_0_28.png',
      dot13:
        './images/img_38368_0_38.png',
      dot14:
        './images/img_38368_0_25.png',
      dot15:
        './images/img_38368_0_35.png',
      image4:
        './images/img_38368_0_21.png',
      dot16:
        './images/img_38368_0_23.png',
      dot17:
        './images/img_38368_0_32.png',
      dot18:
        './images/img_38368_0_22.png',
      dot19:
        './images/img_38368_0_33.png',
      dot20:
        './images/img_38368_0_29.png',
      dot21:
        './images/img_38368_0_39.png',
      dot22:
        './images/img_38368_0_26.png',
      dot23:
        './images/img_38368_0_36.png',
      xxxxxxxxxxxxPrev: '万事达卡',
      xxxxxxxxxxxx2: 'xxxx-xxxx-xxxx',
      num3: '8080',
      word4: '个',
      row7: '有效期：',
      word5: '09/20',
      tag: '下一步',
    };
  },
  methods: {},
};
</script>
<style>
@import './index.response.css';
</style>
