Newer
Older
KaiFengWechat / src / views / questionnaire.vue
@鲁yixuan 鲁yixuan on 18 Jul 1 KB update
<template>
  <div class="questionnaire">
    <div class="top">
      <div>
        <img class="ImgCLass" src="../assets/images/wjtc.png" alt="" />
      </div>
      <div class="below">
        <p>
          您好!今年是开封市创建海绵城市建设示范城市的第二年,为进一步了解群众对孝感市海绵城市建设的看法,我们正在进行项关于海绵城市建设群众满意度的调查,希望能够占用您三分钟的时间,填写问卷,您的看法对我们非常重要,数据资料我们将严格保密,结果将作为海绵城市建设绩效评价的参考,希望能够得到您的支持和配合,非常感谢!
        </p>
      </div>
    </div>
    <div class="under">1</div>
  </div>
</template>

<script setup name="questionnaire"></script>

<style lang="less" scoped>
.questionnaire {
  height: 100%;
  overflow: auto;
  background: #f1f1f1;

  .top {
    width: 100%;
    background: red;
    .ImgCLass {
      margin: auto;
      display: block;
      width: 667px;
      height: 120px;
      position: relative;
      top: 12px;
    }
    .below {
      margin-top: 15px;
      width: 667px;
      margin-left: auto;
      margin-right: auto;
      // background: yellow;
      p {
        text-indent: 2em;
        padding: 0px;
        margin: 0px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        font-size: 25px;
        color: #121212;
        line-height: 39px;
      }
    }
  }
  .under {
    width: 100%;
    margin-top: 10px;
    background: yellow;
  }
}
</style>