add searchng in lib

miniprogram/pages/index/index.wxml

@@ -18,7 +18,7 @@
         <view class='buttom_startPage' id="buttom_startPage3" bind:tap="{{function_startPage3}}">
             <image src="{{imgUrl_startPage3}}" mode="'aspectFit'" style="height: 100rpx;width: 100rpx;" />
         </view>
-        <view class='buttom_startPage' id="buttom_startPage4">
+        <view class='buttom_startPage' id="buttom_startPage4" bind:tap="{{function_startPage4}}">
             <view class="text_startPage">{{text_startPage4}}</view>
             <image src="{{imgUrl_startPage4}}" mode="'aspectFit'" style="height: 100rpx;width: 100rpx;margin-left:30rpx;" />
         </view>
@@ -26,8 +26,8 @@
             <view class="tip_head" style="margin-left: 15rpx;font-weight: 600;">Daliy Tips:</view>
             <view class="tip_content">{{tip_content}}</view>
         </view>
-        <view class="buttom_startPage test" id='test' bind:tap="startPage_Bottons_leave">测试移去</view>
-        <view class="buttom_startPage test" id='test2' bind:tap="popup_camera">弹出相机</view>
+        <!-- <view class="buttom_startPage test" id='test' bind:tap="startPage_Bottons_leave">测试移去</view>
+        <view class="buttom_startPage test" id='test2' bind:tap="popup_camera">弹出相机</view> -->
     </view>
 
     <!-- 相机界面，放在下面 -->
@@ -55,15 +55,42 @@
             </view>
         </view>
         <view class="content">
+            <view class="search lib_search">
+                <view class="search_bar lib_search_input">
+                    <view class="search_icon">
+                        <image src="./static/icons/search.svg" mode="aspectFit" />
+                    </view>
+                    <input class="search_input" id="input_libSearch" bindinput="readInput_lib" placeholder=" 输入名称搜索"/>
+                </view>
+                <!-- <view class="search_button" bind:tap="readInput_lib">搜索</view> -->
+            </view>
             <view wx:for="{{ data_lib_test }}" wx:for-item="n">
-                <view class="node" style="background-color: {{ n.riskBgColor }};">
+                <view class="node" hidden="{{ n.hidden }}" style="background-color: {{ n.riskBgColor }};">
                     <view class="node_content">
                         <view class="node_name">{{ n.name.zh }}</view>
+                        <view class="node_name node_name_en">{{ n.name.en }}</view>
+                        
+                        <view class="node_adi">
+                            <view class="adi_title">ADI</view>
+                            <view class="adi_content" wx:if="{{ n.ADI!='' }}">{{ n.ADI }}</view>
+                            <view class="adi_content" wx:if="{{ n.ADI=='' }}">{{ "暂无数据" }}</view>
+                        </view>
                         <!-- <image class="node_img" src="{{ n.imgUrl }}" mode="'aspectFit'"/> -->
                         <view class="node_safe" wx:if="{{ n.scores > 66 }}"><view>安全</view></view>
                         <view class="node_danger" wx:if="{{ n.scores < 33 }}"><view>危险</view></view>
-                        <view class="node_scores">评分: {{ n.scores }}</view>
+                        <view class="node_scores">
+                            <view class="scores_title" style="background-color: {{ n.riskBgColor }};">评分</view>
+                            <view class="scores_num">{{ n.scores }}</view>
+                        </view>
                         <view class="node_risk" style="background-color: {{ n.riskBgColor }};">{{ n.riskStr }}</view>
+                        <view class="node_extra">
+                            <view class="node_extra_empty" wx:if="{{ n.extra.length==0 }}">
+                                暂无数据
+                            </view>
+                            <view wx:for="{{n.extra}}" wx:for-item="item">
+                                <view class="node_ex_content" style="background-color: {{ item.type=='unsafe'?'tomato':'springgreen' }};">{{item.name}}</view>
+                            </view>
+                        </view>
                     </view>
                 </view>
             </view>
@@ -118,4 +145,16 @@
         </view>
     </view>
 
+    <!-- 个性化界面 -->
+    <view id="page_style" class="miao_page">
+        <view class="title">
+            <view>个性化</view>
+            <view class="page_back" bind:tap="exit_style">
+                <image src="./static/icons/back.svg" mode="aspectFit" />
+            </view>
+        </view>
+        <view class="content">
+        </view>
+    </view>
+
 </view>