<template>

</template>

<script>
  import {share} from "../util/imgUrl";
  export default {
    name: "share",
    data(){
      return{
        imgUrl:share,
        num:0,
        pNum:0,
        watchLog:null,
        user:null
      }
    },
    mounted(){
      this.initPage()
    },
    methods:{

    }
  }
</script>

<style scoped lang="less">
@import "../util/public";
  .share{
    background-size: 100% 100%;
    .tips{
      position: absolute;
      top: 8 * @toVw;
      height: 66 * @toVw;
      z-index: 0;
      right: 31 * @toVw;
    }
    .content{
      width: 313 * @toVw;
      height: 524 * @toVw;
      background-size: 100% 100%;
      position: relative;
      z-index: 2;
      margin:53 * @toVw auto 0 auto;
      .head{
        border-radius: 1000px;
        width: 32 * @toVw;
        position: absolute;
        top: 257 * @toVw;
        left: 40 * @toVw;
      }
      .name{
        width:70px;
        height:20px;
        font-size:14px;
        font-family:PingFang-SC-Bold;
        font-weight:bold;
        color:rgba(51,51,51,1);
        line-height:20px;
        position: absolute;
        top: 257 * @toVw;
        left: 84 * @toVw;
      }
      .day{
        font-size:20px;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
        line-height:28px;
        position: absolute;
        top: 334 * @toVw;
        right:243 * @toVw;
      }
      .num{
        font-size:20px;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
        line-height:28px;
        position: absolute;
        top: 334 * @toVw;
        right: 167 * @toVw;
      }
      .time{
        font-size:20px;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
        line-height:28px;
        position: absolute;
        top: 334 * @toVw;
        right: 63 * @toVw;
      }
    }
  }
</style>
