style

config/config.js

 
   proxy: {
     '/api/': {
-      target: 'http://localhost:8080/',
+      target: 'http://192.168.0.11:8080/',
       changeOrigin: true,
       // pathRewrite: { '^/server': '' },
     },

src/app.js

     recalc = function () {
       var clientWidth = docEl.clientWidth;
       if (!clientWidth) return;
-      if (clientWidth < 1200) {
-        docEl.style.fontSize = '100px';
-      } else {
-        docEl.style.fontSize = 100 * (clientWidth / 1200) + 'px';
+      if (clientWidth < 1700) {
+        docEl.style.fontSize = '150px';
+      } else if ( 1700>=clientWidth>2000 ){
+        docEl.style.fontSize = '170px';
+      }else{
+        docEl.style.fontSize = '170px';
+        // docEl.style.fontSize = 100 * (clientWidth / 1400) + 'px';
       }
     };
 

src/pages/Welcome.jsx

     <div style={{ display: 'flex' }}>
       <div style={{
         textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(144deg,rgba(241,43,62,1) 0%,rgba(254,144,155,1) 100%)', height: '100px',
-        boxShadow: '0px 18px 14px -15px rgba(241,43,62,1)',
+        boxShadow: '0px  0.11rem 14px -15px rgba(241,43,62,1)',
         borderRadius: '12px', width: '32%', marginRight: '2%'
       }}>
         <span style={{ fontSize: '24px', color: '#fff' }}>总用户 </span>
       </div>
       <div style={{
         textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(144deg,rgba(255,126,74,1) 0%,rgba(255,196,168,1) 100%)', height: '100px',
-        boxShadow: '0px 18px 14px -15px rgba(255,126,74,1)',
+        boxShadow: '0px  0.11rem 14px -15px rgba(255,126,74,1)',
         borderRadius: '12px', width: '32%', marginRight: '2%'
       }}>
         <span style={{ fontSize: '24px', color: '#fff' }}>总注册用户 </span>
       </div>
       <div style={{
         textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(137deg,rgba(107,130,230,1) 0%,rgba(152,175,251,1) 100%)', height: '100px',
-        boxShadow: '0px 18px 14px -15px rgba(107,130,230,1)',
+        boxShadow: '0px  0.11rem 14px -15px rgba(107,130,230,1)',
         borderRadius: '12px', width: '32%',
       }}>
         <span style={{ fontSize: '24px', color: '#fff' }}>最近7天新增 </span>

src/pages/building/list/add/amap.less

   top: 20px;
   left: 20px;
   background-color: white;
-  width: 280px;
+  width: 290px;
   box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
   z-index: 100;
   .inputText{

src/pages/building/list/index.jsx

   return (
     <Card
       hoverable
-      style={{ minWidth: '400px', borderRadius: '12px', margin: '10px', boxShadow: '0px 0px 16px 2px rgba(0,0,0,0.12)' }}
+      style={{ minWidth: '330px', borderRadius: '12px', margin: '10px', boxShadow: '0px 0px 16px 2px rgba(0,0,0,0.12)' }}
       cover={<img alt="example" src={data.poster} style={{ borderRadius: '12px 12px 0 0', width: '100%', height: '14vw' }}></img>}
       bodyStyle={{ padding: '10px 20px' }}
     >

src/pages/building/list/style.css

 .cardText {
   font-size: 0.11rem;
   color: #333;
-  line-height: 24px;
+  line-height: 1.5;
   display: flex;
   align-items: center;
   position: relative;
+  margin-bottom: 0.08rem;
 }
 .cardItem {
   font-size: 0.11rem;
   font-weight: 400;
   color: #666;
-  line-height: 24px;
   display: flex;
   align-items: center;
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
+
 }
 .ediText {
   font-size: 0.11rem;
   color: #ff925c;
-  line-height: 24px;
   position: absolute;
   right: 0;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width: 0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/building/list/style.less

 .cardText {
   font-size: 0.11rem;
   color: #333;
-  line-height: 24px;
   display: flex;
   align-items: center;
   position: relative;
-
+  margin-bottom: 0.08rem;
+  
 }
 .cardItem{
   font-size: 0.11rem;
   font-weight: 400;
   color: #666;
-  line-height: 24px;
   display: flex;
   align-items: center;  
+  margin-bottom: 0.08rem;
+  .title{
+    display: inline-block;
+    width: 0.54rem;
+    min-width: 0.54rem;
+    justify-content: space-between;
+    text-align: justify;
+    text-align-last:justify
+  }
+  
 }
 .ediText {
   font-size: 0.11rem;
   color: #ff925c;
-  line-height: 24px;
   position: absolute;
   right: 0;
+
 }
-.title{
-  display: inline-block;
-  width: 84px;
-  justify-content: space-between;
-  text-align: justify;
-  text-align-last:justify
-}
+
 
 .address { 
   width: 400px;

src/pages/building/list/style.wxss

   font-size: 0.11rem;
   font-weight: 400;
   color: #666;
-  line-height: 24px;
   display: flex;
   align-items: center;
+  margin-bottom: 0.08rem;
 }
 .ediText {
   font-size: 0.11rem;
   color: #ff925c;
-  line-height: 24px;
   position: absolute;
   right: 0;
+  margin-bottom: 0.08rem;
 }
 .title {
   display: inline-block;
-  width: 84px;
+   width: 0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/building/type/style.css

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #333;
   line-height: 24px;
   display: flex;
   position: relative;
 }
 .cardItem {
-  font-size: 18px;
-  font-weight: 400;
+
   color: #666;
-  line-height: 24px;
   display: flex;
   align-items: center;
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 }
 .ediText {
-  font-size: 18px;
+  font-size: 0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width: 0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/building/type/style.less

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
   color: #333;
-  line-height: 24px;
   display: flex;
   align-items: center;
   position: relative;
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 
 }
 .cardItem{
-  font-size: 18px;
-  font-weight: 400;
   color: #666;
-  line-height: 24px;
   display: flex;
   align-items: center;  
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 }
 .ediText {
-  font-size: 18px;
+  font-size: 0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title{
   display: inline-block;
-  width: 84px;
+  width: 0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last:justify

src/pages/building/type/style.wxss

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #333;
   line-height: 24px;
   display: flex;
   position: relative;
 }
 .cardItem {
-  font-size: 18px;
+  font-size:  0.11rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;
 }
 .ediText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/customer/customerlist/style.css

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #333;
   line-height: 24px;
   display: flex;
   position: relative;
 }
 .cardItem {
-  font-size: 18px;
+  font-size:  0.11rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;
 }
 .ediText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/customer/customerlist/style.less

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
   color: #333;
-  line-height: 24px;
   display: flex;
   align-items: center;
   position: relative;
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 
 }
 .cardItem{
-  font-size: 18px;
-  font-weight: 400;
   color: #666;
-  line-height: 24px;
   display: flex;
-  align-items: center;  
+  align-items: center; 
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem; 
 }
 .ediText {
-  font-size: 18px;
+  font-size: 0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title{
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last:justify

src/pages/customer/customerlist/style.wxss

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #333;
   line-height: 24px;
   display: flex;
   position: relative;
 }
 .cardItem {
-  font-size: 18px;
+  font-size:  0.11rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;
 }
 .ediText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/customer/drift/style.less

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
   color: #333;
-  line-height: 24px;
   display: flex;
   align-items: center;
   position: relative;
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 
 }
 .cardItem{
-  font-size: 18px;
-  font-weight: 400;
   color: #666;
-  line-height: 24px;
   display: flex;
-  align-items: center;  
+  align-items: center; 
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem; 
 }
 .ediText {
-  font-size: 18px;
+  font-size: 0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title{
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last:justify

src/pages/customer/independentList/style.css

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #333;
   line-height: 24px;
   display: flex;
   position: relative;
 }
 .cardItem {
-  font-size: 18px;
+  font-size:  0.11rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;
 }
 .ediText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/customer/independentList/style.less

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
   color: #333;
-  line-height: 24px;
   display: flex;
   align-items: center;
   position: relative;
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 
 }
 .cardItem{
-  font-size: 18px;
-  font-weight: 400;
   color: #666;
-  line-height: 24px;
   display: flex;
   align-items: center;  
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 }
 .ediText {
-  font-size: 18px;
+  font-size: 0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title{
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last:justify

src/pages/customer/independentList/style.wxss

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #333;
   line-height: 24px;
   display: flex;
   position: relative;
 }
 .cardItem {
-  font-size: 18px;
+  font-size:  0.11rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;
 }
 .ediText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/customer/recommendCustomer/style.css

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #333;
   line-height: 24px;
   display: flex;
   position: relative;
 }
 .cardItem {
-  font-size: 18px;
+  font-size:  0.11rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;
 }
 .ediText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/customer/recommendCustomer/style.less

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
   color: #333;
-  line-height: 24px;
   display: flex;
   align-items: center;
   position: relative;
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 
 }
 .cardItem{
-  font-size: 18px;
+  font-size: 0.11rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;  
 }
 .ediText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title{
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last:justify

src/pages/customer/recommendCustomer/style.wxss

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #333;
   line-height: 24px;
   display: flex;
   position: relative;
 }
 .cardItem {
-  font-size: 18px;
+  font-size:  0.11rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;
 }
 .ediText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/customer/report/style.css

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #333;
   line-height: 24px;
   display: flex;
   position: relative;
 }
 .cardItem {
-  font-size: 18px;
+  font-size:  0.11rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;
 }
 .ediText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/customer/report/style.less

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
   color: #333;
-  line-height: 24px;
   display: flex;
   align-items: center;
   position: relative;
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 
 }
 .cardItem{
-  font-size: 18px;
-  font-weight: 400;
+
   color: #666;
-  line-height: 24px;
   display: flex;
   align-items: center;  
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 }
 .ediText {
-  font-size: 18px;
+  font-size: 0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title{
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last:justify

src/pages/customer/report/style.wxss

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #333;
   line-height: 24px;
   display: flex;
   position: relative;
 }
 .cardItem {
-  font-size: 18px;
+  font-size:  0.11rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;
 }
 .ediText {
-  font-size: 18px;
+  font-size:  0.11rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;
 }
 .title {
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/news/list/NewsList.jsx

         cover={<img alt="example" src={data.newsImg} style={{ borderRadius: '12px 0 0 12px', width: '260px', height: '253px' }}></img>}
         bodyStyle={{ padding: '10px 20px' }}
       >
-        <span style={{ position: 'absolute', right: '20px', top: '20px', fontSize: '18px', color: '#FF7E48' }} onClick={toEditList(data.newsId)}>
+        <span style={{ position: 'absolute', right: '20px', top: '20px', fontSize: ' 0.11rem', color: '#FF7E48' }} onClick={toEditList(data.newsId)}>
           编辑
                 <Icon type="form" style={{ color: '#C0C4CC', marginLeft: '10px' }} />
         </span>
         {data.newsStatus === 0 ?
-          <span style={{ position: 'absolute', left: '280px', bottom: '18px', fontSize: '18px', color: '#FF7E48' }} onClick={cancelRelease.bind(this, data.newsId, 1, data.buildingId, data.newsType.newsTypeId)}>
+          <span style={{ position: 'absolute', left: '280px', bottom: ' 0.11rem', fontSize: ' 0.11rem', color: '#FF7E48' }} onClick={cancelRelease.bind(this, data.newsId, 1, data.buildingId, data.newsType.newsTypeId)}>
             取消发布
               <Icon type="close-circle" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
           </span> :
-          <span style={{ position: 'absolute', left: '280px', bottom: '18px', fontSize: '18px', color: '#FF7E48' }} onClick={cancelRelease.bind(this, data.newsId, 0, data.buildingId, data.newsType.newsTypeId)}>
+          <span style={{ position: 'absolute', left: '280px', bottom: ' 0.11rem', fontSize: ' 0.11rem', color: '#FF7E48' }} onClick={cancelRelease.bind(this, data.newsId, 0, data.buildingId, data.newsType.newsTypeId)}>
             发布
               <Icon type="form" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
           </span>
         }
 
-        <span style={{ position: 'absolute', right: '20px', bottom: '18px', fontSize: '18px', color: '#FF7E48' }} onClick={changeNewsListStatus(data.newsId)}>
+        <span style={{ position: 'absolute', right: '20px', bottom: ' 0.11rem', fontSize: ' 0.11rem', color: '#FF7E48' }} onClick={changeNewsListStatus(data.newsId)}>
           删除
                 <Icon type="rest" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
         </span>
         <div style={{ position: 'absolute', left: '260px', top: '0px', padding: '20px' }}>
           <p style={{
-            fontSize: '18px', color: '#333', fontWeight: '600', marginBottom: '10px', overflow: 'hidden',
+            fontSize: ' 0.11rem', color: '#333', fontWeight: '600', marginBottom: '10px', overflow: 'hidden',
             textOverflow: 'ellipsis',
             whiteSpace: 'nowrap',
             width: '300px',
           }}>{data.newsName}</p>
-          <p style={{ fontSize: '18px', color: '#555', marginBottom: '10px' }}>
+          <p style={{ fontSize: ' 0.11rem', color: '#555', marginBottom: '10px' }}>
             <span style={{ display: 'inline-block', width: '190px' }}>咨询类型：{data.newsType.newsTypeName}</span>
             <span>状态：{data.newsStatus == 0 ? "已发布" : "未发布"}</span>
           </p>
 
-          <p style={{ fontSize: '18px', color: '#555', marginBottom: '10px' }}>
+          <p style={{ fontSize: ' 0.11rem', color: '#555', marginBottom: '10px' }}>
             <span style={{ display: 'inline-block', width: '190px' }}>阅读数量：{data.pvNum}</span>
             <span>转发数量：{data.shareNum}</span>
           </p>
 
-          <p style={{ fontSize: '18px', color: '#555', marginBottom: '10px' }}>
+          <p style={{ fontSize: ' 0.11rem', color: '#555', marginBottom: '10px' }}>
             <span style={{ display: 'inline-block', width: '190px' }}>点赞数量：{data.favorNum}</span>
             <span>收藏数量：{data.saveNum}</span>
           </p>
 
-          <p style={{ fontSize: '18px', color: '#999', marginBottom: '10px' }}>发布时间：{data.createDate}</p>
+          <p style={{ fontSize: ' 0.11rem', color: '#999', marginBottom: '10px' }}>发布时间：{data.createDate}</p>
         </div>
       </Card>
     )

src/pages/news/list/style.less

     margin: 10px 0px;
   }
   .cardText {
-    font-size: 18px;
     color: #333;
-    line-height: 24px;
     display: flex;
     align-items: center;
     position: relative;
+    line-height: 1.5;
+    font-size: 0.11rem;
+    margin-bottom: 0.08rem;
   
   }
   .cardItem{
-    font-size: 18px;
-    font-weight: 400;
     color: #666;
-    line-height: 24px;
     display: flex;
     align-items: center;  
+    line-height: 1.5;
+    font-size: 0.11rem;
+    margin-bottom: 0.08rem;
   }
   .ediText {
-    font-size: 18px;
+    font-size: 0.11rem;
     color: #ff925c;
     line-height: 24px;
     position: absolute;
   }
   .title{
     display: inline-block;
-    width: 84px;
+    width:  0.54rem;
     justify-content: space-between;
     text-align: justify;
     text-align-last:justify

src/pages/staff/list/StaffList.jsx

     <Card className={Styles.card}>
       <div>
 
-        <Avatar src={data.avatar} style={{ width: 94, height: 94 }} />
-        <Button type="link" style={{ marginLeft: '10px', color: '#FF925C', fontSize: '18px' }} onClick={toEditStaff(data.userId)}>
+        <Avatar src={data.avatar} style={{ width: '0.48rem', height: '0.48rem' }} />
+        <Button type="link" style={{ marginLeft: '0.04rem', color: '#FF925C', fontSize: '0.11rem' }} onClick={toEditStaff(data.userId)}>
           编辑
-                <Icon type="form" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
+                <Icon type="form" style={{ color: '#C0C4CC', marginLeft: '0.04rem' }} />
         </Button>
-        <Button type="link" style={{ fontSize: '18px', color: '#cacaca', position: 'absolute', top: '50px', right: '0' }} onClick={confirm(data)}>
+        <Button type="link" style={{ fontSize: ' 0.11rem', color: '#cacaca', position: 'absolute', top: '40px', right: '0' }} onClick={confirm(data)}>
           {data.status === 1 ? '停用' : '启用'}
-                <Icon type={data.status===1?'close-circle':'form'} style={{ color: '#C0C4CC', marginLeft: '8px' }} />
+                <Icon type={data.status===1?'close-circle':'form'} style={{ color: '#C0C4CC', marginLeft: '0.04rem' }} />
         </Button>
-        {/* <Button type="link" style={{ fontSize: '18px', color: '#FF925C', position: 'absolute', top: '50px', right: '0' }} onClick={confirm}>
+        {/* <Button type="link" style={{ fontSize: ' 0.11rem', color: '#FF925C', position: 'absolute', top: '50px', right: '0' }} onClick={confirm}>
           启用
                 <Icon type="form" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
         </Button> */}

src/pages/staff/list/style.less

 
 
 .card {
-  min-width: 330px;
-  margin-right: 2vw;
-  height: 244px;
+  min-width: 240px;
+  margin-right: 0.1rem;
+  height: 240px;
   background: rgba(255, 255, 255, 1);
   box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.12);
   border-radius: 12px;
   margin-bottom: 40px;
   position: relative;
+  
 }
 
-
 .cardText {
-  font-size: 20px;
+  font-size: 0.12rem;
   color: rgba(102, 102, 102, 1);
   position: absolute;
-  bottom:52px;
+  bottom:0.28rem;
 }
 .statusText {
-  font-size: 20px;
+  font-size: 0.12rem;
   color: rgba(102, 102, 102, 1);
   position: absolute;
-  bottom:52px;
+  bottom:0.28rem;
   right: 20px;
 }
 .phoneText{
-  font-size: 20px;
+  font-size: 0.12rem;
   color: rgba(102, 102, 102, 1);
   position: absolute;
-  bottom:16px;
+  bottom:0.05rem;
 }
 
 .cardItem {
-  font-size: 18px;
-  font-weight: 400;
   color: #666;
-  line-height: 24px;
   display: flex;
   align-items: center;
+  line-height: 1.5;
+  font-size: 0.11rem;
+  margin-bottom: 0.08rem;
 }
 
 
 
 .title {
   display: inline-block;
-  width: 84px;
+  width:  0.54rem;
   justify-content: space-between;
   text-align: justify;
   text-align-last: justify;

src/pages/user/login/components/Login/index.jsx

           <div className={styles.con}>
             <p className={styles.welcome}>Welcome</p>
             <div className={styles.title}>
-              <span style={{fontSize:'18px',lineHeight:'18px'}}>ying xiao yun</span>
+              <span style={{fontSize:' 0.11rem',lineHeight:' 0.11rem'}}>ying xiao yun</span>
               <p className={styles.name}>营销云·系统</p>
             </div>
           </div>

src/pages/user/login/components/Login/index.less

 
   .prefixIcon {
     color: #fff;
-    font-size: 18px;
+    font-size:  0.11rem;
     background-color: #EF273A;
     padding: 3px 4px;
   }