<template>
    <view class="classbox">
        <view class="classone" v-for="(item, index) in classList" :key="index">
            <text class="title">{{ item.title }}</text>
            <!-- <text class="text">关联时间：{{item.time}}</text> -->
        </view>
    </view>
</template>

<script setup>
import { ref } from 'vue'
import { onShow } from '@dcloudio/uni-app'

import useUserStore from '@/store/user'
const userStore = useUserStore()

const classList = ref([])

const goDetail = (id) => {
    uni.navigateTo({
        url: '/pages/mine/associatedDetail?id=' + id
    })
}

onShow(() => {
    classList.value = userStore.userInfo.enterprise
})
</script>

<style scoped lang="scss">
.classbox {
    height: 100vh;
    background: linear-gradient(0deg, #f1f3f9 72%, rgb(202 202 204 / 20%) 88%);
    padding: 6rpx 24rpx 40rpx 24rpx;
    box-sizing: border-box;
    overflow-y: auto;

    .classone {
        width: 100%;
        height: 144rpx;
        border-radius: 20rpx;
        background: #ffffff;
        display: grid;
        align-items: center;
        padding: 32rpx 28rpx;
        margin-top: 30rpx;

        .title {
            font-family: Source Han Sans;
            font-size: 28rpx;
            font-weight: 350;
            text-align: justify;
            /* 浏览器可能不支持 */
            display: flex;
            align-items: center;
            letter-spacing: normal;
            color: #0c092a;
        }

        .text {
            margin-top: 24rpx;
            font-family: Source Han Sans;
            font-size: 20rpx;
            font-weight: 350;
            display: flex;
            align-items: center;
            letter-spacing: normal;
            color: #858494;
        }
    }
}
</style>
