样式

zhaoxiaoqiang

2022-08-30 464b17c3eb0631118548f3e54667758be5dedcb4

 src/components/upload/uploadIdCard.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2019-08-30 18:04:49
 * @LastEditors: zxq
 * @LastEditTime: 2022-08-05 15:04:19
 * @LastEditTime: 2022-08-05 15:27:35
 * @Description:
 -->
<template>
@@ -31,7 +31,7 @@
      :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" @click="handleMenuSelect">
                <div>拍照</div>
@@ -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;