Browse Source

fix:pc优化

shenchunlv 2 years ago
parent
commit
e49e4d8422
1 changed files with 12 additions and 5 deletions
  1. 12 5
      pages/index.vue

+ 12 - 5
pages/index.vue

@@ -17,7 +17,7 @@
       <!-- 右边 -->
       <ul class='flex items-center'>
         <li v-for="i in headerTitle" :key="i.go" @mouseenter="mouseenterFn(i.go)" @mouseleave="mouseleaveFn"
-          :class="headerClass == i.go ? 'text-[#1f4df5]' : ''" @click="titleRight(i.go)"
+          :class="headerClass == i.go ? 'text-[#1f4df5!important]' : ''" @click="titleRight(i.go)"
           class="pr-[70px] text-[#999999] cursor-pointer text-[18px]">
           {{ i.title }}
         </li>
@@ -307,7 +307,7 @@
       </div>
     </div>
   </div>
-  <n-modal v-model:show="showModal">
+  <n-modal v-model:show="showModal" class="modalCss">
     <n-card style="width: 800px" title="申请试用" :bordered="false" size="huge" role="dialog" aria-modal="true">
       <div class="text-[#999999] text-[18px] pt-[15px] pb-[12px]">
         为了我们能更好的服务您,请您填写以下信息,如遇到问题,请您拨打免费服务热线
@@ -336,7 +336,7 @@
             {{ countdown == 0 ? '获取验证码' : countdown }}
           </n-button>
         </n-form-item>
-        <div class="flex justify-center mt-[20px]">
+        <div class="flex justify-center mt-[20px] submission">
           <n-button type="info" class="w-[700px] h-[55px] text-[20px] text-[#fff] bg-[#1f4df5] rounded-[4px]"
             @click="handleValidateButtonClick">
             立即提交
@@ -413,7 +413,8 @@ const getImg = (name: number) => {
 }
 const loginBtn = () => {
   console.log('跳转')
-  window.location.replace('http://p.daicrm.com/#/login')
+  // window.location.replace('http://p.daicrm.com/#/login')
+  window.open('http://p.daicrm.com/#/login')
   // window.location.href('http://p.daicrm.com/#/login')
 }
 const currentIndex = ref(1)
@@ -654,7 +655,6 @@ img {
 ::v-deep(.n-button) {
   border-radius: 4px !important;
 }
-
 // 框
 ::v-deep(.n-card-header__main) {
   flex: inherit !important;
@@ -736,4 +736,11 @@ img {
 .message ::v-deep(.van-button__content) {
   font-size: 16px;
 }
+.modalCss ::v-deep(.n-button) {
+  border-radius: 4px !important;
+  height: 55px !important;
+}
+.submission ::v-deep(.n-button) {
+ width: 700px !important;
+}
 </style>