style:文字居中,文本框高度,出现的滚动条

This commit is contained in:
岳佳鑫
2022-10-14 11:26:20 +08:00
parent 0c629ba380
commit da09ddb4c9
4 changed files with 24 additions and 19 deletions

View File

@@ -64,7 +64,7 @@
<img class="pictureimg" src="../../assets/images/research/picture.png"/>
<div class="picturename">图片名称1.jpg</div>
<img
style="width: 20px; height: 20px;position: absolute;right: 0;top:0"
style="cursor: pointer; width: 20px; height: 20px;position: absolute;right: 0;top:0"
src="../../assets/images/basicinfo/close.png"
/>
</div>
@@ -91,15 +91,16 @@
<div class="scoretext">非常满意</div>
<div class="number">
<a-button class="btn" style="margin-left:10px">1</a-button>
<a-button class="btn">2</a-button>
<a-button class="btn">3</a-button>
<a-button class="btn">4</a-button>
<a-button class="btn">5</a-button>
<a-button class="btn">6</a-button>
<a-button class="btn">7</a-button>
<a-button class="btn">8</a-button>
<a-button class="btn">9</a-button>
<a-button class="btn" style="margin-right: 10px;">10</a-button>
<a-button class="btn">2</a-button>
<a-button class="btn">3</a-button>
<a-button class="btn">4</a-button>
<a-button class="btn">5</a-button>
<a-button class="btn">6</a-button>
<a-button class="btn">7</a-button>
<a-button class="btn">8</a-button>
<a-button class="btn">9</a-button>
<a-button class="btn" style="display: flex;align-items:center;margin-right: 10px;justify-content: center">10</a-button>
</div>
<div class="scoretext">非常不满意</div>
</div>
@@ -181,6 +182,7 @@
border: 1px solid #D7E5FD;
border-radius: 5px;
margin: 0 10px;
padding: 5px;
.btn {
border: 1px solid #56A3F9;
border-radius: 5px;
@@ -214,7 +216,8 @@
display:flex;
}
.delete {
margin-top: 27px;
cursor: pointer;
margin-top: 32px;
margin-left: 20px;
float: right;
color: #4EA6FF;
@@ -225,7 +228,7 @@
// background-color: lightcoral;
display: flex;
margin-top: 20px;
align-items: center;
//align-items: center;
//height: 40px;
// border: 1px solid black;
.namebox {
@@ -248,6 +251,7 @@
margin-left: 14px;
flex: 1;
.addimg {
cursor:pointer;
color: rgba(78, 166, 255, 1);
font-size: 14px;
}