feat:调研列表的操作,输入框和按钮的样式

This commit is contained in:
岳佳鑫
2022-10-12 11:34:50 +08:00
parent 0edef4bf99
commit 89ce797ac9
6 changed files with 122 additions and 81 deletions

View File

@@ -1,8 +1,9 @@
<!-- 调研管理-基础信息页面 -->
<template>
<div class="researchadd">
<div class="header">
<span class="title">创建调研</span>
<div class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></div>
<router-link to="/researchmanage" class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></router-link>
</div>
<div class="content">
<div class="name">
@@ -24,12 +25,12 @@
<div class="inname">提干</div>
</div>
<div class="in">
<a-input v-model:value="valueE" placeholder="请输入项目名称" />
<a-input v-model:value="valueE" placeholder="请输入项目名称" show-count :maxlength="20" style="border-radius: 8px"/>
</div>
</div>
<div class="name">
<div class="in" style="margin-left: 133px">
<a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px">添加选项</a-button>
<a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px;background-color: #409EFF">添加选项</a-button>
</div>
</div>
<div class="options">
@@ -38,7 +39,7 @@
<div class="inname">选项1</div>
</div>
<div class="in">
<a-input v-model:value="valueE" />
<a-input v-model:value="valueE" show-count :maxlength="20" style="border-radius: 8px" />
</div>
</div>
<div class="delete">删除</div>
@@ -54,7 +55,7 @@
<div class="inname">选项1</div>
</div>
<div class="in">
<a-input v-model:value="valueE" />
<a-input v-model:value="valueE" show-count :maxlength="20" style="border-radius: 8px"/>
</div>
</div>
<div class="delete">删除</div>
@@ -116,7 +117,7 @@
</div>
<div class="footer">
<div class="btn">
<a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px">保存</a-button>
<a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px;background-color: #409EFF">保存</a-button>
<a-button type="primary" ghost style="width: 100px;height: 40px;margin-left: 14px;border-radius: 8px">取消</a-button>
</div>
</div>
@@ -261,7 +262,7 @@
border-radius: 5px;
// height: 120%;
width: 100%;
height: 40px;
height: 35px;
}
.ant-select-selector {
border-radius: 5px;