添加查看按钮

src/assets/icon_arr_p_r.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="6.4200310707092285" height="11.820231437683105" viewBox="0 0 6.4200310707092285 11.820231437683105"><g transform="matrix(-1,0,0,1,12.840062141418457,0)"><path d="M12.33019107070923,11.8202C12.460611070709229,11.8202,12.59117107070923,11.7705,12.690731070709228,11.6709C12.889841070709227,11.4718,12.889841070709227,11.1489,12.690731070709228,10.95L7.650801070709228,5.91005L12.690731070709228,0.870258C12.889841070709227,0.671289,12.889841070709227,0.348302,12.690731070709228,0.149333C12.491621070709229,-0.0497778,12.168911070709228,-0.0497778,11.969801070709227,0.149333L6.569341070709228,5.54965C6.370261070709229,5.74879,6.370261070709229,6.07159,6.569341070709228,6.27072L11.969801070709227,11.6709C12.06922107070923,11.7705,12.199781070709228,11.8202,12.33019107070923,11.8202Z" fill="#3e63cb" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

src/components/MeasureItem.tsx

@@ -1,5 +1,6 @@
 import icon_check_s from '../assets/icon_check_s_s.svg';
 import icon_check_u from '../assets/icon_check_s_u.svg';
+import icon_arr from '../assets/icon_arr_p_r.svg';
 /*
 name: '测量名称1',
 time: '03-02 10:20',
@@ -19,7 +20,13 @@ export default function MeasureItem(props: {
 }) {
   return (
     <div>
-      <h1 className="text-base font-medium mx-2 my-2">{props.name}</h1>
+      <section className="h-10 flex justify-between items-center px-2">
+        <h1 className="text-base font-medium ">{props.name}</h1>
+        <div className="self-stretch flex items-center">
+          <span className="mr-2 text-sm text-primary font-medium">查看</span>
+          <img src={icon_arr} alt="arr" className="h-[10px]" />
+        </div>
+      </section>
 
       <section className="flex mx-2">
         <p className="flex-1 text-sm ">{`${props.line}`}</p>
@@ -47,7 +54,7 @@ export function MeasureItemEx(props: {
 }) {
   return (
     <div className="flex" onClick={props.onSelected}>
-      <div className="w-12 flex justify-center items-center" >
+      <div className="w-12 flex justify-center items-center">
         {props.selected ? (
           <img src={icon_check_s} alt="icon" />
         ) : (
@@ -55,7 +62,13 @@ export function MeasureItemEx(props: {
         )}
       </div>
       <div className="flex-1">
-        <h1 className="text-base font-medium mx-2 my-2">{props.name}</h1>
+        <section className="h-10 flex justify-between items-center px-2">
+          <h1 className="text-base font-medium ">{props.name}</h1>
+          <div className="self-stretch flex items-center">
+            <span className="mr-2 text-sm text-primary font-medium">查看</span>
+            <img src={icon_arr} alt="arr" className="h-[10px]" />
+          </div>
+        </section>
 
         <section className="flex mx-2">
           <p className="flex-1 text-sm ">{`${props.line}`}</p>