From 464b17c3eb0631118548f3e54667758be5dedcb4 Mon Sep 17 00:00:00 2001
From: zhaoxiaoqiang <287285524@qq.com>
Date: Tue, 30 Aug 2022 16:43:21 +0800
Subject: [PATCH] 样式
---
src/components/upload/uploadIdCard.vue | 19 +++++++------------
1 files changed, 7 insertions(+), 12 deletions(-)
diff --git a/src/components/upload/uploadIdCard.vue b/src/components/upload/uploadIdCard.vue
index 8de02da..b3e7c54 100644
--- a/src/components/upload/uploadIdCard.vue
+++ b/src/components/upload/uploadIdCard.vue
@@ -1,7 +1,7 @@
<!--
* @Date: 2019-08-30 18:04:49
* @LastEditors: zxq
- * @LastEditTime: 2022-08-05 15:02:07
+ * @LastEditTime: 2022-08-05 15:27:35
* @Description:
-->
<template>
@@ -31,9 +31,9 @@
:actions="nav"
@select="handleMenuSelect"
></van-action-sheet> -->
- <van-action-sheet v-model="selectModel" cancel-text="取消" title="上传身份证">
+ <van-action-sheet v-model="selectModel" cancel-text="取消">
<div class="content">
- <div class="upload_input">
+ <div class="upload_input" @click="handleMenuSelect">
<div>拍照</div>
<input
style="cursor:pointer;width:100%;opacity:0;"
@@ -45,7 +45,7 @@
capture="camera"
/>
</div>
- <div class="upload_input">
+ <div class="upload_input" @click="handleMenuSelect">
<div>本地相册上传</div>
<input
style="cursor:pointer;width:100%;opacity: 0;"
@@ -326,11 +326,6 @@
},
// 选择拍照或者相册选项
handleMenuSelect(index) {
- if (index === 0) {
- this.$refs.androidInputFileCapture.click();
- } else {
- this.$refs.androidInputFileImage.click();
- }
this.selectModel = false;
},
// 处理图片的删除
@@ -375,12 +370,12 @@
<style lang="less" >
.component-photo-upload {
.upload_input{
- font-size: 16px;
width: 100%;
- height: 45px;
+ font-size: 16px;
position: relative;
text-align: center;
- margin-top: 10px;
+ padding: 8px 0;
+ margin:10px 0;
input{
position: absolute;
left: 0;
--
Gitblit v1.8.0