style

src/pages/building/Edit/Panorama/index.jsx

   const [panoramaList, setPanoramaList] = useState([]);
 
   useEffect(() => {
-    getPanoramaList();
 
     console.log(props);
     getList();

src/pages/customer/Customer/style.less

 
 .rightBox{
   width:-webkit-fill-available;
-  min-width: 300px;
+  min-width: 60%;
   background:rgba(255,255,255,1);
   box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
   border-radius:8px;
 
   .rightBox{
     width:-webkit-fill-available;
-    min-width: 300px;
+    min-width: 100%;
     background:rgba(255,255,255,1);
     box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
     border-radius:8px;

src/pages/customer/customerlist/publicStyle.less

 .SubmitButton {
-  background: rgba(239,39,58,1);
-  border-radius: 7px;
+  background: rgba(239, 39, 58, 1);
   border: 0px;
+  border-radius: 7px;
 }
 .text {
-  color: rgba(239,39,58,1);
+  color: rgba(239, 39, 58, 1);
 }
 .SelectFrom {
   width: 180px;
   background: #ffffff;
-  border-radius: 7px;
   border: 1px solid #dbdbdb;
+  border-radius: 7px;
 }
 .addButton {
+  margin: 10px 0px;
   background: #50be00;
-  border-radius: 4px;
   border: 0px;
-  margin: 10px 0px;
+  border-radius: 4px;
 }
 .cardText {
-  color: #333;
+  position: relative;
   display: flex;
   align-items: center;
-  position: relative;
-  line-height: 1.5;
-  font-size: 0.106rem;
   margin-bottom: 0.08rem;
-
+  color: #333;
+  font-size: 0.106rem;
+  line-height: 1.5;
 }
-.cardItem{
-  color: #666;
+.cardItem {
   display: flex;
-  align-items: center; 
-  line-height: 1.5;
+  align-items: center;
+  margin-bottom: 0.08rem;
+  color: #666;
   font-size: 0.106rem;
-  margin-bottom: 0.08rem; 
+  line-height: 1.5;
 }
 .ediText {
-  font-size: 0.106rem;
-  color: #ff925c;
-  line-height: 24px;
   position: absolute;
   right: 0;
+  color: #ff925c;
+  font-size: 0.106rem;
+  line-height: 24px;
 }
-.title{
+.title {
   display: inline-block;
-  width:  0.54rem;
   justify-content: space-between;
+  width: 0.54rem;
   text-align: justify;
-  text-align-last:justify
+  text-align-last: justify;
 }
 
-.address { 
+.address {
   width: 400px;
-  height: 24px; 
-  text-overflow: ellipsis; 
-  white-space: nowrap;
+  height: 24px;
   overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
-.pitchButton { 
-  border-color: rgba(255,126,72,1);
-  background-color: rgba(255,126,72,1);
-  color: rgba(255,255,255,1); 
+.pitchButton {
+  color: rgba(255, 255, 255, 1);
+  background-color: rgba(255, 126, 72, 1);
+  border-color: rgba(255, 126, 72, 1);
 }
 .noButton {
-  border-color: rgba(255,126,72,1);
-  color: rgba(255,126,72,1);
+  color: rgba(255, 126, 72, 1);
+  border-color: rgba(255, 126, 72, 1);
 }
 .displayS {
   display: none;
 }
 
-
 // 客户详情样式
-.cardBox{
+.cardBox {
   display: flex;
-  .leftBox{
-    width:90%;
-    min-width:28.5%;
-    height:315px;
-    background:rgba(255,255,255,1);
-    box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
-    border-radius:8px;
+  .leftBox {
     display: inline-block;
+    width: 90%;
+    min-width: 28.5%;
+    height: 315px;
     margin-right: 30px;
     padding: 30px;
     overflow: hidden;
+    background: rgba(255, 255, 255, 1);
+    border-radius: 8px;
+    box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.12);
   }
-  .rightBox{
-    width:865px;
-    min-width:342px;
-    height:290px;
-    background:rgba(255,255,255,1);
-    box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
-    border-radius:8px;
+  .rightBox {
     display: inline-block;
+    width: 865px;
+    min-width: 342px;
+    height: 290px;
     margin-right: 30px;
     padding: 30px;
     overflow: hidden;
+    background: rgba(255, 255, 255, 1);
+    border-radius: 8px;
+    box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.12);
   }
-  .rightBox{
-    width:-webkit-fill-available;
-    height:315px;
-    min-width: 70%;
-    background:rgba(255,255,255,1);
-    box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
-    border-radius:8px;
+  .rightBox {
+    position: relative;
     display: inline-block;
+    width: -webkit-fill-available;
+    min-width: 70%;
+    height: 315px;
     padding: 30px;
     overflow: hidden;
-    position: relative;
+    background: rgba(255, 255, 255, 1);
+    border-radius: 8px;
+    box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.12);
   }
-  .rightBoxCentre{
-    width:865px;
-    height:315px;
-    min-width: 60%;
-    background:rgba(255,255,255,1);
-    box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
-    border-radius:8px;
+  .rightBoxCentre {
+    position: relative;
     display: inline-block;
+    width: 865px;
+    min-width: 60%;
+    height: 315px;
     padding: 30px;
     overflow: hidden;
-    position: relative;
+    background: rgba(255, 255, 255, 1);
+    border-radius: 8px;
+    box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.12);
   }
-  .leftBoxCentre{
-    width:100%;
-    height:315px;
-    background:rgba(255,255,255,1);
-    box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
-    border-radius:8px;
+  .leftBoxCentre {
+    position: relative;
     display: inline-block;
+    width: 100%;
+    height: 315px;
     padding: 30px;
     overflow: hidden;
-    position: relative;
+    background: rgba(255, 255, 255, 1);
+    border-radius: 8px;
+    box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.12);
   }
-  .tit{
-    font-size:0.15rem;
-    font-weight:600;
-    color:#222;
+  .tit {
     margin: 10px 0 0 0;
+    color: #222;
+    font-weight: 600;
+    font-size: 0.15rem;
   }
-  .touxiang{
+  .touxiang {
     width: 120px;
     width: 120px;
-    border-radius: 6px;
     margin: 30px 0 20px 0;
+    border-radius: 6px;
   }
-  .infoItem{
-    color:#666;
-    font-size: 0.1rem;
+  .infoItem {
     margin: 0 0 10px 0;
-    
-  }
-  .rightItem{
-    color:#666;
+    color: #666;
     font-size: 0.1rem;
+  }
+  .rightItem {
     margin: 0 0 15px 0;
+    color: #666;
+    font-size: 0.1rem;
   }
-  .right{
+  .right {
     position: absolute;
-    top:108px;
-    left:170px;
+    top: 108px;
+    left: 170px;
   }
-  .left{
+  .left {
     position: absolute;
-    top:108px;
-    left:60%;
+    top: 108px;
+    left: 60%;
   }
-  .rightInfo{
+  .rightInfo {
     position: absolute;
-    top:108px;
-    left:80%;
+    top: 108px;
+    left: 80%;
   }
 
-  .Centered{
+  .Centered {
     position: absolute;
-    top:108px;
-    left:50%;
+    top: 108px;
+    left: 50%;
     margin: 0 0 15px 0;
-    color:#666;
+    color: #666;
     font-size: 0.1rem;
   }
 
-  .rightCentered{
+  .rightCentered {
     position: absolute;
-    top:108px;
-    left:55%;
+    top: 108px;
+    left: 55%;
     margin: 0 0 15px 0;
-    color:#666;
+    color: #666;
     font-size: 0.1rem;
   }
-  
 }
-.recordBox{
-  width:100%;
-  background:rgba(255,255,255,1);
-  box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
-  border-radius:8px;
+.recordBox {
+  width: 100%;
   margin-top: 30px;
   padding: 30px;
-  .tableName{
-    font-size:24px;
-    font-weight:600;
-    color:#222;
+  background: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.12);
+  .tableName {
+    color: #222;
+    font-weight: 600;
+    font-size: 24px;
   }
 }
-