fix:官网

pages/m_user.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="flex mx-[20px] h-[44px] items-center">
-    <div class="w-[24px]" v-if="!active" @click="active =true">
+    <div class="w-[24px]" v-if="!active" @click="active = true">
       <img src="~/public/image/title-left.png" style="width: 24px;" alt="">
     </div>
-    <div class="w-[24px]" v-else @click="active =false">
+    <div class="w-[24px]" v-else @click="active = false">
       <img src="~/public/image/title-left-x.png" style="width: 24px;" alt="">
     </div>
     <div class="flex-1 flex items-center justify-center">
@@ -157,11 +157,11 @@
       <van-collapse-item title="联系方式" name="1">
         <div class="flex flex-col">
           <span class="text-[12px] my-[16px]">
-          客服： kefu@meloinfo.com
-        </span>
-        <span class="text-[12px]">
-          商务： 17723267692（微信同号）
-        </span>
+            客服： kefu@meloinfo.com
+          </span>
+          <span class="text-[12px]">
+            商务： 17723267692（微信同号）
+          </span>
         </div>
 
       </van-collapse-item>
@@ -205,12 +205,14 @@
     </div>
   </div>
   <n-drawer v-model:show="active" :width="200" placement="left">
-    <n-drawer-content title="斯通纳">
-      《斯通纳》是美国作家约翰·威廉姆斯在 1965 年出版的小说。
+    <n-drawer-content>
+        <div v-for="item in headerTitle" :title="item.title" class="flex flex-col " >
+           <span class="py-[20px] text-[16px] text-[#161616]" @click="titleRight(item.go)">{{ item.title }}</span>
+          </div>
     </n-drawer-content>
   </n-drawer>
   <n-modal v-model:show="showModal">
-    <n-card style="width: 800px" title="申请试用" :bordered="false" size="huge" role="dialog" aria-modal="true">
+    <n-card style="width: 300px" title="申请试用" :bordered="false" size="huge" role="dialog" aria-modal="true">
       <div class="text-[#999999] text-[12px] pt-[15px] pb-[30px]">
         为了我们能更好的服务您，请您填写以下信息，如遇到问题，请您拨打免费服务热线
       </div>
@@ -280,8 +282,18 @@ const headerTitle = reactive([
 ]
 )
 const activeNames = ref(['1']);
+const titleRight = (i: string) => {
+  if (i == 'probation') {
+    btn()
+    return
+  }
+  document.querySelector('#' + i)?.scrollIntoView()
+  active.value =false
+
+}
 // 抽屉展示
 const active = ref(false)
+const sidebarActive = ref(0)
 const freeList = reactive(['3', '0', '7', '0', '1', '3', '7', '4'])
 const message = useMessage()
 const num = reactive([{
@@ -521,9 +533,6 @@ p {
 }
 
 .custom-indicator {
-  // position: absolute;
-  // right: 5px;
-  // bottom: 5px;
   padding: 2px 5px;
   font-size: 12px;
   background: #fafafa;
@@ -531,9 +540,10 @@ p {
 
 // 框
 // .n-drawer.n-drawer--left-placement
-::v-deep(.n-drawer){
+::v-deep(.n-drawer) {
   top: 44px !important;
 }
+
 ::v-deep(.n-card-header__main) {
   flex: inherit !important;
   margin: 0 auto !important;