123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <template>
- <div class="wrap-ctnr">
- <div class="info-ctnr">
- <mt-field label="法人姓名" placeholder="请输入法人姓名" v-model="legalInfo.name"></mt-field>
- <mt-field label="法人电话" placeholder="请输入法人电话" type="tel" v-model="legalInfo.tel"></mt-field>
- <mt-field label="身份证号" placeholder="请输入法人身份证号" v-model="legalInfo.num"></mt-field>
- <div class="wrap-box">
- <uploader title="身份证正面" v-model="imgurl1"></uploader>
- <uploader title="身份证背面" v-model="imgurl2"></uploader>
- </div>
- </div>
- <router-link to="/mine/company/author" class="btn-box">下一步</router-link>
- </div>
- </template>
- <script type="text/javascript">
- import uploader from "./Uploader.vue"
- export default{
- data(){
- return {
- imgurl1:'',
- imgurl2:'',
- legalInfo:{
- name:"",
- tel:"",
- num:""
- }
- }
- },
- components:{
- uploader
- }
- }
- </script>
- <style scoped>
- .wrap-ctnr{
- height: 100%;
- background: #E8EFF5;
- margin-top: 1.066098rem;
- .info-ctnr{
- background-color: #fff;
- width: 8.795309rem;
- margin: 0 auto;
- border-radius: 0.133262rem;
- position: relative;
- top: -0.666311rem;
- box-shadow: 0 0 20px 5px rgba(96, 192, 255, 0.35);
- overflow: hidden;
- .mint-field{
- height: 1.172708rem;
- line-height: 1.172708rem;
- border-bottom: 2px solid #e8eff5;
- }
- .wrap-box{
- display: flex;
- justify-content: space-around;
- }
- }
- /*按钮样式*/
- .btn-box{
- display: block;
- width: 8.795309rem;
- height: 1.066098rem;
- line-height: 1.066098rem;
- margin: 0 auto;
- border-radius: 40px;
- background-color: #60c0ff;
- color: #fff;
- font-size: 30px;
- box-shadow: 0 0 20px 5px rgba(96, 192, 255, 0.35);
- }
- }
- </style>
- <style>
- .wrap-ctnr{
- .mint-cell-title{
- margin-right: 20px;
- width: 1.865672rem;
- font-size: 28px;
- }
- }
- </style>
|