修正多处问题,添加骨架屏

This commit is contained in:
2026-06-29 16:41:36 +08:00
parent e85f39ab83
commit 13b99428de
124 changed files with 929 additions and 147 deletions
@@ -1,4 +1,4 @@
<template>
<template>
<!-- 团课卡片容器 -->
<view class="course-card" @click="goDetail">
<!-- 卡片顶部图片区域 -->
@@ -7,7 +7,7 @@
<view v-if="!imageLoaded" class="skeleton skeleton-image"></view>
<!-- 课程封面图片 -->
<image
:src="course.coverImage"
:src="getCourseCoverUrl(course.coverImage)"
mode="aspectFill"
class="cover-image"
:class="{ hidden: !imageLoaded }"
@@ -111,6 +111,7 @@
<script setup>
import { ref, computed } from 'vue'
import { getCourseCoverUrl } from '@/utils/request.js'
// 图片加载状态
const imageLoaded = ref(false)
@@ -1,4 +1,4 @@
<template>
<template>
<view class="filter-section">
<!-- 课程类型筛选 -->
<picker
@@ -1,4 +1,4 @@
<template>
<template>
<view class="search-bar-wrapper">
<!-- 搜索框 -->
<view class="search-bar">
@@ -1,4 +1,4 @@
<template>
<template>
<view class="time-period-selector">
<view class="sort-header">
<uni-icons type="calendar" size="16" color="#FF6B35" class="sort-icon" />
@@ -1,4 +1,4 @@
<template>
<template>
<view>
<!-- 时间范围选择弹窗 -->
<Transition name="modal">