video curcse

miniprogram/src/pages/courses/detail.scss

@@ -78,15 +78,39 @@
     height: 420px;
     background-color: #111;
     border-radius: 16px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
+    position: relative;
+    overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.1);
     
+    .locked-bg {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 1;
+        opacity: 0.5;
+        filter: blur(4px);
+    }
+    
+    .locked-overlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 2;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        background: rgba(0, 0, 0, 0.6);
+    }
+    
     .lock-icon {
       font-size: 60px;
       margin-bottom: 20px;
+      color: #00f0ff;
     }
     
     .lock-text {

miniprogram/src/pages/courses/detail.tsx

@@ -100,9 +100,12 @@ export default function CourseDetail() {
                         />
                     ) : (
                         <View className='video-locked' onClick={handleLaunch}>
-                            <View className='lock-icon'>🔒</View>
-                            <Text className='lock-text'>购买课程后解锁视频</Text>
-                            <Button className='btn-unlock'>立即解锁</Button>
+                            <Image src={detail.cover_image_url} className='locked-bg' mode='aspectFill' />
+                            <View className='locked-overlay'>
+                                <View className='lock-icon'>🔒</View>
+                                <Text className='lock-text'>购买课程后解锁视频</Text>
+                                <Button className='btn-unlock'>立即解锁</Button>
+                            </View>
                         </View>
                     )}
                 </View>
@@ -193,7 +196,9 @@ export default function CourseDetail() {
             <Text className='label'>总价:</Text>
             <Text className='amount'>¥{detail.price}</Text>
         </View>
-        <Button className='btn-buy' onClick={handleLaunch}>立即报名</Button>
+        <Button className='btn-buy' onClick={handleLaunch}>
+            {detail.is_video_course ? '立即购买' : '立即报名'}
+        </Button>
       </View>
     </View>
   )

miniprogram/src/pages/user/index.tsx

@@ -342,7 +342,7 @@ export default function UserIndex() {
             )}
 
             <Text className='uid'>ID: {userInfo ? (userInfo.phone_number || userInfo.id || '----') : '----'}</Text>
-            {!userInfo && (
+            {!userInfo?.phone_number && (
                 <View className='login-btns'>
                     <Button 
                         className='btn-login primary'