小程序--大师信息

<import src="../../template/baseNavigationBar.wxml"/>
<template is="navigationBar" data="{{...item}}"></template>
<view class="Craftsman">
    <view class="Craftsman_img"><image src="../../images/img.png" mode="widthFix"></image></view>
    <view class="Craftsman_r_msg">
        <view class="message">
            <view class="Craftsman_title">【大师坊】</view>
            <view class="Craftsman_ideal"> 刘宏达: 心诚方显艺精</view>
        </view>
        <view><text class="iconfont icon-arrowright"></text></view>
    </view>
</view>

<!--个人信息-->
<view class="information">
    <view class="info_user">个人信息</view>
    <view class="info_msg">性别 : 男</view>
    <view class="info_msg">地区 : 辽宁省鞍山市 </view>
    <view class="info_user Craftsman_info">匠人简介</view>
    <text class="info_msg">离开大解放路卡迪拉克副科级阿拉丁可使肌肤蜡看电视剧法拉第减肥啦看电视剧卡机了水电费拉开的说减肥</text>
</view>
<!--匠心历程-->
<view class="course">
    <view class="course_msg" style="max-height: {{height}}">
        <view class="info_user">匠心历程</view>
        <view class="info_msg">·2011年7月，《春晓》荣获全国玉石雕刻“玉星奖”优秀作品奖</view>
        <view class="info_msg">·2011年7月，《春晓》荣获全国玉石雕刻“玉星奖”优秀作品奖</view>
        <view class="info_msg">·2011年7月，《春晓》荣获全国玉石雕刻“玉星奖”优秀作品奖</view>
        <view class="info_msg">·2011年7月，《春晓》荣获全国玉石雕刻“玉星奖”优秀作品奖</view>
        <view class="info_msg">·2011年7月，《春晓》荣获全国玉石雕刻“玉星奖”优秀作品奖</view>
        <view class="info_msg">·2011年7月，《春晓》荣获全国玉石雕刻“玉星奖”优秀作品奖</view>
        <view class="info_msg">·2011年7月，《春晓》荣获全国玉石雕刻“玉星奖”优秀作品奖</view>
        <view class="info_msg">·2011年7月，《春晓》荣获全国玉石雕刻“玉星奖”优秀作品奖</view>
    </view>
    <view class="check_more" bindtap="bindcheckmore">查看更多 <text class="iconfont icon-arrowright"></text></view>
</view>

<!--代表作品-->
<view class="information">
    <view class="info_user">代表作品</view>
    <view class="works"><image src="../../images/44.png" mode="widthFix"></image></view>
</view>

@import "../../lib/style/iconfont.wxss";
@import "../../lib/style/base.wxss";
@import "../../lib/style/baseNavigationBar.wxss";
page {
    background-color: #f3f3f3;
}
.Craftsman {
    display: flex;
    align-items: center;
    padding: 20rpx 28rpx;
    background: white;
    border-top: 2rpx solid #f3f3f3;
    margin-top: 140rpx;
}
.Craftsman_img {
    width: 126rpx;
    height: 126rpx;
    overflow: hidden;
    /*margin-right: 20rpx;*/
    flex-shrink: 0;
}
.Craftsman_img image {
    width: 100%;
    border-radius: 6rpx;
}
.Craftsman_r_msg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}
.message {
    line-height: 2;
}
.Craftsman_title {
    color: #bb0000;
    text-align: left;
}
.Craftsman_ideal {
    font-size: 24rpx;
    color: #898989;
    margin-left: 20rpx;
}

/*个人信息*/
.information {
    background: white;
    padding: 36rpx 28rpx;
    margin-top: 6rpx;
    line-height: 1.6;
}
.info_user {
    border-left: 8rpx solid #c5b7ab;
    padding: 0 20rpx;
    margin-bottom: 8rpx;
}
.Craftsman_info {
    margin-top: 40rpx;
}
.info_msg {
    font-size: 24rpx;
    color: #898989;
}
/*匠心历程*/
.course {
    background: white;
    padding: 36rpx 28rpx 0;
    margin-top: 20rpx;
    margin-bottom: 20rpx;
}
.course_msg {
    line-height: 1.6;
    margin-bottom: 20rpx;
    max-height: 130rpx;
    overflow: hidden;
}
.check_more {
    text-align: center;
    height: 68rpx;
    line-height: 68rpx;
    color: #8f8f8f;
    border-top: 2rpx dashed #d4d4d4;
    font-size: 24rpx;
}
.check_more .icon-arrowright {
    font-size: 24rpx;
}
.works {
    width: 49%;
    margin-top: 20rpx;
}
.works image {
    width: 100%;
}