添加移动端布局组件和页面配置

layouts/m.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="m">
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.m {
+  width: 100%;
+  height: 100%;
+  background-color: #f5f5f5;
+}
+</style>

pages/m/index.vue

@@ -5,6 +5,9 @@
 </template>
 
 <script setup lang="ts">
+definePageMeta({
+  layout: 'm'
+})
   // Mobile specific logic can be added here
 </script>