qjd-shell-uniapp/pagesMain/aboutUs.vue

<template>
    <view class="container">
        <view class="logoView">
            <image mode="aspectFit" :style="{width: windowWidth*0.5, height: windowWidth*0.5}" src="../static/images/loginLogo.png"></image> 
        </view>
        <view class="logoText">千家地</view>
        <view class="copyright">
            Copyright@2020 千家地
        </view>
    </view>
</template>

<script>
	export default {
		data() {
			return {
				windowWidth: 0
			}
		},
		onLoad() {
			uni.getSystemInfo({
				success: (res) => {
					this.windowWidth = res.windowWidth
				}
			})
        },
    }
</script>

<style lang="less" scoped>
.container {
    .logoView {
        text-align: center;
        padding: 0 20px;
    }
    .logoText {
        text-align: center;
        font-size: 12px;
        color: #999999;
    }
    .copyright {
        position: absolute;
        bottom: 10%;
        text-align: center;
        width: 100%;
        font-size: 12px;
        color: #999999;
    }
}
</style>