<template>
  <div>
    <div class="h-34px"></div>
    <ui-title-devider title="我的收藏"></ui-title-devider>
    <div class="px-40px">
      <div class="h-20px"></div>
      <ui-main-article v-for="item in 4" class="mb-20px">
        <!-- <div slot="right" class="w-100px h-30px rounded-full flex items-center justify-center text-white text-size-14 bg-primary absolute right-26px bottom-12px">
            {{$t("取消订阅")}}
          </div> -->
        <div
          slot="right"
          class="w-100px h-30px rounded-full flex items-center justify-center text-primary text-size-14 border-primary absolute right-26px bottom-12px border-1px border-solid"
        >
          {{ $t("取消订阅") }}
        </div>
      </ui-main-article>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped></style>
