xiamen-sb-uniapp/pages/about/about.vue

<template>
    <view>
        <view class="d-flex f-column a-center top">
            <image src="../../static/logo.png" mode=""></image>
            <view class="main-color-text f-weight-bold m2">欢迎使用设备管理系统！</view>
        </view>
        <view class="f-weight-bold name text-center">公司简介</view>
        <view class="f-size-28 text-color-6 px3">
            蓝湖是冰岛最大的温泉。从冰岛首都雷克雅未克市向东南方向驱车1小时左右，就可到达冰岛著名的地热温泉——蓝湖。有些游客慕名而来，更
        </view>
        <view class="d-flex j-between mx3 py2 border-bottom" style="margin-top: 50rpx" @tap="phone">
            <view class="f-size-30 text-color-3">客服电话</view>
            <view class="d-flex a-center">
                <view class="ml-2 main-color-text"> 15685653265 </view>
            </view>
        </view>
        <u-link href="http://www.baidu.com">
            <view class="d-flex j-between mx3 py2 border-bottom">
                <view class="f-size-30 text-color-3">公司网址</view>
                <view class="d-flex a-center">
                    <view class="ml-2 main-color-text"> www.baidu.com </view>
                </view>
            </view>
        </u-link>
        <view class="d-flex j-between mx3 py2 border-bottom">
            <view class="f-size-30 text-color-3">版本号</view>
            <view class="d-flex a-center">
                <view class="ml-2 text-color-6"> V1.0.0 </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {
        //
        phone() {
            uni.makePhoneCall({
                phoneNumber: '15623652563'
            });
        }
    }
};
</script>

<style scoped lang="less">
.top {
    font-size: 28rpx;
    padding-top: 130rpx;

    image {
        width: 170rpx;
        height: 123rpx;
    }
}

.name {
    font-size: 42rpx;
    color: #333333;
    margin: 60rpx 0;
}
</style>