<template>
<html lang="en">
<body>
<section id="section1">
<buylist />
</section>
<section id="section2">
<sellist />
</section>
</body>
</html>
</template>
<script>
import buylist from "./profilecomponent/buylist"
import sellist from "./profilecomponent/sellist"
export default {
data: () => ({
users: [
]
}),
components: {
buylist,
sellist
},
methods: {
checked () {
return true;
}
},
};
</script>
<style lang="css" scoped>
* {
text-align: center;
max-width: 100%;
min-height: 100%;
}
#section1 {
float: left;
width: 50%;
height: 600px;
margin-right: auto;
padding-right: auto;
border-style: groove;
background-color: #FFF;
}
#section2 {
float: right;
width: 50%;
height: 600px;
margin-right: auto;
padding-right: auto;
border-style: groove;
background-color: #FFF;
}
</style>