1.安灯响应静态实现

loulijun2021

2022-10-22 40711118c33369ccad7ceda0fdd729bd9f117f65

 css/global.css

@@ -20,6 +20,26 @@
   letter-spacing: 2px;
}

.van-nav-bar__right {
   padding: 0;
   margin-right: 16px;
}


.topRight {
   width: 160px;
   min-height: 60px;
   display: flex;
   flex-direction: column;
   padding: 10px;
}

.topRightItem {
   display: flex;
   align-items: center;
   line-height: 20px;
   border-bottom: 1px solid #eee;
}

.vanFieldInput {
   height: 36px;
@@ -31,15 +51,15 @@
   padding-left: 10px;
   margin: 5px 0;
}
.vanFieldInputArea{
   height: 72px;
   line-height: 24px;
   align-items: center;

.vanFieldInputArea {
   border: 1px solid #ddd !important;
   border-radius: 5px;
   padding: 0;
   padding-left: 10px;
   margin: 5px 0;
   min-height: 73px;
}

.van-field__control {
   padding: 0 10px;
}

.vanButtonInfo {
@@ -59,8 +79,13 @@
   color: #fff !important;
}

.textEllipsis {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.head {
   /* background-color: aliceblue; */
   background-color: #fff;
   padding-top: 10px;
   padding-bottom: 10px;
@@ -80,10 +105,14 @@
}

.head_bar {
   width: 5px;
   height: 20px;
   background-color: red;
   /*    width: 5px;
   height: 20px; */
   /* background-color: red; */
   margin-left: 5px;
   border-radius: 3px;
   height: 20px;
   border: 2px solid red;

}

.head_title {
@@ -105,6 +134,12 @@
.flex_center {
   display: flex;
   align-items: center;
}

.flex_center_center {
   display: flex;
   align-items: center;
   justify-content: center;
}

.center_title {
@@ -151,7 +186,42 @@
   box-shadow: #436df5 0px 0px 28px;
}

.box {
   width: 128px;
   height: 128px;
   margin: 200px auto 20px;
   background-color: #436df5;
   border-radius: 50%;
   box-shadow: #436df5 0px 0px 28px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.boxImg {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   background: #436df5 url(".././static/images/box1.png") no-repeat;
}

.scanText {
   margin: auto;
   color: #000ccc;
}


.van-cell {
   padding: 0;
   font-size: 16px;
   line-height: 21px;
   position: unset;
}

.van-cell__title {
   margin-left: 20px;
}

.cellDiv {
   margin-left: 20px;
}