flat: 暂存

2025-05-13 11:10:38 +08:00
parent 582e432e6a
commit fd74b7d4df
109 changed files with 8644 additions and 5205 deletions
--- a/pages/msglog/unread.vue
+++ b/pages/msglog/unread.vue
@@ -0,0 +1,86 @@
+<template>
+    <scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
+        <view class="scrollmain">
+            <view class="list-card btn-feel" v-for="(item, index) in 20" :key="index">
+                <view class="card-img">
+                    <image class="card-img-flame" src="/static/icon/msgtype.png"></image>
+                </view>
+                <view class="card-info">
+                    <view class="info-title">
+                        <text>今日推荐</text>
+                        <view class="card-time">刚才</view>
+                    </view>
+                    <view class="info-text line_2">这里有9个职位很适合你，快来看看吧</view>
+                </view>
+            </view>
+        </view>
+    </scroll-view>
+</template>
+
+<script setup>
+import { reactive, inject, ref } from 'vue';
+const isLoaded = ref(false);
+async function loadData() {
+    try {
+        if (isLoaded.value) return;
+        isLoaded.value = true;
+    } catch (err) {
+        isLoaded.value = false; // 重置状态允许重试
+        throw err;
+    }
+}
+
+function handleScrollToLower() {}
+defineExpose({ loadData });
+</script>
+
+<style lang="stylus" scoped>
+.main-scroll {
+    width: 100%
+    height: 100%;
+}
+.scrollmain{
+    padding: 28rpx
+}
+.list-card
+    background: #FFFFFF;
+    border-radius: 17rpx;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    padding: 26rpx 36rpx;
+    margin: 0 0 28rpx 0
+    .card-img
+        width: 96rpx;
+        height: 96rpx;
+        border-radius: 50%
+        display: grid;
+        place-items: center;
+        margin-right: 30rpx;
+        .card-img-flame
+            width: 100%;
+            height: 100%
+    .card-info
+        flex: 1;
+        display: flex;
+        align-items: flex-start;
+        flex-direction: column;
+        .info-title
+            font-weight: 500;
+            font-size: 32rpx;
+            color: #333333;
+            display: flex;
+            justify-content: space-between;
+            width: 100%
+            .card-time
+                font-weight: 400;
+                font-size: 28rpx;
+                color: #AAAAAA;
+                height: 100%
+                margin: 4rpx;
+        .info-text
+            font-weight: 400;
+            font-size: 28rpx;
+            color: #6C7282;
+            margin-top: 4rpx;
+</style>