menduner/src/views/personal/components/integralShow.vue

<!--  -->
<template>
  <div class="statisticsBox">
    <div class="mt-2">
      <span style="font-size: 20px; color: #333; line-height: 28px; font-weight: bold;" class="ml-10">您当前赚取积分</span>
      <span style="font-size: 14px; color: #777; line-height: 24px; cursor: pointer;" class="ml-2">积分规则</span>
    </div>
    <div class="d-flex justify-space-between align-end my-1">
      <span style="font-size: 42px; color: #ff9300; line-height: 50px;" class="ml-10 cursor-pointer" @click="router.push({ path: '/myPublicRecruitment', query: { tab: 2 } })">{{ integral }}</span>
      <span style="font-size: 16px; color: #787d82; line-height: 24px;" class="mr-8">
        积分土豪的都喜欢来这里，
        <span style="color: #ff7802; cursor: pointer;">积分商城</span>
      </span>
    </div>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'; const router = useRouter()
defineOptions({name: 'myRegistration-integralShow'})
const integral = '135'
</script>
<style lang="scss" scoped>
.statisticsBox {
  padding: 10px 0;
  border-radius: 10px;
  background-color: var(--default-bgc);
  // background-color: #f3f3f3;
  // font-family: 宋体, SimSun;
}
</style>