|
|
@@ -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;
|
shenchunlv