https://www.mechrevo.com/en/_nuxt/jNTyMGtb.js

1import{u}from"./7wDI_HF0.js";import{i as p,P as b,u as m,c as d,a,d as s,t as i,f as e,e as f,x as c,o as n}from"./CBVuVATE.js";import{_ as x}from"./DlAUqK2U.js";const g={class:"test-page"},w={class:"container"},_={class:"info-card"},C={class:"test-section"},P={key:0,class:"device-badge pc"},k={key:1,class:"device-badge mobile"},B={__name:"test-responsive",setup(h){const{isMobile:l}=u(),r=c(0),v=c(!1),o=()=>{r.value=window.innerWidth};return p(()=>{v.value=!0,o(),window.addEventListener("resize",o)}),b(()=>{window.removeEventListener("resize",o)}),m({title:"响应式测试 - 机械革命",meta:[{name:"robots",content:"noindex, nofollow"}]}),(y,t)=>(n(),d("div",g,[a("div",w,[t[6]||(t[6]=a("h1",null,"响应式测试页面",-1)),a("div",_,[t[4]||(t[4]=a("h2",null,"当前设备信息",-1)),a("ul",null,[a("li",null,[t[0]||(t[0]=a("strong",null,"设备类型：",-1)),s(i(e(l)?"移动端":"PC端"),1)]),a("li",null,[t[1]||(t[1]=a("strong",null,"窗口宽度：",-1)),s(i(e(r))+"px",1)]),t[3]||(t[3]=a("li",null,[a("strong",null,"断点："),s("768px")],-1)),a("li",null,[t[2]||(t[2]=a("strong",null,"环境：",-1)),s(i(e(v)?"客户端":"服务端"),1)])])]),a("div",C,[t[5]||(t[5]=a("h3",null,"布局组件测试",-1)),e(l)?(n(),d("p",k,"✅ 正在使用移动端布局（Header + Footer）")):(n(),d("p",P,"✅ 正在使用 PC 端布局（Header + Footer）"))]),t[7]||(t[7]=f('

1<div class="test-section" data-v-a0adb5c4><h3 data-v-a0adb5c4>响应式样式测试</h3><div class="responsive-box" data-v-a0adb5c4><p class="hide-on-mobile" data-v-a0adb5c4>这段文字只在 PC 端显示</p><p class="hide-on-pc" data-v-a0adb5c4>这段文字只在移动端显示</p></div></div><div class="instructions" data-v-a0adb5c4><h3 data-v-a0adb5c4>测试说明</h3><ol data-v-a0adb5c4><li data-v-a0adb5c4>调整浏览器窗口大小，观察设备类型是否正确切换</li><li data-v-a0adb5c4>窗口宽度 ≤ 768px 时应显示移动端布局</li><li data-v-a0adb5c4>窗口宽度 &gt; 768px 时应显示 PC 端布局</li><li data-v-a0adb5c4>移动端应显示侧边栏菜单按钮</li><li data-v-a0adb5c4>PC 端应显示横向导航栏</li></ol></div>',2))])]))}},V=x(B,[["__scopeId","data-v-a0adb5c4"]]);export{V as default};