<view class="container">
    <view class="page__bd">
        <view class="section section_gap">
           
            <scroll-view class="scroll-view_H" scroll-x="true" style="width: 100%">
                <view id="green" class="scroll-view-item_H bc_green"><text>2222</text></view>
                <view id="red"  class="scroll-view-item_H bc_red"></view>
       <view id="green" class="scroll-view-item_H bc_green"></view>
                <view id="red"  class="scroll-view-item_H bc_red"></view>
                    <view id="green" class="scroll-view-item_H bc_green"></view>
                <view id="red"  class="scroll-view-item_H bc_red"></view>
                    <view id="green" class="scroll-view-item_H bc_green"></view>
                <view id="red"  class="scroll-view-item_H bc_red"></view>
                     <view id="green" class="scroll-view-item_H bc_green"></view>
                <view id="red"  class="scroll-view-item_H bc_red"></view>
       <view id="green" class="scroll-view-item_H bc_green"></view>
                <view id="red"  class="scroll-view-item_H bc_red"></view>
                    <view id="green" class="scroll-view-item_H bc_green"></view>
                <view id="red"  class="scroll-view-item_H bc_red"></view>
                    <view id="green" class="scroll-view-item_H bc_green"></view>
                <view id="red"  class="scroll-view-item_H bc_red"></view>
            </scroll-view>
        </view>
    </view>
  <view  bindtap="bindViewTap" class="userinfo">
    <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
    <text class="userinfo-nickname">{{userInfo.nickName}}</text>
  </view>
  <view class="usermotto">
    <text class="user-motto">{{motto}}</text>
  </view>
   <view class="usermotto">
    <text class="user-motto">{{userInfo.openId}}</text>
  </view>