caseDetail.vue

<template>
  <div class="container" >
    <div class="ct">
      <div class="head">
        <h3>我的一次成功销售案例</h3>
        <div>
          <span>作者： </span>
          <span>亿百分</span>
          <span style="margin-left:24px;">2019 / 12 /24</span>
        </div>
      </div>
      <div class="nr">
        <p>
          马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
        </p>
        <p>
          马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
        </p>
        <div class="pic">
            <img src="/img/article.png" alt="">
        </div>
        <p>
          马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
        </p>
      </div>
    </div>
  </div>
</template>

<script>
import { getCaseDetail } from '@/api/test/active'
export default {
  data() {
    return {
      
    }
  },
  methods: {
    getDeatil() {
      let data = {
        
      }
      getCaseDetail(data).then(res => {
        console.log(res,"案例详情");
        
      })
    } 
  },
};
</script>

<style scoped>
.pic {
    width: 100%;
    margin-bottom: 14px;
}
.pic img {
    width: 100%;
}
.nr {
    margin-top: 12px;
}
.nr p {
  font-size: 12px;
  font-weight: 400;
  color: #576C88;
  margin-bottom: 14px;
}
.container {
  background: #f8f8f8;
  height: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  min-height: 100%;
}
.ct {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
  padding: 16px;
}
.head {
  height: 74px;
  width: 100%;
  border-bottom: 1px solid rgba(238, 238, 238, 1);
}
.head h3 {
  font-size: 18px;
  font-weight: bold;
  color: rgba(45, 71, 106, 1);
}
.head span {
  font-size: 12px;
  font-weight: 500;
  color: rgba(45, 71, 106, 1);
}
</style>