makerActvityApplyMain.vue 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <template>
  2. <div class="core_dialogue">
  3. <makerActvityApply :data="makerActvityApply" :next="next" v-show="status==0" />
  4. <makerActvityApply2 :data="makerActvityApply2" :next="next" :back="back" v-show="status==1" />
  5. </div>
  6. </template>
  7. <script>
  8. import makerActvityApply from './makerActvityApply.vue';
  9. import makerActvityApply2 from './makerActvityApply2.vue';
  10. export default {
  11. components:{makerActvityApply,makerActvityApply2},
  12. data() {
  13. return {
  14. status:0,
  15. makerActvityApply:{
  16. select:{
  17. projectName:'疯狂星期四',
  18. person:'袁一鸣',
  19. tel:'16625153432',
  20. data:'2023-11-12',
  21. fund:'300000',
  22. value:'肯德基'
  23. },
  24. options:[
  25. {
  26. value: '选项1',
  27. label: '黄金糕'
  28. }
  29. ]
  30. },
  31. makerActvityApply2:{
  32. }
  33. }
  34. },
  35. methods:{
  36. next(){
  37. if(this.status>=1) return
  38. this.status++
  39. },
  40. back(){
  41. if(this.status==0) return
  42. this.status--
  43. },
  44. submit(){
  45. }
  46. }
  47. }
  48. </script>
  49. <style lang="less">
  50. .back{ //返回按钮
  51. padding-top: 15px;
  52. color: #000;
  53. cursor: pointer;
  54. }
  55. .pAmid{
  56. position: absolute;
  57. top: 20px;
  58. width: 100%;
  59. display: flex;
  60. justify-content: center;
  61. background: #e6eaf0;
  62. box-sizing: border-box;
  63. padding-bottom: 30px;
  64. .left{
  65. width: 10%;
  66. height: 800px;
  67. background: #32455b;
  68. display: flex;
  69. justify-content: center;
  70. margin-right: 2%;
  71. .leftTits{
  72. display: flex;
  73. flex-direction: column;
  74. margin: 50px 0 0 15px;
  75. span{
  76. color: #fff;
  77. margin-bottom: 30px;
  78. }
  79. }
  80. .sx{
  81. margin-top: 50px;
  82. width: 1px;
  83. height: 400px;
  84. background: #84888d;
  85. .qiu{
  86. width: 10px;
  87. height: 10px;
  88. background: #fff;
  89. border-radius: 50px;
  90. margin-left: -4px;
  91. }
  92. }
  93. }
  94. .right{
  95. width: 83%;
  96. background: #fff;
  97. box-sizing: border-box;
  98. padding: 20px 20px;
  99. margin-bottom: 30px;
  100. .pAHeader{
  101. width: 85%;
  102. display: flex;
  103. justify-content:space-between;
  104. .pAHeader1{
  105. width: 200px;
  106. font-weight: 600;
  107. font-size: 22px;
  108. flex-shrink: 0;
  109. }
  110. .pAHeader2{
  111. padding-top: 15px;
  112. color: #000;
  113. cursor: pointer;
  114. }
  115. }
  116. }
  117. }
  118. </style>