add searchng in lib

miniprogram/pages/index/index.ts

@@ -23,6 +23,7 @@ Page({
         function_startPage3:"popup_collect",
         text_startPage4: "个性化",
         imgUrl_startPage4:"./static/icons/self.svg",
+        function_startPage4:"popup_style",
         tip_content: "不吃饭会饿死",
         tip_hidden: false,
         active_Page: "startPage",
@@ -50,8 +51,8 @@ Page({
                 "scores":"1",
                 "imgUrl":"./static/icons/history.svg",
                 "remark":"一二三四五六七",
-                "riskBgColor":"tomato",
-                "riskStr":"高风险"
+                "riskBgColor":"sandybrown",
+                "riskStr":"中风险"
             },
             {   "date":"2023.5.6",
                 "scores":"100",
@@ -86,13 +87,31 @@ Page({
             {
                 name:{
                     zh:"山梨酸钾",
-                    en:"potassium sorbate"
+                    en:"Potassium sorbate"
                 },
                 scores:73,
                 info:"山梨酸钾，又名2，4-己二烯酸钾，是山梨酸的钾盐，分子式为C6H7O2K，无色或白色鳞片状结晶或结晶性粉末。 [1] 无臭或微有臭味，长期暴露在空气中易吸潮、被氧化分解而变色。易溶于水（67.6g／100mL 20℃），溶于丙二醇（5．8g／100mL）和乙醇（0．3g／10 mL）。山梨酸钾和山梨酸是常用的有机防腐剂，广泛用于食品、化状品、饲料的防腐。易于被人体吸收代谢，在体内无残留，无毒性。",
-                risk:[],
+                extra:[],
+                ADI:"",
+                hidden:false,
                 "riskBgColor":"springgreen",
                 "riskStr":"低风险"
+            },{
+                name:{
+                    zh:"李宁",
+                    en:"L.N.G.N.M.S.L."
+                },
+                scores:45,
+                info:"HAHA",
+                extra:[
+                    {type:"safe",name:"LPL"},
+                    {type:"unsafe",name:"飞舞"},
+                    {type:"unsafe",name:"精忠报国"},
+                ],
+                ADI:"",
+                hidden:false,
+                riskBgColor:"sandybrown",
+                riskStr:"中风险"
             },{
                 name:{
                     zh:"丁基羟基茴香醚",
@@ -100,9 +119,13 @@ Page({
                 },
                 scores:21,
                 info:"丁基羟基茴香醚（BHA），又名叔丁基-4-羟基茴香醚，化学式为C11H16O2，有两种异构体：3-BHA和2-BHA，一般指二者的混合物。2017年10月27日，世界卫生组织国际癌症研究机构公布的致癌物清单初步整理参考，叔丁基对羟基茴香醚（BHA）在2B类致癌物清单中。",
-                risk:["2B类致癌物"],
-                "riskBgColor":"tomato",
-                "riskStr":"高风险"
+                extra:[
+                    {type:"unsafe",name:"2B类致癌物"}
+                ],
+                ADI:"0~0.5mg/kg bw",
+                hidden:false,
+                riskBgColor:"tomato",
+                riskStr:"高风险"
             }
         ],
         userInfo: {},
@@ -259,6 +282,22 @@ Page({
         ], 1000)
     },
 
+    popup_style(){
+        this.startPage_Bottons_leave()
+        this.animate('#page_style', [
+            { opacity: 0, translateY: 0 }, { opacity: 1, translateY: "-100%", ease: 'ease-in-out', },
+        ], 1000,()=>{
+            this.selectComponent('#page_style')
+        })
+    },
+
+    exit_style(){
+        this.startPage_Bottons_in()
+        this.animate('#page_style', [
+            { opacity: 1, translateY: "-100%" }, { opacity: 0, translateY: "0", ease: 'ease-in-out' },
+        ], 1000)
+    },
+
     takePhoto() {
         // ctx = wx.createCameraContext()
         console.log('takePhoto..')
@@ -282,6 +321,21 @@ Page({
         }
     },
 
+    readInput_lib(e:any){
+        var key=e.detail.value
+        for(var n of this.data.data_lib_test){
+            // console.log(n)
+            if(n.name.zh.includes(key)){
+                n.hidden=false;
+                console.log(n.name.zh)
+            }else{
+                n.hidden=true;
+            }
+        }
+        this.setData({data_lib_test:this.data.data_lib_test})
+        console.log(this.data.data_lib_test)
+    },
+
     //将risk转为存储color和content的map
     scores2map(scores: Number){
         var risk=this.scores2risk(scores)