anlifenxi.vue 4.4 KB
<template>
  <div class="containerbox">
    <div class="anlibox">
      <div class="comtexttop flexthree">
        <div class="textleft flexone">
          <div class="textleftheng"></div>
          <div class="textyuan"></div>
        </div>
        <div class="textname">案例分析表</div>
        <div class="textleft flexone">
          <div class="textkyuan"></div>
          <div class="textrightheng"></div>
        </div>
      </div>

      <div class="anliimg">
        <img src="../../../assets/anliimg.png" alt />
        <div class="anlitext">
          分析:亲爱的xx您好,根据您填写的资料,您最想减脂的部位是XXX,
          唐元集益菌享瘦套组从根源上打造易瘦体质,针对性的减掉脂肪,帮助您健康享瘦!
          唐元集帮助了很多不同的人实现了瘦身和健康的目标。这里有和您相似的人哦~
        </div>
      </div>

      <div class="comtexttop flexthree bianmei">
        <div class="textleft flexone">
          <div class="textleftheng"></div>
          <div class="textyuan"></div>
        </div>
        <div class="textname">变美案例</div>
        <div class="textleft flexone">
          <div class="textkyuan"></div>
          <div class="textrightheng"></div>
        </div>
      </div>
      <div class="bianmeibox">
        <div class="flexone">
          <div class="bianmeiitem flexone">
            <div class="bianmeiitemname">性别:</div>
            <div class="bianmeiitemname">女</div>
          </div>
          <div class="bianmeiitem flexone">
            <div class="bianmeiitemname">年龄:</div>
            <div class="bianmeiitemname">23</div>
          </div>
        </div>
        <div class="flexone">
          <div class="bianmeiitem flexone">
            <div class="bianmeiitemname">身高:</div>
            <div class="bianmeiitemname">女</div>
          </div>
          <div class="bianmeiitem flexone">
            <div class="bianmeiitemname">职业:</div>
            <div class="bianmeiitemname">23</div>
          </div>
        </div>
        <div class="tangname">唐元前</div>
        <div class="flexone">
          <div class="bianmeiitem flexone">
            <div class="bianmeiitemname">体重:</div>
            <div class="bianmeiitemname">女</div>
          </div>
          <div class="bianmeiitem flexone">
            <div class="bianmeiitemname">BIM:</div>
            <div class="bianmeiitemname">23</div>
          </div>
        </div>
        <div class="flexone">
          <div class="bianmeiitem flexone">
            <div class="bianmeiitemname">体脂率:</div>
            <div class="bianmeiitemname">女</div>
          </div>
        </div>

        <div class="tangname">唐元后</div>
        <div class="flexone">
          <div class="bianmeiitem flexone">
            <div class="bianmeiitemname">体重:</div>
            <div class="bianmeiitemname">女</div>
          </div>
          <div class="bianmeiitem flexone">
            <div class="bianmeiitemname">BIM:</div>
            <div class="bianmeiitemname">23</div>
          </div>
        </div>
        <div class="flexone">
          <div class="bianmeiitem flexone">
            <div class="bianmeiitemname">体脂率:</div>
            <div class="bianmeiitemname">女</div>
          </div>
        </div>
        <div class="tangboximg flexone">
          <div class="tangleftimg">
            <img src="../../../assets/tangqian.png" alt />
          </div>
          <div class="tangrightimg">
            <img src="../../../assets/tanghou.png" alt />
          </div>
        </div>
      </div>
    </div>

    <div class="comtexttop flexthree">
      <div class="textleft flexone">
        <div class="textleftheng"></div>
        <div class="textyuan"></div>
      </div>
      <div class="textname">减脂案例</div>
      <div class="textleft flexone">
        <div class="textkyuan"></div>
        <div class="textrightheng"></div>
      </div>
    </div>

    <div class="videoimg anlivideo">
      <img src="../../../assets/videoimg.png" alt />
      <img src="../../../assets/anniu.png" alt class="videobtn" />
    </div>

    <div class="flextwo shiyebot anlibot">
      <div class="shibotleft">上一页</div>
      <div class="shibotright">上一页</div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
@import "../../../style/usercenter.css";
.anlibox {
  padding: 0.32rem;
  box-sizing: border-box;
}
</style>