寻人启事样式

最新推荐文章于 2024-11-06 22:27:05 发布

qaz905133827

最新推荐文章于 2024-11-06 22:27:05 发布

阅读量595

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/qaz905133827/article/details/122316163

版权

<template>
     <item-box class="fullStyle" title="寻人启事 - 张三（6岁）">
        <el-card class="fullStyle" :body-style="{ padding: '0px' }">
             <el-image
                style="width:200px; height: 200px"
                src="https://img2.baidu.com/it/u=1665139297,3897423406&fm=26&fmt=auto"
                fit="fit">
          </el-image>
    
        <div style="padding: 14px;">
            <span>张三（6岁）</span>
            <div>走失地点：北京朝阳二路口</div>
            <div>走失时间：1999-6-2 15:55:00</div>            
        </div>
        </el-card>
    </item-box>
</template>

<script>
import itemBox from './itemBox.vue'
export default {
  name: "missingInfo",
  components: {itemBox},
  props:{
    value:Object
  },
  data() {
     return {
      currentDate: new Date()
    };
  },
    created(){
      
    }
};
</script>

<style scoped lang="scss">


.fullStyle {
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.time {
    font-size: 13px;
    color: #999;
  }
  
  .bottom {
    margin-top: 13px;
    line-height: 12px;
  }

  .button {
    padding: 0;
    float: right;
  }

  .image {
    width: 100%;
    display: block;
    
  }

  .clearfix:before,
  .clearfix:after {
      display: table;
      content: "";
  }
  
  .clearfix:after {
      clear: both
  }
</style>