free-enter.vue 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <template>
  2. <view class="wrap">
  3. <image src="https://wx.fujinyangche.com/image/lecel2_free.jpg"></image>
  4. <navigator url="" class="notice_right" hover-class="none">免费入驻</navigator>
  5. <!-- <navigator v-if="isEnter == 0 && userInfo ==''" url="" class="notice_right" hover-class="none">免费入驻</navigator>
  6. <view v-if="isEnter == 1 && isAuthInfo == 0" class="notice_right" @tap="upload">去认证</view>
  7. <navigator v-if="isEnter == 1 && isAuthInfo == 1 && isPay == 0" url="" class="notice_right" hover-class="none">去认证</navigator>
  8. <view v-if="isEnter == 1 && isAuthInfo == 1 && isPay == 1 && isAuthStatus == 0"class="notice_right" @tap="audit">审核中</view>
  9. <navigator v-if="isEnter == 1 && isAuthInfo == 1 && isPay == 1 && isAuthStatus == 1" url="" class="notice_right" hover-class="none">未通过</navigator>
  10. <navigator v-if="isEnter == 1 && isAuthInfo == 1 && isPay == 1 && isAuthStatus == 2" url="" class="notice_right" hover-class="none">我的店铺</navigator> -->
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. data() {
  16. return {
  17. }
  18. },
  19. methods: {
  20. }
  21. }
  22. </script>
  23. <style scoped>
  24. page{
  25. width:100%;
  26. height:100%;
  27. }
  28. .wrap{
  29. width:100%;
  30. height:100%;
  31. /*background: url("https://wx.fujinyangche.com/nvrnetwork/images/lecel2_free.jpg") no-repeat;*/
  32. /*background-size: 100% 100%;*/
  33. position: relative;
  34. }
  35. .wrap image{
  36. display: block;
  37. width:100%;
  38. height:100%;
  39. }
  40. .masking{
  41. width:100%;
  42. height:100%;
  43. background:rgba(0,0,0,0.5);
  44. position: absolute;
  45. top:0;
  46. left:0;
  47. z-index:100;
  48. display: none;
  49. }
  50. .showMask{
  51. display: block;
  52. }
  53. .delete_wrap{
  54. width:600rpx;
  55. height:260rpx;
  56. background:rgba(255,255,255,1);
  57. border-radius:10rpx;
  58. position: fixed;
  59. top:50%;
  60. left:50%;
  61. transform: translate(-50%,-50%);
  62. }
  63. .wrap_top{
  64. font-size: 32rpx;
  65. color:#000000;
  66. font-weight: bold;
  67. text-align: center;
  68. height:152rpx;
  69. line-height: 152rpx;
  70. border-bottom:1px solid #F2F2F2;
  71. box-sizing: border-box;
  72. }
  73. .wrap_bom_lf{
  74. width:50%;
  75. border-right: 1px solid #f2f2f2;
  76. box-sizing: border-box;
  77. font-size: 32rpx;
  78. color:#222222;
  79. font-weight: bold;
  80. text-align: center;
  81. line-height: 106rpx;
  82. display: inline-block;
  83. }
  84. .confirm{
  85. width:50%;
  86. display: inline-block;
  87. text-align: center;
  88. line-height: 106rpx;
  89. font-size: 32rpx;
  90. color:#E77817;
  91. font-weight: bold;
  92. }
  93. .notice_right{
  94. width:330rpx;
  95. height:100rpx;
  96. background: #E77817;
  97. border-radius: 50rpx;
  98. line-height: 100rpx;
  99. text-align: center;
  100. font-size: 44rpx;
  101. font-weight: bold;
  102. color:#ffffff;
  103. float:left;
  104. position: absolute;
  105. left:50%;
  106. transform: translateX(-50%);
  107. bottom:450rpx;
  108. }
  109. </style>