theluyuan/falvpingtai
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

页面

Browse Source
This commit is contained in:
pplokijuhyg 2019-11-27 14:48:03 +08:00
parent 8c3f5ae2ab
commit 70c25bd120
2 changed files with 130 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
src/Answer.vue Normal file
View File

@ -0,0 +1,124 @@
<template>
<div class="box">
<heads></heads>
<div class="bodys">
<div class="nav">
<p class="selection">为你推荐</p>
<p>全站热门</p>
<p>邀请回答(68)</p>
<p></p>
</div>
<div class="Recommend" v-show="false">
<input type="text" placeholder="添加擅长话题" />
</div>
<div class="Popular" v-show="false">
<div class="strip">
<p class>如何评价谷歌的优化GEMM论文The Indirect Convolution Algorithm？</p>
<p>3 个回答 · 255 人关注</p>
</div>
<div class="strip">
<p class>如何评价谷歌的优化GEMM论文The Indirect Convolution Algorithm？</p>
<p>3 个回答 · 255 人关注</p>
</div>
<div class="strip">
<p class>如何评价谷歌的优化GEMM论文The Indirect Convolution Algorithm？</p>
<p>3 个回答 · 255 人关注</p>
</div>
</div>
<div class="Invitation">
<div class="screen"></div>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.box {
padding-top: 90px;
.bodys {
width: 100%;
min-height: 360px;
background-color: #fff;
.nav {
display: flex;
padding: 18px 30px;
> p {
font-size: 30px;
color: #666;
padding: 22px 32px;
border-bottom: #ccc solid 1px;
}
> p:last-child {
width: 10px;
}
.selection {
border: #ccc solid 1px;
border-bottom: none;
}
}
.Recommend {
margin-top: 27px;
margin-left: 30px;
> input {
width: 510px;
height: 80px;
box-sizing: border-box;
font-size: 26px;
padding: 27px 21px;
border: #ccc solid 1px;
border-radius: 5px;
}
}
.Popular {
padding: 0 30px;
.strip {
padding: 26px 0 40px 0;
border-bottom: #ccc solid 1px;
// width: 100%;
> p {
font-size: 30px;
color: #465a33;
width: 604px;
}
> p:last-child {
font-size: 26px;
color: #999;
margin-top: 18px;
}
}
}
.Invitation {
padding: 0 30px;
.strip {
padding: 26px 0 40px 0;
border-bottom: #ccc solid 1px;
// width: 100%;
> p {
font-size: 30px;
color: #465a33;
width: 604px;
}
> p:last-child {
font-size: 26px;
color: #999;
margin-top: 18px;
}
}
.screen {
}
}
}
}
</style>
<script>
import heads from "./components/indexhead";
export default {
name: "Answer",
data() {
return {};
},
components: {
heads
}
};
</script>

6
src/router.js
View File

@ -11,6 +11,7 @@ import IndexArticleDetail from "./IndexArticleDetail"
import login from "./login" import login from "./login"
import loginpwd from "./loginpwd" import loginpwd from "./loginpwd"
import indexfind from "./IndexFind" import indexfind from "./IndexFind"
import Answer from "./Answer"
const router=new Router({ const router=new Router({
routes: [ routes: [
{ {
@ -41,6 +42,11 @@ const router=new Router({
path: '/PersonalHomepage', path: '/PersonalHomepage',
component: PersonalHomepage component: PersonalHomepage
} }
,
{
path: '/Answer',
component: Answer
}
] ]
}); });