123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- <template>
- <div class="core_dialogue">
- <makerActvityApply :data="makerActvityApply" :next="next" v-show="status==0" />
- <makerActvityApply2 :data="makerActvityApply2" :next="next" :back="back" v-show="status==1" />
- </div>
- </template>
- <script>
- import makerActvityApply from './makerActvityApply.vue';
- import makerActvityApply2 from './makerActvityApply2.vue';
- export default {
- components:{makerActvityApply,makerActvityApply2},
- data() {
- return {
- status:0,
- makerActvityApply:{
- select:{
- projectName:'疯狂星期四',
- person:'袁一鸣',
- tel:'16625153432',
- data:'2023-11-12',
- fund:'300000',
- value:'肯德基'
- },
- options:[
- {
- value: '选项1',
- label: '黄金糕'
- }
- ]
- },
- makerActvityApply2:{
- }
- }
- },
- methods:{
- next(){
- if(this.status>=1) return
- this.status++
- },
- back(){
- if(this.status==0) return
- this.status--
- },
- submit(){
- }
- }
- }
- </script>
- <style lang="less">
- .back{ //返回按钮
- padding-top: 15px;
- color: #000;
- cursor: pointer;
- }
- .pAmid{
- position: absolute;
- top: 20px;
- width: 100%;
- display: flex;
- justify-content: center;
- background: #e6eaf0;
- box-sizing: border-box;
- padding-bottom: 30px;
- .left{
- width: 10%;
- height: 800px;
- background: #32455b;
- display: flex;
- justify-content: center;
- margin-right: 2%;
- .leftTits{
- display: flex;
- flex-direction: column;
- margin: 50px 0 0 15px;
- span{
- color: #fff;
- margin-bottom: 30px;
- }
- }
- .sx{
- margin-top: 50px;
- width: 1px;
- height: 400px;
- background: #84888d;
- .qiu{
- width: 10px;
- height: 10px;
- background: #fff;
- border-radius: 50px;
- margin-left: -4px;
- }
- }
- }
- .right{
- width: 83%;
- background: #fff;
- box-sizing: border-box;
- padding: 20px 20px;
- margin-bottom: 30px;
- .pAHeader{
- width: 85%;
- display: flex;
- justify-content:space-between;
- .pAHeader1{
- width: 200px;
- font-weight: 600;
- font-size: 22px;
- flex-shrink: 0;
- }
- .pAHeader2{
- padding-top: 15px;
- color: #000;
- cursor: pointer;
- }
- }
- }
- }
-
- </style>
|