<view class="component-wrapper {{'component-'+component_id}}">
  <view class="integral">
    <view class="integral-content" style="{{ datas.preview_color.isColor == 1 ? 'background-color:' + datas.preview_color.color : 'background-image:url(' + datas.preview_color.image +')' }}">
      <view class="top">
        <view class="my-point-color" style="{{ 'color:' + datas.my_point_color }}">我的积分</view>
        <view class="detail" style="{{ 'color:' + datas.detail_color }}" catchtap="goToDetail">
          明细<van-icon name="arrow" class="arrow-icon" size="14"></van-icon>
        </view>
      </view>
      <view class="bottom">
        <view class="point" style="{{ 'color:' + datas.my_point_color }}">{{ datas.credit1 }}</view>
        <view class="point-detail" style="{{ 'color:' + datas.point_detail_color+';background-color:' + datas.point_detail_bg }}" catchtap="goToDetails">积分详情</view>
      </view>
    </view>
  </view>
</view>
