搜索框添加扫码功能

static/nativeComponents/GoodsSearch/index.js

@@ -68,6 +68,10 @@ Component({
     // 全网搜
     handleSearchAll() {
       this.setData({ searchScopeFlag: 0 });
+    },
+    // 扫码搜功能
+    handleScan() {
+      app.themeScanningCodeClick();
     }
   }
 })

static/nativeComponents/GoodsSearch/index.wxml

 <!--static/nativeComponents/GoodsSearch/index.wxml-->
 <view class="goods-search flex" style="background:{{datas.componentData.heapBgColor||''}}">
   <view class="ipt flex {{datas.componentData.keywordPosition == 1 ? 'textCenter' : ''}} {{datas.componentData.showStyle == 0 ? 'my-hairline--all' :''}}" style="border-radius:{{2*(datas.componentData['radius']/100)*2}}em;border-radius:{{2*(datas.componentData['radius']/100)}}em;background:{{backgroundColor}};border-color:{{borderColor}}" bindtap="toSearchPage">
-  
-      <i class="iconfont-common common-iconsousuo"></i>
+      <block wx:if="{{datas.componentData['searchModel'] == 0}}">
+        <i class="iconfont-common common-iconsousuo"></i>
+      </block>
+      <block wx:else>
+        <view class="svg-wrapper" catchtap="handleScan">
+          <image class="scan-svg" src="/static/svg/scanCode.svg" />
+        </view>
+        <view class="svg-divider"></view>
+      </block>
       <input style="width:{{placeholderValue.length*40}}rpx" disabled type="text" placeholder="{{placeholderValue}}">
       </input>
       <view class="flex search-btn" wx:if="{{datas.componentData['searchModel'] == 1}}">

static/nativeComponents/GoodsSearch/index.wxss

@@ -48,3 +48,21 @@
   border: none;
   border-radius: 0 2em 2em 0;
 }
+
+.svg-wrapper {
+  display: flex;
+  height: 100%;
+  padding-left: 10px;
+  align-items: center;
+}
+
+.svg-divider {
+  height: 10px;
+  margin: 0 6px;
+  border-right: 2px solid #bbb;
+}
+
+.scan-svg {
+  width: 15px;
+  height: 15px;
+}

static/svg/scanCode.svg

+<svg t="1677765780597" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14443" width="15" height="15"><path d="M42.666667 341.333333c-23.466667 0-42.666667-19.2-42.666667-42.666666V106.666667c0-59.733333 46.933333-106.666667 106.666667-106.666667h192c23.466667 0 42.666667 19.2 42.666666 42.666667s-19.2 42.666667-42.666666 42.666666H106.666667c-10.666667 0-21.333333 10.666667-21.333334 21.333334v192c0 23.466667-19.2 42.666667-42.666666 42.666666zM981.333333 341.333333c-23.466667 0-42.666667-19.2-42.666666-42.666666V106.666667c0-10.666667-10.666667-21.333333-21.333334-21.333334h-192c-23.466667 0-42.666667-19.2-42.666666-42.666666s19.2-42.666667 42.666666-42.666667h192c59.733333 0 106.666667 46.933333 106.666667 106.666667v192c0 23.466667-19.2 42.666667-42.666667 42.666666zM917.333333 1024h-192c-23.466667 0-42.666667-19.2-42.666666-42.666667s19.2-42.666667 42.666666-42.666666h192c10.666667 0 21.333333-10.666667 21.333334-21.333334v-192c0-23.466667 19.2-42.666667 42.666666-42.666666s42.666667 19.2 42.666667 42.666666v192c0 59.733333-46.933333 106.666667-106.666667 106.666667zM298.666667 1024H106.666667c-59.733333 0-106.666667-46.933333-106.666667-106.666667v-192c0-23.466667 19.2-42.666667 42.666667-42.666666s42.666667 19.2 42.666666 42.666666v192c0 10.666667 10.666667 21.333333 21.333334 21.333334h192c23.466667 0 42.666667 19.2 42.666666 42.666666s-19.2 42.666667-42.666666 42.666667z" p-id="14444" fill="#666666"></path><path d="M981.333333 565.333333H42.666667c-23.466667 0-42.666667-19.2-42.666667-42.666666s19.2-42.666667 42.666667-42.666667h938.666666c23.466667 0 42.666667 19.2 42.666667 42.666667s-19.2 42.666667-42.666667 42.666666z" p-id="14445" fill="#666666"></path></svg>
\ No newline at end of file