小白开发微信小程序34--关于我们页面实现

1、us.wxml

<view>
    <!-- 顶部图片 -->
    <view>
        <image class="us-indeximage" mode="widthFix" src="/images/women3.jpg"></image>
    </view>
    <!-- 信息栏1 -->
    <view>
        <title-com maxTitle1="公司介绍" infoStr="我们走进互联网+时代"></title-com>
    </view>
    <!-- 中间图片 -->
    <view>
        <image class="us-indeximage" mode="widthFix" src="/images/team3.jpg"></image>
    </view>
    <!-- 公司介绍 -->
    <view class="ustitle">
        <view class="companydesc">
            我们是IT教育行业的造梦者，也是前沿技术内容的创造者和传播者！
            作为国内深受欢迎的互联网IT技能学习网站，领航教育网自2013年成立至今，始终专注IT在线教育，以培养互联网企业实用型人才为己任，邀请一线大厂技术达人打造前沿的IT技术精品课程，赋能全球范围内每一位有梦想、有志向的职业人实现梦想！
        </view>
    </view>
</view>

2、us.wxss

.us-indeximage{
    width: 100%;
    height: 100%;
}
.ustitle{
    padding: 0 10px;
    line-height: 22px;
    font-size: 14px; 
}
.ustitle .companydesc{
    font-weight: 300;
    margin: 5px 0;
}

3、us.json

{
    "navigationBarTitleText": "关于我们",
    "usingComponents": {
        "title-com": "/component/titlecom/titlecom"
    }
}

4、效果