<template>
    <div class="union">
        <div class="title">{{ currTitle }}</div>
        <div class="jg"></div>
        <div v-html="info.content"></div>
    </div>
</template>

<script>
import { article_list, article_info } from "../../request/api";
export default {
    name: 'Union',
    data() {
        return {
            currTitle: '',
            info: {}
        }
    },
    created() {
        this.getDate()
    },
    methods: {
        getDate() {
            article_info({},75).then(({data:res}) => {
                this.info = res.data
                this.currTitle = res.data.title
                
            })
        }
    }
}
</script>

<style lang="scss" scoped>
.jg{
  height: 30px;
  background-color: #fff;
}
.title {
  color: #96311c;
  text-align: center;
  font-size: 20px;
  margin: 45px auto;
  font-weight: bold;
  position: relative;
  &::before {
    background: url("../../assets/divbefore.png") no-repeat;
    left: 255px;
  }
  &::after {
    background: url("../../assets/divafter.png") no-repeat;
    left: 490px;
  }

  &::before,
  &::after {
    width: 93px;
    height: 5px;
    content: "";
    position: absolute;
    top: 37%;
    margin-top: -2px;
    display: inline-block;
    margin: 0 10px;
  }
}
</style>