flyLong/pc/src/views/AboutUs.vue

<template>
            <div class="content">
                <br>
                <br>
                <br>
                <!--<img src="../../static/images/comm/logo.png" alt="">-->
                <div class="text">
                    <p>号码魔方融合通信平台用户使用协议</p>
                    <span>
                        欢迎使用号码魔方融合通信平台平台系统，本系统是由济南市佰意兴网络科技有限公司自行设计开发并拥有独立自主知识产权的移动客户关系管理平台，并集成了各类通信运营商的通信通道资源，通过web页面以及客户端等模式向客户提供服务。
                        <br><br>
                        其面向的使用对象是能够承担相应法律责任的公司或个人，若您不具备此资格，请不要使用我们提供的服务。
                         <br><br>
                        无论是否实际阅读本协议，您通过网络页面点击确认本协议或实际使用平台服务，均表示您与已就本协议达成一致并同意接受本协议的全部约定内容。
                        如果您不同意本协议的任意内容，或者无法准确理解本协议条款的解释，请不要同意本协议或使用本协议项下的服务。
                        否则，表示您已接受了以下所述的条款和条件，同意受本协议约束。
                         <br><br>
                        本协议由济南佰意兴网络科技有限公司（以下简称“佰意兴”）与您在山东省济南市签署。
                    </span>
                </div>
            </div>
</template>

<script>
export default {
    data () {
    return {
    }
    },
    mounted() {

    },
    methods: {

    },
    components: {

    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .content img {
        overflow: hidden;
        display: block;
        margin: 0 auto;
        margin-bottom: 44px;
    }
    .text {
        overflow: hidden;
        display: block;
        margin: 0 auto;
        background: #F8F8F8;
        padding: 30px 70px;
        font-size: 12px;
    }
    .text p {
        width: 100%;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        margin-bottom: 44px;
        text-align: center;
        font-size: 18px;
        color: #000000;
    }
    .text span {
        font-size: 12px;
    }
</style>