fix: 修改手写颜色和搜索提示语

src/components/SearchKeyboard/SearchKeyboard.vue

@@ -62,7 +62,7 @@
             background-color="#fff"
             border-radius="12px"
             stroke-style="#D8B78A"
-            fill-style="#fff"
+            fill-style="rgba(0, 0, 0, 0.03)"
             :width="700"
             :height="214"
             @result="result"

src/components/TypeBtnList/TypeBtnList.vue

@@ -53,7 +53,7 @@ function changeType(item: TypeItem, index: number) {
       padding-bottom: 18px;
       font-size: 32px;
       font-family: 'font_bold';
-      color: rgb(0 0 0 / 60%);
+      color: rgb(0 0 0 / 40%);
       line-height: 57px;
       font-style: normal;
       font-weight: 400;
@@ -73,10 +73,9 @@ function changeType(item: TypeItem, index: number) {
       }
     }
     &.active {
-      font-size: 40px;
-      color: rgb(0 0 0 / 80%);
-
       h4 {
+        font-size: 40px;
+        color: rgb(0 0 0 / 80%);
         border-bottom: 6px solid #d7ba92;
       }
     }

src/components/Written/Written.vue

@@ -39,9 +39,9 @@ const props = withDefaults(defineProps<Props>(), {
   lang: 'CN',
   backgroundColor: '#f2f2f2',
   borderRadius: '10px',
-  fillText: '手写区域',
+  fillText: '手写输入区域',
   fillFontSize: '100px',
-  strokeStyle: '#000',
+  strokeStyle: 'rgba(0, 0, 0, 0.3)',
   fillStyle: 'rgba(85, 73, 54, 0.1)'
 })
 

src/i18n/lang/en.json

@@ -26,7 +26,8 @@
   },
   "search": {
     "title": "全局搜索",
-    "valueTip": "Search",
+    "valueTip": "Please enter initial letters in English and Chinese",
+    "valueTipHand": "Please enter your Chinese name by hand",
     "act": "Activity",
     "brand": "Brand",
     "num": "Result"

src/i18n/lang/tw.json

@@ -26,7 +26,8 @@
   },
   "search": {
     "title": "全局搜索",
-    "valueTip": "搜索",
+    "valueTip": "請輸入中英文首字母,例如XBK(星巴克)",
+    "valueTipHand": "請手寫輸入中文名查詢",
     "act": "活動",
     "brand": "品牌",
     "num": "搜索結果"

src/i18n/lang/zh.json

@@ -26,7 +26,8 @@
   },
   "search": {
     "title": "全局搜索",
-    "valueTip": "搜索",
+    "valueTip": "请输入中英文首字母，例如 XBK(星巴克)",
+    "valueTipHand": "请手写输入中文名查询",
     "act": "活动",
     "brand": "品牌",
     "num": "搜索结果"

src/views/Search/Search.vue

@@ -40,13 +40,9 @@
           <!-- <img src="@/assets/images/search/searchSecondIcon.svg" class="second-icon" /> -->
         </div>
         <div v-if="input.length" class="saw" v-text="input"></div>
-        <input
-          v-model="input"
-          readonly
-          type="text"
-          :placeholder="mode === 'hand' ? '' : $t('search.valueTip')"
-          :class="{ istip: input.length === 0 }"
-        />
+        <!-- :placeholder=""  -->
+        <input v-model="input" readonly type="text" :class="{ istip: input.length === 0 }" />
+        <h4 v-if="input.length === 0" class="search-tip">{{ mode === 'hand' ? $t('search.valueTipHand') : $t('search.valueTip') }}</h4>
         <div v-if="input.length" class="close" @click="del">
           <svg width="22" class="icon" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path
@@ -521,7 +517,8 @@ function closeActivityDetail() {
         height: 40px;
         margin-top: 10px;
       }
-      //&::-webkit-input-placeholder
+
+      &::input-placeholder,
       &::input-placeholder {
         position: absolute;
         top: 45%;
@@ -531,10 +528,19 @@ function closeActivityDetail() {
         font-family: 'font_regular';
 
         /* placeholder颜色  */
-        color: rgb(0 0 0 / 40%);
+        color: rgb(0 0 0 / 20%);
         transform: translateY(-50%);
       }
     }
+    .search-tip {
+      position: absolute;
+      top: 50%;
+      left: 96px;
+      font-size: 20px;
+      font-family: 'font_regular';
+      color: rgb(0 0 0 / 20%);
+      transform: translateY(-50%);
+    }
     .close {
       position: relative;
       width: 56px;