123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
- <template>
- <section class="com-ctnr">
- <mt-header title="企业认证">
- <span @click='$router.go(-1);' slot="left">
- <
- </span>
- </mt-header>
- <div class="bigBox">
- <div class="navBox">
- <div class="nav-ctnr" :class="{active:$route.path == '/mine/company/firmInfo'}"><span>企业信息</span>
- <div class="nav-icon"></div>
- </div>
- <div class="nav-ctnr" :class="{active:$route.path == '/mine/company/legal'}"><span>法人信息</span>
- <div class="nav-icon"></div>
- </div>
- <div class="nav-ctnr" :class="{active:$route.path == '/mine/company/author'}"><span>授权人信息</span>
- <div class="nav-icon"></div>
- </div>
- <img src="../assets/img/toRight.png" />
- <img src="../assets/img/toRight.png" class="toImg"/>
- </div>
- <router-view></router-view>
- </div>
- </section>
- </template>
- <script type="text/javascript">
- import uploader from "./Uploader.vue"
- export default{
- data(){
- return {
- firm:{
- name:"",
- tel:"",
- address:"",
- permit:"",
- isrc:""
- }
- }
- },
- components:{
- uploader
- }
- }
- </script>
- <style scoped>
- .com-ctnr{
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- background: #60c0ff;
- overflow: hidden;
- .mint-header{
- height: 1.492537rem;
- font-size: 0.453092rem;
- background-color: #60c0ff;
- span{
- margin-left: 0.266525rem;
- }
- }
- .bigBox{
- height: 100%;
- .navBox{
- color: #fff;
- display: flex;
- justify-content: space-around;
- width: 8.795309rem;
- margin: 0 auto;
- position: relative;
- font-size: 0.373134rem;
- .nav-ctnr{
- .nav-icon:empty{
- display: none;
- width: 0.399787rem;
- height: 0.053305rem;
- margin: 10px auto 0;
- background-color: #fff;
- }
- }
- .active{
- .nav-icon:empty{
- display: block;
- }
- }
- img{
- position: absolute;
- width: .26666667rem;
- top: 0.166525rem;
- left: 2.73177rem;
- }
- img.toImg{
- left: 5.53333333rem;
- }
- }
- /*.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: -1.066098rem;
- 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;
- }
- }
-
- .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>
- .com-ctnr{
- }
- </style>
|