2025-04-12 18:00:08 +08:00
|
|
|
<script setup>
|
2025-04-14 11:42:21 +08:00
|
|
|
import ICON1 from '../static/icons/path1.png';
|
|
|
|
|
import ICON2 from '../static/icons/path2.png';
|
|
|
|
|
import ICON3 from '../static/icons/path3.png';
|
|
|
|
|
import ICON4 from '../static/icons/path4.png';
|
2025-04-12 18:00:08 +08:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
2025-04-14 11:42:21 +08:00
|
|
|
<view class="!size-[132rpx] !grid grid-cols-2 grid-rows-2 relative">
|
|
|
|
|
<image class="!size-full" :src="ICON1"></image>
|
|
|
|
|
<image class="!size-full" :src="ICON2"></image>
|
|
|
|
|
<image class="!size-full" :src="ICON3"></image>
|
|
|
|
|
<image class="!size-full" :src="ICON4"></image>
|
|
|
|
|
|
|
|
|
|
<view class="!absolute left-1/2 top-1/2 -translate-1/2 !flex flex-col justify-center items-center">
|
|
|
|
|
<view class="score">
|
|
|
|
|
90
|
|
|
|
|
</view>
|
|
|
|
|
<view class="score-info">
|
|
|
|
|
信用分
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
2025-04-12 18:00:08 +08:00
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
2025-04-14 11:42:21 +08:00
|
|
|
.score {
|
|
|
|
|
color: rgb(22, 93, 255);
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
line-height: 140%;
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
2025-04-12 18:00:08 +08:00
|
|
|
|
2025-04-14 11:42:21 +08:00
|
|
|
.score-info {
|
|
|
|
|
color: rgb(29, 33, 41);
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
line-height: 140%;
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
2025-04-12 18:00:08 +08:00
|
|
|
</style>
|
