53 lines
1.0 KiB
Vue
53 lines
1.0 KiB
Vue
<template>
|
|
<div>
|
|
<indexreporttop left="不友善行为"></indexreporttop>
|
|
<indexreporttype left="骚扰、辱骂、歧视等"></indexreporttype>
|
|
<indexreporttype left="其他不友善行为"></indexreporttype>
|
|
<div class="btns">
|
|
<button class="btn2">举报</button>
|
|
<button class="btn1">举报</button>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import indexreporttop from "./components/indexreporttop";
|
|
import indexreporttype from "./components/indexreporttype";
|
|
export default {
|
|
components: {
|
|
indexreporttop,
|
|
indexreporttype
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
body {
|
|
background-color: white;
|
|
}
|
|
.btns{
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin-top: 55px;
|
|
.btn1{
|
|
width:330px;
|
|
height:62px;
|
|
background:rgba(107,145,71,1);
|
|
border-radius:4px;
|
|
font-size: 32px;
|
|
color: white;
|
|
line-height: 62px;
|
|
text-align: center;
|
|
}
|
|
.btn2{
|
|
width:330px;
|
|
height:62px;
|
|
border:2px solid rgba(149,153,143,1);
|
|
background-color: white;
|
|
opacity:0.55;
|
|
border-radius:4px;
|
|
}
|
|
}
|
|
|
|
</style> |