juliancheng/pages/mine/aboutUs.vue

<template>
	<view class="aboutUsBox">
		<view class="aboutUsContent">
			<!--<view class="aboutUsTitle">
				关于聚联诚集团
			</view>-->
			<view class="">
                <text>{{ configDataList.about_us }}</text>
            </view>
		</view>
		<view class="aboutUsBottom">
			<view class="aboutUsNav">
				<navigator open-type="navigate" url="/pages/mine/aboutUsService" class="bottomNotice">服务协议</navigator>
				<text style="margin: 0 10rpx;">|</text>
				<navigator open-type="navigate" url="/pages/mine/aboutUsprivacy" class="bottomNotice">隐私政策</navigator>
			</view>
			<view class="aboutUsCopy">
				<view>Copyright @ 2011-2020 JULIANCHENG CREDIT</view>
				<view>ALL Rights Reserved</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
    data() {
        return {
            configDataList: [], // 全局配置文件
        };
    },
    onLoad() {
        this.configData()
    },
    mounted() {
    },
    methods: {
        configData: async function() {
            let res = await this.$request.post('/api/SystemConfig/getSysteConfig');
            console.log(res);
            if (res.code == 200) {
                this.configDataList = res.data
            } else {
                uni.showToast({
                    title: '错误信息',
                    content: res.message,
                    showCancel: false
                })
            }
        },

    }
};
</script>

<style>
	.aboutUsBox {
		padding: 10rpx 30rpx 0 30rpx;
		background-color: #f9f9f9;
		width: 100vw;
		height: 100vh;
		color: #AAAAAA;
	}

	.aboutUsTitle {
		text-align: center;
		font-size: 30rpx;
		border-bottom: 1rpx solid #000;
	}

	.aboutUsContent {
		height: 90vh;
		overflow: auto;
	}

	.aboutUsBottom {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
	}

	.aboutUsNav {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.aboutUsCopy {
		margin: 0 auto;
		padding-bottom: 30rpx;
		width: 500rpx;
		font-size: 20rpx;
		text-align: center;
	}

	.bottomNotice {
		color: #3180D5;
	}
</style>