gcb_zc/pages/me/identity.vue

<template>
  <div class="page_identity">
    <tit :tname="name"/>
    <!-- 填写表单 -->
    <form action="" class="" >
      <!-- 基本资料 -->
      <div class="info_basic ">
        <div class="item_form clear_both">
          <label for="" class="">姓名</label>
          <div class="form_input">
            <input type="text" placeholder="请输入姓名">
          </div>
        </div>

        <div class="item_form clear_both">
          <label for="" class="">手机号</label>
          <div class="form_input">
            <input type="tel" placeholder="请输入手机号">
          </div>
        </div>

        <div class="item_form clear_both">
          <label for="" class="">公司</label>
          <div class="form_input">
            <input type="text" placeholder="请输入公司名">
          </div>
        </div>

        <div class="item_form clear_both">
          <label for="" class="">职位</label>
          <div class="form_input">
            <input type="text" placeholder="请输入职位">
          </div>
        </div>
      </div>
      <!-- end：基本资料 -->

      <!-- 上传名片 -->
      <div class="img_upload">
        <div class="upload_box">
          <input type="file" accept="image/*" id="camera" capture="camera">
        </div>
         <p class="require">请上传证明材料<br><span>请保证能材料清晰，能清晰识别</span></p>
        
      </div>
       <p class="notice">身份认证后能获得发布资源权限，以及优质合作。</p>
      <!-- end：上传名片 -->

     <but/>
    </form>
    <!-- end:填写表单 -->
    
    
  </div>

</template>


<script>
import '~/assets/new.scss' // 引入
import '~/static/css/style.css' // 引入
import but from '~/components/btnSubmit.vue'
import tit from '~/components/titles.vue'

export default {
  data(){
    return{
      name:'实名认证'
    }
  },
  components: {
      but,tit
    },
}
</script>

<style>
input::-webkit-input-placeholder{
    color:#a9a9a9;
}
input::-moz-placeholder{   
  /* Mozilla Firefox 19+ */
    color:#a9a9a9;
}
input:-moz-placeholder{   
   /* Mozilla Firefox 4 to 18 */
    color:#a9a9a9;
}
input:-ms-input-placeholder{  
  /* Internet Explorer 10-11 */ 
  color:#a9a9a9;}
</style>