fix

src/components/o-guide/guide/components/andoird-guide.module.less

@@ -1,10 +1,9 @@
 .topTitle {
   position: relative;
-  h2 {
-    font-weight: bold;
+  .title {
     color: #fff;
     line-height: 18px;
-    font-size: 16px;
+    font-size: 14px;
     padding-left: 22px;
     color: #fff;
     position: relative;

src/components/o-guide/guide/components/android-guide.tsx

@@ -63,7 +63,7 @@ export default defineComponent({
     return (
       <div class={styles.wrap}>
         <div class={styles.topTitle}>
-          <h2>通过镜像方式显示手机或平板上的内容</h2>
+          <div class={styles.title}>通过镜像方式显示手机或平板上的内容</div>
         </div>
         <div class={styles.wrapInfo}>
           <section>

src/components/o-guide/index.tsx

@@ -1,5 +1,5 @@
 import { Tab, Tabs } from 'vant'
-import { defineComponent } from 'vue'
+import { defineComponent, ref } from 'vue'
 import styles from './index.module.less'
 import icon1 from './image/1.png'
 import icon2 from './image/2.png'
@@ -9,15 +9,16 @@ import Guide from './guide/guide'
 export default defineComponent({
   name: 'OGuide',
   setup(props, ctx) {
+    const active = ref('tv')
     return () => (
       <div class={styles.guideWrap}>
-        <Tabs animated swipeable>
+        <Tabs animated swipeable v-model:active={active.value}>
           <Tab title="电视投屏" name="tv">
             <Guide class={styles.tv} />
           </Tab>
           <Tab title="电脑投屏" name="computer">
             <div class={styles.content}>
-              <div style={{ fontSize: '16px', whiteSpace: 'nowrap', marginBottom: '20px' }}>
+              <div style={{ fontSize: '16px', marginBottom: '20px' }}>
                 通过爱思投屏助手将手机投屏至电脑
               </div>
               <div class={styles.item}>