文章段落首字母缩进两个字符

在处理文字比较多的页面的时候，显示数据想要段落首字母缩进两字字符，这个功能p标签默认并不能帮我们实现，这样的文字显示出来很难看，就像下面

<template>
  <section class="p-10">
    <div class="app">
      <p>有一个小山村，很久很久都没有下雨了，老百姓吃完了粮食，吃草根，吃完了草根，吃树皮，到最后没有任何东西能填饱肚子，无数身边的人离开了，老人死去了，弱小的孩子死去了，村里的年青人不知如何是好。 于是他们就去找智慧老人，智慧老人说，这是对神灵的不敬，需要派人去采集光滑，有灵性，中间有缝，左右对称的卵石，取其中的一块，雕刻成佛，让石佛保佑众生，村里人都去找卵石了，采集卵石非常难，翻山、过河、找不到合适的石头，其中有一个年轻人在采集的过程中又饥又饿，年青人想放弃，躺在石头上想休息，忽然间发现，他躺得这块石头非常的光滑，左右对称，与其他的石头不一样，难道这就是孪生石？</p>
    </div>
  </section>
</template>

如果想实现段落首字符缩进，只需要在样式里通过 text-indent 控制一下即可

<template>
  <section class="p-10">
    <div class="app">
      <p>有一个小山村，很久很久都没有下雨了，老百姓吃完了粮食，吃草根，吃完了草根，吃树皮，到最后没有任何东西能填饱肚子，无数身边的人离开了，老人死去了，弱小的孩子死去了，村里的年青人不知如何是好。 于是他们就去找智慧老人，智慧老人说，这是对神灵的不敬，需要派人去采集光滑，有灵性，中间有缝，左右对称的卵石，取其中的一块，雕刻成佛，让石佛保佑众生，村里人都去找卵石了，采集卵石非常难，翻山、过河、找不到合适的石头，其中有一个年轻人在采集的过程中又饥又饿，年青人想放弃，躺在石头上想休息，忽然间发现，他躺得这块石头非常的光滑，左右对称，与其他的石头不一样，难道这就是孪生石？</p>
    </div>
  </section>
</template>
<style lang="scss">
  .app p{
    text-indent:2em;
  }
</style>

嗯，就酱~~