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

@@ -291,23 +291,23 @@
<div class="inname">阶段名称</div>
</div>
<div class="in">
<a-input v-model:value="valueE" show-count :maxlength="20" placeholder="请输入阶段名称" />
<a-input v-model:value="valueE" show-count :maxlength="20" placeholder="请输入阶段名称" />
</div>
</div>
<div class="name" style="display: flex; align-items: flex-start">
<div class="namebox">
<div class="inname">阶段说明</div>
</div>
<div class="in">
<div class="intext" style="margin-left: 14px">
<a-textarea v-model:value="value" style="height: 88px" show-count :maxlength="100" placeholder="请输入阶段说明" />
</div>
</div>
<div style="display: flex;width: 100%;justify-content: center;margin-top: 40px">
<button @click="closeModal"
style=" cursor: pointer;height: 40px;width: 100px;border: 1px solid #387DF7;border-radius: 4px;color: #387DF7;background-color: #FFFFFF"
style=" cursor: pointer;height: 40px;width: 100px;border: 1px solid #409EFF;border-radius: 4px;color: #409EFF;background-color: #FFFFFF"
>取消</button>
<button @click="closeModal"
style=" cursor: pointer;margin-left: 16px;margin-bottom: 40px;height: 40px;width: 100px;border: 1px solid #388BE1;border-radius: 4px;color: #FFFFFF;background-color: #388BE1"
style=" cursor: pointer;margin-left: 16px;margin-bottom: 40px;height: 40px;width: 100px;border: 1px solid #409EFF;border-radius: 4px;color: #FFFFFF;background-color: #409EFF"
>确定</button>
</div>
</div>
@@ -791,7 +791,7 @@ export default {
border-radius: 8px;
// height: 120%;
width: 384px;
height: 40px;
height: 88px;
}
.addstage {
.ant-modal {
@@ -806,7 +806,7 @@ export default {
.ant-input-textarea-show-count::after {
position: absolute;
right: 10px;
bottom: 10px;
bottom: 5px;
}
}
}

View File

@@ -479,6 +479,7 @@
}
.progress {
width: 168px;
margin-left: 10px;
margin-right: 50px;
flex-grow: 1;
.progresstext {

View File

@@ -209,7 +209,7 @@ export default {
font-weight: 500;
}
.messagebox {
width: 100%;
//width: 100%;
//display: flex;
margin-top: 20px;
margin-left: 38px;

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;
}