属性导入弹框样式修改
Showing
1 changed file
with
18 additions
and
2 deletions
... | @@ -5,6 +5,7 @@ | ... | @@ -5,6 +5,7 @@ |
5 | :visible.sync="isVisible" | 5 | :visible.sync="isVisible" |
6 | width="30%" | 6 | width="30%" |
7 | :before-close="close"> | 7 | :before-close="close"> |
8 | <div class="wrap"> | ||
8 | <div class="main-button"> | 9 | <div class="main-button"> |
9 | <el-upload | 10 | <el-upload |
10 | class="upload-demo" | 11 | class="upload-demo" |
... | @@ -16,14 +17,15 @@ | ... | @@ -16,14 +17,15 @@ |
16 | > | 17 | > |
17 | <el-button type="primary" icon="iconfont iconshangchuan">上传</el-button> | 18 | <el-button type="primary" icon="iconfont iconshangchuan">上传</el-button> |
18 | </el-upload> | 19 | </el-upload> |
19 | <el-button type="primary" @click="downloadTemplate">下载模板</el-button> | 20 | </div> |
21 | <el-button type="primary" class="download" @click="downloadTemplate">下载模板</el-button> | ||
20 | </div> | 22 | </div> |
21 | <ul> | 23 | <ul> |
22 | <li v-for="(item,index) in errorData" :key="index">{{item}}</li> | 24 | <li v-for="(item,index) in errorData" :key="index">{{item}}</li> |
23 | </ul> | 25 | </ul> |
24 | <span slot="footer" class="dialog-footer"> | 26 | <span slot="footer" class="dialog-footer"> |
25 | <el-button @click="cancel">取 消</el-button> | 27 | <el-button @click="cancel">取 消</el-button> |
26 | <el-button type="primary" @click="confirm">确 定</el-button> | 28 | <!-- <el-button type="primary" @click="confirm">确 定</el-button> --> |
27 | </span> | 29 | </span> |
28 | </el-dialog> | 30 | </el-dialog> |
29 | </div> | 31 | </div> |
... | @@ -114,12 +116,26 @@ | ... | @@ -114,12 +116,26 @@ |
114 | </script> | 116 | </script> |
115 | 117 | ||
116 | <style scoped lang="less"> | 118 | <style scoped lang="less"> |
119 | .wrap{ | ||
120 | width: 100%; | ||
121 | height: 30px; | ||
122 | position: relative; | ||
117 | .main-button { | 123 | .main-button { |
118 | display: -webkit-flex; | 124 | display: -webkit-flex; |
119 | display: flex; | 125 | display: flex; |
120 | flex-direction: column-reverse; | 126 | flex-direction: column-reverse; |
121 | flex-wrap: nowrap; | 127 | flex-wrap: nowrap; |
128 | position: absolute; | ||
129 | left: 165px; | ||
130 | top: 18px; | ||
131 | } | ||
132 | .download{ | ||
133 | position: absolute; | ||
134 | left: 300px; | ||
135 | top: 18px; | ||
122 | } | 136 | } |
137 | } | ||
138 | |||
123 | 139 | ||
124 | ul { | 140 | ul { |
125 | margin-top: 20px; | 141 | margin-top: 20px; | ... | ... |
-
Please register or sign in to post a comment