.

src/pages/search/search.jsx

@@ -1,6 +1,6 @@
 import CustomNav from '@/components/CustomNav'
 import Taro from '@tarojs/taro'
-import { View, Picker } from '@tarojs/components'
+import { View, Picker,Text } from '@tarojs/components'
 import withLayout from '@/layouts'
 import { getIndexSearch } from '@/services/home'
 import { useEffect, useState } from 'react'
@@ -47,7 +47,7 @@ export default withLayout((props) => {
 
         <Picker className='picker-box' mode='selector' range={state.selector} onChange={onChange}>
           <View className='picker-text'>
-            {state.selectorChecked} |
+            {state.selectorChecked}  <Text className='picker-text-line'>|</Text>
           </View>
         </Picker>
         <View className='selector-box'>

src/pages/search/search.less

@@ -2,11 +2,10 @@
   .page-index-box {
     margin-top: -10vw;
     .picker-box {
-      width: 20%;
+      width: 23%;
       display: inline-block;
       position: relative;
       top: 10vw;
-
       .picker-text {
         line-height: 73px;
         text-align: center;
@@ -18,12 +17,18 @@
         top: 34px;
         height: 9.9vw;
         left: 12px;
+        padding-right: 40px;
+        .picker-text-line{
+          color: #808080;
+          padding-left: 6px;
+          font-weight: 100;
+        }
       }
     }
     .selector-box {
-      width: 83%;
+      width: 81%;
       position: relative;
-      right: -15vw;
+      right: -16vw;
     }
   }