<template>
  <div class="page-new-plants-add">
    <div class="hd">
      <text class="txt" :lines="undefined">{{ txt }}</text>
      <image class="icon" :src="icon" />
    </div>
    <div class="bd">
      <div class="container">
        <image class="icon_2" :src="icon2" />
        <image class="icon_3" :src="icon3" />
      </div>
      <div class="block">
        <image class="icon_4" :src="icon4" />
        <image class="icon_5" :src="icon5" />
      </div>
      <div class="group"><div class="empty" /></div>
      <div class="container_2">
        <div class="outer">
          <text class="text" :lines="undefined">{{ text }}</text>
          <text class="num" :lines="undefined">{{ num }}</text>
        </div>
        <text class="txt_2" :lines="undefined">{{ txt2 }}</text>
      </div>
    </div>
    <div class="main">
      <image class="layer" :src="layer" />
      <image class="actionBg" :src="actionBg" />
      <text class="word" :lines="undefined">{{ word }}</text>
      <div class="block_2">
        <text class="num_2" :lines="undefined">{{ num2 }}</text>
        <text class="text_2" :lines="undefined">{{ text2 }}</text>
      </div>
      <div class="group_2"><image class="pic" :src="pic" /></div>
    </div>
    <div class="submain">
      <div class="container_3">
        <text class="txt_3" :lines="undefined">{{ txt3 }}</text>
        <div class="block_3">
          <image class="icon_6" :src="icon6" />
          <image class="play" :src="play" />
        </div>
      </div>
      <div class="block_4">
        <text class="word_2" :lines="undefined">{{ word2 }}</text>
        <div class="group_3">
          <div class="wrap">
            <image class="icon_7" :src="icon7" />
            <image class="dot" :src="dot" />
            <image class="dot_2" :src="dot2" />
            <image class="dot_3" :src="dot3" />
          </div>
          <image class="playBtn" :src="playBtn" />
          <image class="dot_4" :src="dot4" />
        </div>
      </div>
    </div>
    <div class="row">
      <text class="percentPrev" :lines="undefined">{{ percentPrev }}</text>
      <text class="percent" :lines="undefined">{{ percent }}</text>
    </div>
    <div class="ft">
      <text class="word_3" :lines="undefined">{{ word3 }}</text>
      <text class="text_3" :lines="undefined">{{ text3 }}</text>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      txt: '我的花园',
      icon: './images/img_38333_0_13.png',
      icon2:
        './images/img_38333_0_0.png',
      icon3:
        './images/img_38333_0_2.png',
      icon4:
        './images/img_38333_0_1.png',
      icon5:
        './images/img_38333_0_3.png',
      text: '新增',
      num: '1',
      txt2: '座厂房',
      layer:
        './images/img_38333_0_4.png',
      actionBg:
        './images/img_38333_0_5.png',
      word: '米兰',
      num2: '1',
      text2: '天',
      pic:
        './images/img_38333_0_6.png',
      txt3: '水',
      icon6:
        './images/img_38333_0_12.png',
      play: './images/img_38333_0_15.png',
      word2: '阳光',
      icon7:
        './images/img_38333_0_7.png',
      dot:
        './images/img_38333_0_11.png',
      dot2:
        './images/img_38333_0_10.png',
      dot3:
        './images/img_38333_0_9.png',
      playBtn:
        './images/img_38333_0_14.png',
      dot4:
        './images/img_38333_0_8.png',
      percentPrev: '2 天',
      percent: '65%',
      word3: '每7天',
      text3: '每天18HRS',
    };
  },
  methods: {},
};
</script>
<style>
@import './index.response.css';
</style>
