Browse Source

优化样式

wkw 3 days ago
parent
commit
a23b7b3d3f
3 changed files with 40 additions and 17 deletions
  1. 32 9
      src/views/dapp/index.vue
  2. 2 2
      src/views/im/contactList/index.vue
  3. 6 6
      src/views/im/index.vue

+ 32 - 9
src/views/dapp/index.vue

@@ -3,10 +3,15 @@
     <div class="head-bg" />
     <div class="head-bg" />
     <div class="head-nav-bar">{{$t("dapp.Exploration")}}</div>
     <div class="head-nav-bar">{{$t("dapp.Exploration")}}</div>
 
 
-    <div class="search-box">
-      <svg-icon class="search-icon" name="search" />
-      <van-field v-model="searchValue" :placeholder="$t('dapp.EnterTheNameOrURLOfTheDApp')" />
-    </div>
+    <van-search 
+      class="search-box" 
+      v-model="searchValue" :placeholder="$t('dapp.EnterTheNameOrURLOfTheDApp')"
+      @search="handleSearch"
+    >
+      <template #left-icon>
+        <svg-icon class="search-icon" name="search" />
+      </template>
+    </van-search>
     <van-skeleton-image v-if="slidesList.length == 0" style="width: 90%;" class="swipe-box" />
     <van-skeleton-image v-if="slidesList.length == 0" style="width: 90%;" class="swipe-box" />
     <van-swipe v-else class="swipe-box" :autoplay="3000" lazy-render>
     <van-swipe v-else class="swipe-box" :autoplay="3000" lazy-render>
       <van-swipe-item v-for="item in slidesList" :key="item.id">
       <van-swipe-item v-for="item in slidesList" :key="item.id">
@@ -241,6 +246,22 @@ const handleVisitDapp = (item) => {
   }
   }
   openDapp(item.url, { dapp, d:walletStore.account });
   openDapp(item.url, { dapp, d:walletStore.account });
 };
 };
+
+// 搜索
+const handleSearch = () => {
+  const val = searchValue.value.trim();
+  if (!val) return;
+
+  // 判断是否是网址或域名
+  const urlPattern = /^(https?:\/\/)?([\w.-]+)\.([a-z]{2,})(\/.*)?$/i;
+  if (urlPattern.test(val)) {
+    // 自动补 https
+    const finalUrl = /^https?:\/\//i.test(val) ? val : `https://${val}`;
+    openDapp(finalUrl)
+  }
+};
+
+
 const loadHistoryList = () => {
 const loadHistoryList = () => {
   const history = systemStore.DAPP_CACHE_KEY;
   const history = systemStore.DAPP_CACHE_KEY;
   tabsAppConfig.value[1].children = history;
   tabsAppConfig.value[1].children = history;
@@ -285,20 +306,22 @@ onMounted(async () => {
   border-radius: 23px 23px 23px 23px;
   border-radius: 23px 23px 23px 23px;
   background-color: #e3edfd;
   background-color: #e3edfd;
   color: #95a9ed;
   color: #95a9ed;
+  :deep(.van-search__content){
+    padding-left: 0 !important;
+    background: initial !important;
+  }
   .search-icon {
   .search-icon {
     height: 25px;
     height: 25px;
     width: 25px;
     width: 25px;
-    margin-left: 6px;
+    color: #95a9ed;
+    margin-top: 4px;
   }
   }
   :deep(.van-cell) {
   :deep(.van-cell) {
     flex: 1;
     flex: 1;
     font-size: 15px;
     font-size: 15px;
-    margin: 0 6px;
-    padding: 0 !important;
-    background: #e3edfd !important;
-    line-height: 25px !important;
     width: initial !important;
     width: initial !important;
     box-sizing: border-box;
     box-sizing: border-box;
+    height: 33px !important;
   }
   }
   :deep(.van-field__control) {
   :deep(.van-field__control) {
     color: #95a9ed !important;
     color: #95a9ed !important;

+ 2 - 2
src/views/im/contactList/index.vue

@@ -6,10 +6,10 @@
                     <svg-icon class="li-img" name="yq" />
                     <svg-icon class="li-img" name="yq" />
                     <div class="li-cont">新邀请</div>
                     <div class="li-cont">新邀请</div>
                 </div>
                 </div>
-                <div class="list-li" @click="router.push('group')">
+                <!-- <div class="list-li" @click="router.push('group')">
                     <svg-icon class="li-img" name="ql" />
                     <svg-icon class="li-img" name="ql" />
                     <div class="li-cont no-border">群聊</div>
                     <div class="li-cont no-border">群聊</div>
-                </div>
+                </div> -->
                 <!-- <div class="list-li">
                 <!-- <div class="list-li">
                     <svg-icon class="li-img" name="tz" />
                     <svg-icon class="li-img" name="tz" />
                     <div class="li-cont no-border">系统通知</div>
                     <div class="li-cont no-border">系统通知</div>

+ 6 - 6
src/views/im/index.vue

@@ -11,14 +11,14 @@
           消息
           消息
           <span v-if="showDot&&activeTab == 0" class="red-dot"></span>
           <span v-if="showDot&&activeTab == 0" class="red-dot"></span>
         </div>
         </div>
-        <div
+        <!-- <div
           class="discover"
           class="discover"
           :class="{ 'active-color': activeTab === 1 }"
           :class="{ 'active-color': activeTab === 1 }"
           @click="activeTab = 1"
           @click="activeTab = 1"
         >
         >
           发现
           发现
           <span v-if="showDot&&activeTab == 1" class="red-dot"></span>
           <span v-if="showDot&&activeTab == 1" class="red-dot"></span>
-        </div>
+        </div> -->
       </div>
       </div>
       <div class="header-ri">
       <div class="header-ri">
         <svg-icon style="width: 25px; height: 25px;margin-right: 8px;" name="person" @click="goToPage('contact')"/>
         <svg-icon style="width: 25px; height: 25px;margin-right: 8px;" name="person" @click="goToPage('contact')"/>
@@ -46,9 +46,9 @@
         </div>
         </div>
       </div>
       </div>
     </template>
     </template>
-    <template v-else>
+    <!-- <template v-else>
       <Discover />
       <Discover />
-    </template>
+    </template> -->
     <van-action-sheet
     <van-action-sheet
       v-model:show="showSheet"
       v-model:show="showSheet"
       cancel-text="取消"
       cancel-text="取消"
@@ -60,10 +60,10 @@
           <svg-icon class="sheet-icon" name="add-friend" />
           <svg-icon class="sheet-icon" name="add-friend" />
           <div class="sheet-text">添加朋友</div>
           <div class="sheet-text">添加朋友</div>
         </div>
         </div>
-        <div class="sheet-li" @click="goToPage('createGroupChat')">
+        <!-- <div class="sheet-li" @click="goToPage('createGroupChat')">
           <svg-icon class="sheet-icon" name="group-chat" />
           <svg-icon class="sheet-icon" name="group-chat" />
           <div class="sheet-text">创建群聊</div>
           <div class="sheet-text">创建群聊</div>
-        </div>
+        </div> -->
         <div class="sheet-li no-border" @click="changeSM">
         <div class="sheet-li no-border" @click="changeSM">
           <svg-icon class="sheet-icon" name="sm1"/>
           <svg-icon class="sheet-icon" name="sm1"/>
           <div class="sheet-text">扫一扫</div>
           <div class="sheet-text">扫一扫</div>