<page-container>
  <view onTap="openBuyInfo">
    <slot></slot>
  </view>
  <popup
    zIndex="100"
    show="{{showTop}}"
    position="bottom"
    onClose="closeBuyInfo"
    disableScroll="{{false}}"
  >
    <view class="buy-information-component">
      <view class="buy-titles">
        <text class="font-color">{{buyDescribe.title}}</text>
        <view onTap="closeBuyInfo">
          <am-icon
            type="close"
            color="#ccc"
            class="close-info"
          />
        </view>
      </view>

      <scroll-view
        scroll-y="{{true}}"
        style="height: 900rpx;"
      >
        <view class="list-content">
          <view
            v-if="{{!!buyDescribe.list}}"
            a:for="{{buyDescribe.list}}"
          >
            <view
              class="pub-list"
              a:if="{{item.fields}}"
            >
              <view class="list2-title">{{item.groupName}}</view>
              <view
                class="list2-content"
                a:for="{{item.fields}}"
                a:for-item="fieldsInfo"
              >
                <view class="content-title1">{{fieldsInfo.name}}</view>
                <view class="content-item">{{fieldsInfo.text}}</view>
              </view>
            </view>

            <view
              class="pub-list"
              a:else
            >
              <view class="list1-title">{{item.groupName}}</view>
              <view class="list1-content">
                <!-- <rich-text nodes="{{item.groupText}}" />-->
                {{item.groupText}}
              </view>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </popup>
</page-container>