1

pages/programming/progress.uvue

@@ -19,6 +19,7 @@ onMounted(async () => {
   isLoading.value = false
 })
 const visible = ref(false)
+const visible2 = ref(false)
 const menuItems = [
   { id: 1, name: '视频学习', icon: 'https://oss.xiaoxiongcode.com/static/home/6419.png', x: 0, y: 21 },
   // { id: 2, name: '实战指导', icon: 'https://oss.xiaoxiongcode.com/static/home/6418.png', x: 27, y: 19 },
@@ -76,11 +77,10 @@ function handleClick(id: number) {
           query: {
             id: router.query().id,
             url: course.value?.sbFilePath,
-
           }
         });
       } else {
-        visible.value = true
+        visible2.value = true
       }
       break
   }
@@ -100,6 +100,15 @@ function handleExchange() {
     }
   });
 }
+function handleExchange2() {
+  router.push({
+    path: "/pages/programming/web-view",
+    query: {
+      id: router.query().id,
+      url: course.value?.sbFilePath,
+    }
+  });
+}
 </script>
 <template>
   <Loading v-show="isLoading" />
@@ -149,6 +158,26 @@ function handleExchange() {
         </view>
       </view>
     </cl-popup>
+    <cl-popup v-model="visible2" :size="400" :show-header="false" direction="center">
+      <view class="flex flex-col items-center justify-center gap-4 py-5 bg-slate-50">
+        <view class="absolute top-2 right-2" @tap="visible = false">
+          <cl-icon name="close-circle-fill" color="info" :size="20"></cl-icon>
+        </view>
+        <image mode="heightFix" src="https://oss.xiaoxiongcode.com/static/home/coding.png" class="h-[70rpx]" />
+        <view class="text-center w-[300rpx]">
+          <cl-text class="text-center" color="#fb923c" :size="16">非平板显示效果较差，建议使用平板或者电脑端操作！</cl-text>
+
+          <cl-row :gutter="20">
+            <cl-col :span="12">
+              <cl-button type="primary" @tap="visible = false"> 返回 </cl-button>
+            </cl-col>
+            <cl-col :span="12">
+              <cl-button type="warn" @tap="handleExchange2"> 继续前往 </cl-button>
+            </cl-col>
+          </cl-row>
+        </view>
+      </view>
+    </cl-popup>
   </cl-page>
 </template>
 <style lang="scss" scoped>