321

src/views/Baas33/Service/index.tsx

@@ -54,7 +54,7 @@ const ServiceList = ()=>{
         <div className=' grid grid-cols-3  w-full   -translate-y-[5vh]'>
             {
                 data.map((i,index)=>(
-                    <div key={index} className='relative w-[320px] py-[40px] px-[40px] bg-white/40  h-[460px] rounded-[2.5rem] '>
+                    <div key={index}  onPointerDown={()=>goDetails(index)} className='relative cursor-pointer w-[290px] labtop:w-[340px] py-[40px] px-[40px] bg-white/40  h-[460px] rounded-[2.5rem] '>
                         <div className='sub-title-cn border-black py-5'>{i.title}</div>
                         <div className='pt-2 des-cn'>{i.text}</div>
                         <ul className='py-5 des-cn font-bold'>
@@ -71,8 +71,9 @@ const ServiceList = ()=>{
                             }
                         </ul>
                         <div className='w-full absolute bottom-10 px-10 left-0 flex justify-between align-bottom items-baseline'>
-                            <div className='des-cn font-bold cursor-pointer' onPointerDown={()=>goDetails(index)}>
-                                介绍详情
+                            <div className='des-cn font-bold cursor-pointer'>
+                                <div>介绍详情</div>
+                        
                             </div>
                             <div className='des-cn font-bold text-theme-blue'>
                                 <span className=' int-font-1 '>{i.price}</span>
@@ -93,10 +94,10 @@ export const Service = (props: ServiceType)=>{
                 <div className='center flex items-center  h-full'>
                     <ServiceList />
                 </div>
-                <div className=" absolute top-0 right-0 z-[200000] pl-[3rem]">
-                    <div className='flex pt-16'>
+                <div className=" absolute top-0 right-0 z-[200] pl-[3rem]">
+                    <div className='flex pt-16 translate-x-12'>
                         <VerticalText text='服务版本' containerStyle="sub-title-cn py-5 px-5"/>
-                        <VerticalText text='service' containerStyle="hero-title mt-6" itemStyle=" rotate-90 -my-[2.7rem]"/>
+                        <VerticalText text='service' containerStyle="hero-title mt-6" itemStyle=" rotate-90 -my-[1.97rem]"/>
                     </div>
                 </div>
             </div>