Skip to content

O
office-web-js
Commit 2b396377 by qinjianhui
Options

fix: 样式修改

parent b45f5ba9
Showing with 26 additions and 5 deletions
src/views/Home/JoinUsPage.vue
...@@ -130,7 +130,12 @@ ...@@ -130,7 +130,12 @@
</div> </div>
</div> </div>
<el-dialog :visible.sync="joinVisible" width="800px"> <el-dialog :visible.sync="joinVisible" width="800px">
<el-form :model="joinForm" ref="joinForm" label-position="left"> <el-form
:model="joinForm"
ref="joinForm"
label-position="left"
label-width="80px"
>
<el-form-item <el-form-item
label="姓名" label="姓名"
prop="name" prop="name"
...@@ -156,7 +161,7 @@ ...@@ -156,7 +161,7 @@
label="内部推荐" label="内部推荐"
prop="isRecommend" prop="isRecommend"
required required
style="display: flex; align-items: center" class="is-recommend"
> >
<el-radio v-model="joinForm.isRecommend" :label="false">否</el-radio> <el-radio v-model="joinForm.isRecommend" :label="false">否</el-radio>
<el-radio v-model="joinForm.isRecommend" :label="true">是</el-radio> <el-radio v-model="joinForm.isRecommend" :label="true">是</el-radio>
...@@ -174,8 +179,13 @@ ...@@ -174,8 +179,13 @@
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<div class="upload-files"> <div class="upload-files">
<input type="file" style="display: none" @change="onFileChanged" /> <input
<div class="text-img"> type="file"
ref="file"
style="display: none"
@change="onFileChanged"
/>
<div class="text-img" @click="$refs.file.click()">
<img <img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAAXNSR0IArs4c6QAABB5JREFUSA29ll1om1UYx5s3rU1XV9Auc20ptjIU9MLSNo1t6SiLE4SBDtaJWqXCvHJ4M8YYIhQ3GNMbwV0o3nQVvFjVCxlK8YPKbKTpB2NeCNsilqatm1Ompa7N8uHvf3Le9E3WWMeKB06er//z/N/znPOeN/6yOxyDg4MOKdUDAwOpsbGx7J2k+zYCh8PhB1KpVD+43dlsNoQMKsfn86WwE8gY8suqqqpPx8fHlxQrNUqShUKhHZlM5iSJ/RQrL1XA478B8Wnsk9PT0397/Hl1XTKInoPoQ0i2WmQSOUqxKL6fkcvM+9F3Mp8k9gRT7dW4QqwfwomcufZ7G1lbW9ubFHhLEJJuMt92HOe9WCz2+1paodbZ2blzdXX1GN5Xcmkmb//U1NQXXmQBWWtr62sE1QqN2YqKij0TExOXc+bGv+Tv5uHO8rC1yFvIyMzMzHk3M09G60K07gcAfoKX/X5/ZHJycs4F/ldJZ8Jgv6XOFggXKysrW6LR6DXlmz739fX50+m09sgPIAHRrlJE7e3tz7OCS5LrPYD2ihr7mTqtdSsrK8ddnFZRVl1dvY/A69LZn5fo9bT04gHJi+A+wr+N+WxdXV18cXHxx2LcwsLClYaGhgDYHkhbmpqaPk4kEn+YldG+QzYBnqnPi5Nli4jEM6gmh0Lqwhn518PTnVPE/xQumUy+LIzT3d2t471LBsEPJIuHLTiMXzfGNzYumS1FyMH6C6LPLPaApANrt9hlsJlfSXpHT09PkIJDzAxT+3TOxs9ZW4RDwnnzpLMl5uhT/xEtyqGFD1nQDU7NbHFCJBLR+/UuCXtp8SfeuGz5Fbc4b1h6fj85KI/qGqq1iOtWFggu3gyOIwVOj8F7NIo5yin0eHMqK7vOYoyBfq82+5YsWnGP8W7iD9tiDpMt6XMg+c0a2/W+bSJXGVfYg249Tue8yC7KQe8D8Xi8xQ1uhuSiaFcdOFKNjY1xhxduBsN8h5DPbAaJp8Y+6Szku5GRkaTDTxr7rAW82tvbG7D6XQmu2scg2aMiLMKcYrOBnBRz0xPcsbS09MZdsdhkWviOeJi6hIflNmRcuhdgH5KDcZQbwyw/Zxb+8mCXwKYlCyNrFjf/Yayn5QF7wv1y5z8xALaxsgvEGwCkkC8AGlFC8QC7xS3gjZHvI3Ycn9udr8E9RT3zxyhPpqSOjo7HWf55krbq6XEdAvy+YhsN7TVbMExun8X+FAgEet1vmXwF79X8/PxVPg26YPeSVCNZX1+/zGckKrBGV1fX9mAwONDc3Dw7Nze3nPNyDdXWniLnoLUv8l7pK3/VjUt633Dj576LlZeXd7Cy7+VA3mcC9oeL+xjqaSu9oV8wVhWrqakJcw5+9Qb/VecpfbT1YUkvkCPdxb6MSnr90ouxxfH/1f4Ha4m+UTBEeRoAAAAASUVORK5CYII=" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAAXNSR0IArs4c6QAABB5JREFUSA29ll1om1UYx5s3rU1XV9Auc20ptjIU9MLSNo1t6SiLE4SBDtaJWqXCvHJ4M8YYIhQ3GNMbwV0o3nQVvFjVCxlK8YPKbKTpB2NeCNsilqatm1Ompa7N8uHvf3Le9E3WWMeKB06er//z/N/znPOeN/6yOxyDg4MOKdUDAwOpsbGx7J2k+zYCh8PhB1KpVD+43dlsNoQMKsfn86WwE8gY8suqqqpPx8fHlxQrNUqShUKhHZlM5iSJ/RQrL1XA478B8Wnsk9PT0397/Hl1XTKInoPoQ0i2WmQSOUqxKL6fkcvM+9F3Mp8k9gRT7dW4QqwfwomcufZ7G1lbW9ubFHhLEJJuMt92HOe9WCz2+1paodbZ2blzdXX1GN5Xcmkmb//U1NQXXmQBWWtr62sE1QqN2YqKij0TExOXc+bGv+Tv5uHO8rC1yFvIyMzMzHk3M09G60K07gcAfoKX/X5/ZHJycs4F/ldJZ8Jgv6XOFggXKysrW6LR6DXlmz739fX50+m09sgPIAHRrlJE7e3tz7OCS5LrPYD2ihr7mTqtdSsrK8ddnFZRVl1dvY/A69LZn5fo9bT04gHJi+A+wr+N+WxdXV18cXHxx2LcwsLClYaGhgDYHkhbmpqaPk4kEn+YldG+QzYBnqnPi5Nli4jEM6gmh0Lqwhn518PTnVPE/xQumUy+LIzT3d2t471LBsEPJIuHLTiMXzfGNzYumS1FyMH6C6LPLPaApANrt9hlsJlfSXpHT09PkIJDzAxT+3TOxs9ZW4RDwnnzpLMl5uhT/xEtyqGFD1nQDU7NbHFCJBLR+/UuCXtp8SfeuGz5Fbc4b1h6fj85KI/qGqq1iOtWFggu3gyOIwVOj8F7NIo5yin0eHMqK7vOYoyBfq82+5YsWnGP8W7iD9tiDpMt6XMg+c0a2/W+bSJXGVfYg249Tue8yC7KQe8D8Xi8xQ1uhuSiaFcdOFKNjY1xhxduBsN8h5DPbAaJp8Y+6Szku5GRkaTDTxr7rAW82tvbG7D6XQmu2scg2aMiLMKcYrOBnBRz0xPcsbS09MZdsdhkWviOeJi6hIflNmRcuhdgH5KDcZQbwyw/Zxb+8mCXwKYlCyNrFjf/Yayn5QF7wv1y5z8xALaxsgvEGwCkkC8AGlFC8QC7xS3gjZHvI3Ycn9udr8E9RT3zxyhPpqSOjo7HWf55krbq6XEdAvy+YhsN7TVbMExun8X+FAgEet1vmXwF79X8/PxVPg26YPeSVCNZX1+/zGckKrBGV1fX9mAwONDc3Dw7Nze3nPNyDdXWniLnoLUv8l7pK3/VjUt633Dj576LlZeXd7Cy7+VA3mcC9oeL+xjqaSu9oV8wVhWrqakJcw5+9Qb/VecpfbT1YUkvkCPdxb6MSnr90ouxxfH/1f4Ha4m+UTBEeRoAAAAASUVORK5CYII="
class="uploadImg" class="uploadImg"
...@@ -315,12 +325,23 @@ export default { ...@@ -315,12 +325,23 @@ export default {
.el-form-item__content { .el-form-item__content {
display: flex; display: flex;
} }
.el-dialog_footer { .el-dialog__footer {
text-align: center; text-align: center;
} }
} }
} }
.is-recommend {
display: flex;
align-items: center;
&::v-deep {
.el-form-item__content {
margin: 0 !important;
}
}
}
.upload-files { .upload-files {
cursor: pointer; cursor: pointer;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment