t510599/2021
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Style] Reorganize Intro; desktop simple bg complete

Browse Source
This commit is contained in:
hyperbola
2021-01-20 16:57:06 +08:00
parent f4f6fa9ce4
commit 2d23cbfac3
5 changed files with 327 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/pages/CFP.vue
View File

@@ -6,23 +6,50 @@
<img class="ellipse" src="~@/assets/images/CFP/ellipse.svg" />
<img class="sitcon-apple" src="~@/assets/images/CFP/sitcon-apple.svg" />
</div>
<div class="cards">
<svg width="1000" height="950" class="first-bozzx first-card">
<rect
width="1000"
height="950"
style="fill: rgb(255, 255, 255)"
></rect>
</svg>
<div class="box-bluearea blue-bar">
<p>Descendents of The Abacus</p>
</div>
<div class="card2-wrapper">
<svg
width="1500"
height="1200"
class="second-box second-card"
>
<rect
width="1500"
height="1200"
style="fill: rgb(255, 255, 255)"
></rect>
</svg>
</div>
</div>
</div>
<div class="cfp-fg">
<!-- WTF = = -->
<CfpHeader id="cfp-header" />
<Intro id="cfp-intro" />
</div>
<!-- WTF = = -->
<CfpHeader id="cfp-header" />
<Intro id="cfp-intro"></Intro>
</div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import CfpHeader from '@/components/CFP/Header.vue';
import Intro from '@/components/CFP/Intro.vue';
import { Component, Prop, Vue } from "vue-property-decorator";
import CfpHeader from "@/components/CFP/Header.vue";
import Intro from "@/components/CFP/Intro.vue";
@Component({
components: {
CfpHeader,
Intro
}
Intro,
},
})
export default class CFP extends Vue {
@Prop() private msg!: string;