<template>
  <view>
    <custom-nav-bar position="fixed" color="black" left-text="首席专家团队介绍" left-arrow border />

    <view class="flex flex-col chief-list flex-center">
      <image style="width: 100%; height: 100vh" src="/static/packages/public/images/Chief_physician.png"
        mode="aspectFit" />
      <!-- <view class="flex flex-col flex-center chief-item" wx:for="{{list}}" wx:key="*this">
    <view class="portrait">
      <image class="portrait-img" src="{{item.img}}"></image>
      <view class="portrait-text">
        {{item.name}}
      </view>
    </view>
    <view class="chief-msg">
      {{item.msg}}
    </view>
  </view> -->
    </view>
  </view>
</template>

<script>
  // packages/public/pages/chief-expert/chief-expert.js
  export default {
    data() {
      return {
        options: {},
        list: [{
            icon: '',
            name: '我是名字',
            msg: '我是描述'
          },
          {
            icon: '',
            name: '我是名字',
            msg: '我是描述'
          },
          {
            icon: '',
            name: '我是名字',
            msg: '我是描述'
          }
        ]
      };
    },
    onLoad(options) {
      this.options = options
    },
    methods: {}
  };
</script>
<style lang="less">
  .chief-list {
    padding: 60rpx 40rpx 30rpx;

    .chief-item {
      &:not(:first-child) {
        margin-top: 50rpx;
      }

      .portrait {
        width: 218rpx;
        height: 278rpx;
        position: relative;

        .portrait-img {
          width: 218rpx;
          height: 218rpx;
        }

        .portrait-text {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 60rpx;
          background: #0091ff;
          border-radius: 0px 0px 8rpx 8rpx;
          font-size: 32rpx;
          font-weight: 500;
          color: #ffffff;
          line-height: 60rpx;
          text-align: center;
          z-index: 5;
        }
      }

      .chief-msg {
        width: 100%;
        margin-top: 24rpx;
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
        line-height: 40rpx;
      }
    }
  }
</style>