<template>
  <div class="page-mod-hello">
    <div class="box">
      <image class="icon" :src="icon" /> <image class="icon_2" :src="icon2" />
      <image class="dot" :src="dot" /> <image class="dot_2" :src="dot2" />
      <div class="group">
        <image class="largeIcon" :src="largeIcon" />
        <div class="container">
          <image class="largeIcon_2" :src="largeIcon2" />
          <image class="icon_3" :src="icon3" />
        </div>
      </div>
      <div class="empty" />
      <div class="block">
        <image class="icon_4" :src="icon4" />
        <image class="dot_3" :src="dot3" />
        <image class="icon_5" :src="icon5" />
        <image class="icon_6" :src="icon6" />
        <image class="play" :src="play" /> <image class="icon_7" :src="icon7" />
      </div>
      <image class="verticalLine" :src="verticalLine" />
      <image class="dot_5" :src="dot5" /> <image class="icon_8" :src="icon8" />
      <image class="pic" :src="pic" /> <image class="dot_6" :src="dot6" />
      <image class="image" :src="image" />
      <image class="largeIcon_3" :src="largeIcon3" />
      <div class="div" />
      <div class="hd">
        <div class="block_2">
          <image class="image_2" :src="image2" />
          <image class="icon_10" :src="icon10" />
        </div>
        <div class="group_2"><div class="color" /></div>
      </div>
      <text class="bd" :lines="undefined">{{ bd }}</text>
      <div class="submain">
        <image class="largeIcon_4" :src="largeIcon4" />
        <image class="icon_11" :src="icon11" />
      </div>
      <div class="group_3">
        <image class="icon_12" :src="icon12" />
        <image class="icon_13" :src="icon13" />
        <div class="container_2">
          <image class="pic_2" :src="pic2" />
          <image class="dot_9" :src="dot9" />
        </div>
        <image class="pic_3" :src="pic3" /> <image class="img_2" :src="img2" />
        <image class="image_3" :src="image3" />
        <div class="block_3">
          <image class="icon_14" :src="icon14" />
          <image class="icon_15" :src="icon15" />
        </div>
        <image class="icon_16" :src="icon16" />
      </div>
      <image class="icon_17" :src="icon17" />
      <div class="block_4">
        <image class="pic_4" :src="pic4" />
        <image class="dot_10" :src="dot10" />
      </div>
      <image class="image_4" :src="image4" />
      <image class="picture_2" :src="picture2" />
      <image class="icon_18" :src="icon18" />
      <image class="img_3" :src="img3" />
      <div class="empty_2" />
      <div class="main">
        <div class="group_5">
          <div class="outer">
            <image class="icon_19" :src="icon19" />
            <div class="wrap">
              <image class="icon_20" :src="icon20" />
              <image class="pic_5" :src="pic5" />
            </div>
          </div>
          <div class="block_5"><image class="icon_21" :src="icon21" /></div>
          <div class="group_4"><image class="icon_22" :src="icon22" /></div>
        </div>
        <div class="container_3">
          <image class="icon_23" :src="icon23" />
          <image class="icon_24" :src="icon24" />
          <image class="icon_25" :src="icon25" />
          <image class="picture_3" :src="picture3" />
          <image class="icon_26" :src="icon26" />
          <image class="icon_27" :src="icon27" />
          <image class="icon_28" :src="icon28" />
          <image class="icon_29" :src="icon29" />
        </div>
      </div>
      <image class="icon_30" :src="icon30" />
      <image class="icon_31" :src="icon31" />
      <image class="icon_32" :src="icon32" />
      <div class="block_9">
        <div class="block_6">
          <image class="icon_33" :src="icon33" />
          <image class="icon_34" :src="icon34" />
        </div>
        <div class="group_6">
          <div class="markWrap">
            <image class="dot_11" :src="dot11" />
            <image class="pic_6" :src="pic6" />
            <image class="mark" :src="mark" />
            <image class="icon_35" :src="icon35" />
          </div>
          <image class="dot_13" :src="dot13" />
        </div>
        <image class="pic_7" :src="pic7" />
        <image class="icon_36" :src="icon36" />
        <image class="icon_37" :src="icon37" />
        <image class="icon_38" :src="icon38" />
        <div class="labelWrap">
          <image class="picture_4" :src="picture4" />
          <image class="dot_14" :src="dot14" />
          <image class="mark_2" :src="mark2" />
          <image class="label" :src="label" />
        </div>
        <image class="verticalLine_2" :src="verticalLine2" />
        <image class="icon_39" :src="icon39" />
        <image class="icon_40" :src="icon40" />
        <image class="icon_41" :src="icon41" />
        <image class="icon_42" :src="icon42" />
        <image class="icon_43" :src="icon43" />
        <div class="block_7">
          <image class="icon_44" :src="icon44" />
          <div class="outer_2">
            <image class="icon_45" :src="icon45" />
            <image class="icon_46" :src="icon46" />
          </div>
        </div>
        <image class="icon_47" :src="icon47" />
        <div class="group_7">
          <image class="largeIcon_5" :src="largeIcon5" />
          <div class="block_8">
            <image class="largeIcon_6" :src="largeIcon6" />
            <image class="icon_49" :src="icon49" />
            <image class="verticalLine_3" :src="verticalLine3" />
            <image class="icon_50" :src="icon50" />
            <image class="playBtn" :src="playBtn" />
          </div>
        </div>
        <image class="img_4" :src="img4" />
        <image class="icon_51" :src="icon51" />
        <image class="icon_52" :src="icon52" />
        <div class="container_4">
          <image class="icon_53" :src="icon53" />
          <image class="dot_15" :src="dot15" />
        </div>
      </div>
      <text class="row" :lines="undefined">{{ row }}</text>
      <text class="row1" :lines="undefined">{{ row1 }}</text>
      <text class="wifiPrev" :lines="undefined">{{ wifiPrev }}</text>
      <text class="row2" :lines="undefined">{{ row2 }}</text>
      <div class="ft">
        <text class="tag" :lines="undefined">{{ tag }}</text>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      icon:
        './images/img_39274_0_30.png',
      icon2:
        './images/img_39274_0_31.png',
      dot:
        './images/img_39274_0_28.png',
      dot2:
        './images/img_39274_0_29.png',
      largeIcon:
        './images/img_39274_0_6.png',
      largeIcon2:
        './images/img_39274_0_7.png',
      icon3:
        './images/img_39274_0_8.png',
      icon4:
        './images/img_39274_0_42.png',
      dot3:
        './images/img_39274_0_57.png',
      icon5:
        './images/img_39274_0_51.png',
      icon6:
        './images/img_39274_0_54.png',
      play:
        './images/img_39274_0_48.png',
      icon7:
        './images/img_39274_0_50.png',
      verticalLine:
        './images/img_39274_0_43.png',
      dot5:
        './images/img_39274_0_49.png',
      icon8:
        './images/img_39274_0_52.png',
      pic:
        './images/img_39274_0_47.png',
      dot6:
        './images/img_39274_0_58.png',
      image:
        './images/img_39274_0_46.png',
      largeIcon3:
        './images/img_39274_0_5.png',
      image2:
        './images/img_39274_0_91.png',
      icon10:
        './images/img_39274_0_92.png',
      bd: '你好！',
      largeIcon4:
        './images/img_39274_0_3.png',
      icon11:
        './images/img_39274_0_4.png',
      icon12:
        './images/img_39274_0_9.png',
      icon13:
        './images/img_39274_0_10.png',
      pic2:
        './images/img_39274_0_11.png',
      dot9:
        './images/img_39274_0_15.png',
      pic3:
        './images/img_39274_0_14.png',
      img2:
        './images/img_39274_0_12.png',
      image3:
        './images/img_39274_0_13.png',
      icon14:
        './images/img_39274_0_23.png',
      icon15:
        './images/img_39274_0_25.png',
      icon16:
        './images/img_39274_0_24.png',
      icon17:
        './images/img_39274_0_16.png',
      pic4:
        './images/img_39274_0_17.png',
      dot10:
        './images/img_39274_0_21.png',
      image4:
        './images/img_39274_0_20.png',
      picture2:
        './images/img_39274_0_18.png',
      icon18:
        './images/img_39274_0_22.png',
      img3:
        './images/img_39274_0_19.png',
      icon19:
        './images/img_39274_0_0.png',
      icon20:
        './images/img_39274_0_1.png',
      pic5:
        './images/img_39274_0_2.png',
      icon21:
        './images/img_39274_0_53.png',
      icon22:
        './images/img_39274_0_33.png',
      icon23:
        './images/img_39274_0_34.png',
      icon24:
        './images/img_39274_0_35.png',
      icon25:
        './images/img_39274_0_36.png',
      picture3:
        './images/img_39274_0_37.png',
      icon26:
        './images/img_39274_0_38.png',
      icon27:
        './images/img_39274_0_41.png',
      icon28:
        './images/img_39274_0_39.png',
      icon29:
        './images/img_39274_0_40.png',
      icon30:
        './images/img_39274_0_26.png',
      icon31:
        './images/img_39274_0_27.png',
      icon32:
        './images/img_39274_0_32.png',
      icon33:
        './images/img_39274_0_61.png',
      icon34:
        './images/img_39274_0_62.png',
      dot11:
        './images/img_39274_0_55.png',
      pic6:
        './images/img_39274_0_45.png',
      mark:
        './images/img_39274_0_87.png',
      icon35:
        './images/img_39274_0_89.png',
      dot13:
        './images/img_39274_0_88.png',
      pic7:
        './images/img_39274_0_59.png',
      icon36:
        './images/img_39274_0_72.png',
      icon37:
        './images/img_39274_0_73.png',
      icon38:
        './images/img_39274_0_71.png',
      picture4:
        './images/img_39274_0_44.png',
      dot14:
        './images/img_39274_0_56.png',
      mark2:
        './images/img_39274_0_85.png',
      label:
        './images/img_39274_0_86.png',
      verticalLine2:
        './images/img_39274_0_90.png',
      icon39:
        './images/img_39274_0_60.png',
      icon40:
        './images/img_39274_0_63.png',
      icon41:
        './images/img_39274_0_64.png',
      icon42:
        './images/img_39274_0_65.png',
      icon43:
        './images/img_39274_0_66.png',
      icon44:
        './images/img_39274_0_67.png',
      icon45:
        './images/img_39274_0_68.png',
      icon46:
        './images/img_39274_0_69.png',
      icon47:
        './images/img_39274_0_70.png',
      largeIcon5:
        './images/img_39274_0_74.png',
      largeIcon6:
        './images/img_39274_0_75.png',
      icon49:
        './images/img_39274_0_79.png',
      verticalLine3:
        './images/img_39274_0_78.png',
      icon50:
        './images/img_39274_0_77.png',
      playBtn:
        './images/img_39274_0_76.png',
      img4:
        './images/img_39274_0_80.png',
      icon51:
        './images/img_39274_0_81.png',
      icon52:
        './images/img_39274_0_82.png',
      icon53:
        './images/img_39274_0_83.png',
      dot15:
        './images/img_39274_0_84.png',
      row: '让我们把你的新花园布置好。',
      row1: '在接下来的步骤中，请确保手边有您的',
      wifiPrev: '名称和密码。',
      row2: 'wifi',
      tag: '下一步',
    };
  },
  methods: {},
};
</script>
<style>
@import './index.response.css';
</style>
