<template>
  <ui-page-layout title="我的订阅">
    <div class="p-24rem">
      <ui-main-article v-for="item in 4" class="mb-24rem">
        
        <!-- <div
          slot="right"
          class="w-120rem h-40rem rounded-full flex items-center justify-center text-primary text-size-14 border-primary absolute right-0 bottom-17rem border-1rem border-solid"
        >
          {{ $t("取消订阅") }}
        </div> -->
        <div
          slot="right"
          class="w-120rem h-40rem rounded-full flex items-center justify-center text-primary text-size-14  absolute right-0 bottom-17rem border-1rem border-solid bg-primary !text-white"
        >
          {{ $t("取消订阅") }}
        </div>
      </ui-main-article>
    </div>
  </ui-page-layout>
  
</template>

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

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