Skip to content

P
professional_question_font_pro
Commit 91b185a8 by LiuZuwang
Options

yyds

parent a3f1b22a
Showing with 946 additions and 122 deletions
question/src/api/http.js
...@@ -42,7 +42,7 @@ return response.data; ...@@ -42,7 +42,7 @@ return response.data;
} }
else{ else{
if(!window.navigator.onLine){ if(!window.navigator.onLine){
return ; return;
} }
return Promise.reject(err); return Promise.reject(err);
} }
......
question/src/api/index.js
...@@ -4,7 +4,11 @@ function getallCatagory(){ ...@@ -4,7 +4,11 @@ function getallCatagory(){
var url = ""; var url = "";
return axios.get(url); return axios.get(url);
} }
function getLikequestion(str){
// console.log("axios汇报",axios.get("s",{data:{like_str:str}}))
return axios.post("s",{like_str:str})
}
function SearchCatagory(aid) function SearchCatagory(aid)
{ {
var url = "catagory"+"\\"+aid; var url = "catagory"+"\\"+aid;
...@@ -27,5 +31,6 @@ export default{ ...@@ -27,5 +31,6 @@ export default{
getallCatagory, getallCatagory,
SearchCatagory, SearchCatagory,
SearchcQuestion, SearchcQuestion,
SearchQuestion SearchQuestion,
getLikequestion
} }
\ No newline at end of file
question/src/api/see.js
...@@ -5,10 +5,10 @@ function getallQuestion(){ ...@@ -5,10 +5,10 @@ function getallQuestion(){
return axios.get(url); return axios.get(url);
} }
function addQuestion() function addQuestion(json)
{ {
var url = "question_admin"+"\\"+add; //"//"与"\"意义相同 var url = "question_admin"+"\\"+add; //"//"与"\"意义相同
return axios.get(url); return axios.get(url,json);
} }
function SearchcQuestion(aid,aic){ function SearchcQuestion(aid,aic){
var url = "catagory"+"/"+aid+`/`+aic; var url = "catagory"+"/"+aid+`/`+aic;
......
question/src/components/Ctable.vue
...@@ -2,12 +2,11 @@ ...@@ -2,12 +2,11 @@
<keep-alive> <keep-alive>
<div class="sort"> <div class="sort">
<span @click="gogo()"> <span @click="gogo()">
hahahaha
</span> </span>
<ul v-for="(item,index1) in frClass" :key="index1"> <ul v-for="(item,index1) in frClass" :key="index1">
{{item.catagory_name}} {{item.catagory_name}}
<li v-for="(itemson,index2) in item.que_list" :key="index2" @click="seeQuestion(item.catagory_id,itemson.catagory_id)">{{itemson.catagory_name}}</li> <li v-for="(itemson,index2) in item.que_list" :key="index2" @click="seeQuestion(item.catagory_id,itemson.catagory_id)">{{itemson.catagory_name}}</li>
<li><a> 更多</a></li> <li><a> </a></li>
</ul> </ul>
</div> </div>
...@@ -19,55 +18,17 @@ export default { ...@@ -19,55 +18,17 @@ export default {
name:'Ctable', name:'Ctable',
data(){ data(){
return{ return{
frClass:[], frClass:[]
// frClass:[
// {
// class_name:'财经类',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// },
// {
// class_name:'资格类',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// },
// {
// class_name:'计算机',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// },
// {
// class_name:'财经类',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// },
// {
// class_name:'招录类',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// },
// {
// class_name:'医学类',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// }
// ]
} }
}, },
created(){ created(){
var m = this.$api.index.getallCatagory(); var m = this.$api.index.getallCatagory();
let that =this; let that =this;
m.then(ok=>{ m.then(ok=>{
that.frClass = ok; that.frClass = ok;
//console.log(frClass)
}) })
console.log(m); //console.log(m);
// this.frClass = m; // this.frClass = m;
//console.log(m); //console.log(m);
}, },
......
question/src/components/daohang.vue
<template> <template>
<div class="search"> <div class="index-header">
<h1 class="home-center"> <h1 class="home-center">
云芯问答库 云芯问答库
</h1> </h1>
<a class="search_text">考研资料·注册会计师·研究生考试·会计初级·职称英语·论文撰写</a> <a class="search_text">考研资料·注册会计师·研究生考试·会计初级·职称英语·论文撰写</a>
<search-bar class="search_center"></search-bar> <search-bar class="search_center" @input="go"></search-bar>
</div> </div>
</template> </template>
...@@ -14,6 +14,33 @@ import searchBar from './search-bar.vue' ...@@ -14,6 +14,33 @@ import searchBar from './search-bar.vue'
export default { export default {
name:'daohang', name:'daohang',
components: { searchBar }, components: { searchBar },
data(){
return{
inputa:"ahaha"
}
},
methods:{
getSonMsgFn(data){
// console.log(data)
alert('ni');
},
go(see){
this.inputa = see
//console.log(this.inputa)
// console.log(see)
}
},
watch:{
inputa:function(newinputa){
//console.log(newinputa)
//console.log("ok")
this.$emit("input",newinputa)
}
},
// created(){
// this.$on("input",this.getSonMsgFn)
// }
} }
</script> </script>
...@@ -92,7 +119,7 @@ h1{ ...@@ -92,7 +119,7 @@ h1{
text-align: center; text-align: center;
} }
.search{ .index-header{
padding: 0 100px 0 100px; padding: 0 100px 0 100px;
text-align: center; text-align: center;
} }
......
question/src/components/search-bar.vue
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<el-option label="学历类" value="5"></el-option> <el-option label="学历类" value="5"></el-option>
<el-option label="医学类" value="6"></el-option> <el-option label="医学类" value="6"></el-option>
</el-select> </el-select>
<el-button slot="append" icon="el-icon-search">搜索</el-button> <el-button slot="append" icon="el-icon-search" @click="toDaohang()">搜索</el-button>
</el-input> </el-input>
</div> </div>
</div> </div>
...@@ -29,6 +29,11 @@ export default { ...@@ -29,6 +29,11 @@ export default {
{ {
this.$router.go(-1) this.$router.go(-1)
this.$router.push(`catagory/${id1}/${id2}`) this.$router.push(`catagory/${id1}/${id2}`)
},
toDaohang(){
//console.log("aaa")
this.$emit("input",this.input)
// console.log(this.input)
} }
} }
} }
......
question/src/components/sort-bar.vue
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
text-color="#f7f7f7" text-color="#f7f7f7"
active-text-color="#fff"> active-text-color="#fff">
<el-menu-item index="1"><p @click="gogo()">返回首页</p></el-menu-item> <el-menu-item index="1"><p @click="gogo()">返回首页</p></el-menu-item>
<el-menu-item index="2" ><p @click="gogo(2,16)">财经类</p></el-menu-item> <el-menu-item index="2" ><p @click="gogo(10,16)">财经类</p></el-menu-item>
<el-menu-item index="3" ><p @click="gogo(11,21)">资格类</p></el-menu-item> <el-menu-item index="3" ><p @click="gogo(11,21)">资格类</p></el-menu-item>
<el-menu-item index="4" ><p @click="gogo(12,30)">计算机类</p></el-menu-item> <el-menu-item index="4" ><p @click="gogo(12,30)">计算机类</p></el-menu-item>
<el-menu-item index="5" ><p @click="gogo(13,35)">招录类</p></el-menu-item> <el-menu-item index="5" ><p @click="gogo(13,35)">招录类</p></el-menu-item>
......
question/src/router/index.js
...@@ -52,7 +52,11 @@ const routes = [ ...@@ -52,7 +52,11 @@ const routes = [
path:'/admin/manage', path:'/admin/manage',
component:()=>import("../views/manage.vue") component:()=>import("../views/manage.vue")
}, },
{
name:"cha_zhao",
path:'/s', // path:'/s',
component:()=>import("../views/question copy.vue")
},
] ]
......
question/src/views/Home.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="header01">欢迎使用云芯知识检索平台</div> <div class="header01">欢迎使用云芯知识检索平台</div>
<div class="header02" @click="go()">已收录：1234条问答</div> <div class="header02" @click="go()">已收录：1234条问答</div>
</div> </div>
<daohang></daohang> <daohang @input="getinput"></daohang>
<test-1></test-1> <test-1></test-1>
<div class="bottom0 home-center">Copyright © 2021 山西云芯新一代信息技术研究院</div> <div class="bottom0 home-center">Copyright © 2021 山西云芯新一代信息技术研究院</div>
</div> </div>
...@@ -28,7 +28,8 @@ export default { ...@@ -28,7 +28,8 @@ export default {
}, },
data(){ data(){
return { return {
catagory:"" catagory:"",
input:""
} }
}, },
async created(){ async created(){
...@@ -40,6 +41,15 @@ export default { ...@@ -40,6 +41,15 @@ export default {
// this.catagory= await this.$api.index.getallCatagory(); // this.catagory= await this.$api.index.getallCatagory();
console.log(1); console.log(1);
//console.log(this.catagory); //console.log(this.catagory);
},
getinput(inputt){
// console.log("hahahaha")
// console.log(inputt)
this.input = inputt;
this.$router.push({name:"cha_zhao",params:{keyword:this.input}}) //* path与params不能共存
//* 用post传值
//*跳转页面写法
} }
} }
} }
......
question/src/views/details.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="background"> <div class="background">
<div class="header center" > <div class="header center" >
<div class="title">云芯问答库</div> <div class="title">云芯问答库</div>
<search-bar class="search"></search-bar>
<div style="clear:both"></div> <div style="clear:both"></div>
</div> </div>
<div class="sort-bar"> <div class="sort-bar">
...@@ -168,19 +168,14 @@ ...@@ -168,19 +168,14 @@
<div class="line"></div> <div class="line"></div>
<div class="related-list"> <div class="related-list">
<ul class="left-list"> <ul class="left-list">
<li class="list-text">会计初级</li> <!-- 改 -->
<li class="list-text">会计初级</li> <li class="list-text" v-for="(item,index) in frClass[aid-10].que_list" :key="index" @click="seeQuestion(aid,item.catagory_id)" ><a href="">{{item.catagory_name}}</a></li>
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
</ul>
<ul class="right-list">
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
</ul> </ul>
<!-- <ul class="right-list">
</ul> -->
</div> </div>
</div> </div>
<div class="rightFoot-tab"> <!-- <div class="rightFoot-tab">
<div class="related-title"> <div class="related-title">
<div class="little-block"></div> <div class="little-block"></div>
<div class="related-title-text">相关分类</div> <div class="related-title-text">相关分类</div>
...@@ -195,7 +190,7 @@ ...@@ -195,7 +190,7 @@
</ul> </ul>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -222,23 +217,48 @@ export default { ...@@ -222,23 +217,48 @@ export default {
liste:[], liste:[],
aid:'', aid:'',
bid:'', bid:'',
cid:'' cid:'',
// 改
frClass:[],
daClass:[]
} }
}, },
created(){ created(){
var aid = this.$route.params.aid; var aid = this.$route.params.aid;
this.aid = aid; this.aid = aid;
var cid = this.$route.params.cid; var cid = this.$route.params.cid;
this.cid = cid; this.cid = cid;
var bid = this.$route.params.bid; var bid = this.$route.params.bid;
var a = this.$api.index.SearchQuestion(aid,cid,bid); var a = this.$api.index.SearchQuestion(aid,cid,bid);
//var a = letitgo(aid,cid,bid) //var a = letitgo(aid,cid,bid)
var m = this.$api.index.SearchcQuestion(this.$route.params.aid,this.$route.params.cid); var m = this.$api.index.SearchcQuestion(this.$route.params.aid,this.$route.params.cid);
//console.log(this.question[0]); //console.log(this.question[0]);
m.then(ok=>{ // console.log(aid)
this.liste = ok // console.log(cid)
}) // console.log(bid)
//改
var c = this.$api.index.SearchCatagory(aid);
let that1 =this;
c.then(ok=>{
that1.daClass = ok;
console.log(that1.daClass)
})
var d = this.$api.index.getallCatagory();
let that2 =this;
d.then(ok=>{
that2.frClass = ok;
console.log(that2.frClass[aid-10])
})
//
m.then(ok=>{
this.liste = ok
})
a.then(ok=>{ a.then(ok=>{
this.question = ok.question; this.question = ok.question;
...@@ -251,9 +271,7 @@ export default { ...@@ -251,9 +271,7 @@ export default {
}, },
methods:{ methods:{
goto(bid){ goto(bid){
this.bid = bid; this.bid = bid;
var a = this.$api.index.SearchQuestion(this.aid,this.cid,this.bid); var a = this.$api.index.SearchQuestion(this.aid,this.cid,this.bid);
var m = this.$api.index.SearchcQuestion(this.aid,this.cid); var m = this.$api.index.SearchcQuestion(this.aid,this.cid);
//console.log(this.question[0]); //console.log(this.question[0]);
...@@ -268,7 +286,10 @@ export default { ...@@ -268,7 +286,10 @@ export default {
}) })
}, },
//改
seeQuestion(aid,cid){
this.$router.push({path:`/catagory/${aid}/${cid}`})
}
}, },
letitgo(aid,cid,bid){ letitgo(aid,cid,bid){
return this.$api.index.SearchQuestion(aid,cid,bid); return this.$api.index.SearchQuestion(aid,cid,bid);
...@@ -389,6 +410,7 @@ export default { ...@@ -389,6 +410,7 @@ export default {
font-size: 12px; font-size: 12px;
color:#484dc3; color:#484dc3;
display: inline-block; display: inline-block;
cursor:pointer;
} }
.massage{ .massage{
height:16px; height:16px;
...@@ -420,8 +442,13 @@ export default { ...@@ -420,8 +442,13 @@ export default {
width:240px; width:240px;
margin:17px 24px 0px 24px; margin:17px 24px 0px 24px;
} }
.related-list li{
width:80px;
display:inline-block;
margin:10px 40px 0px 0px;
}
.left-list{ .left-list{
float:left; width:240px
} }
.right-list{ .right-list{
...@@ -433,4 +460,16 @@ export default { ...@@ -433,4 +460,16 @@ export default {
font-size: 14px; font-size: 14px;
color:#333333; color:#333333;
} }
.list-text a{
width: 56px;
height: 14px;
font-family: Source Han Sans CN;
color: #333333;
font-size: 14px;
font-weight: normal;
}
.list-text a:hover{
background-color: #484dc3;
color:#ffffff
}
</style> </style>
\ No newline at end of file
question/src/views/question copy.vue 0 → 100644
<template>
<div class="da"><div class="header">
<div class="header center" >
<div class="title">云芯问答库</div>
<div style="clear:both"></div>
</div>
<div class="sort-bar">
<sort-bar ></sort-bar>
</div>
<div class="header01">
<div class="links-1128">
<!-- <div class="liarbry"><h6>位置：{{title1[0].catagory_name}} > {{title2[0].catagory_name}}（1234条）</h6></div> 1111111111111-->
<div class="white">
<br>
<br>
<div v-for="(item,index1) in question.slice(0,4)" :key="index1">
<div class="related-ask">
<p class="related-ask-text">[单选]{{item.question_Title}}</p>
<div class="massage">
<p class="include-time">收录于：2021-07-22 17:36</p>
<p class="chack-ans" @click="question_Detail(item.catagory_id,item.question_id)">查看答案</p>
<!-- <p class="chack-ans" @click="question_Detail(aid,cid,item.question_id)">查看答案</p> -->
</div>
</div>
<div class="line"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import SearchBar from '../components/search-bar.vue'
import SortBar from '../components/sort-bar.vue'
export default {
name: 'Home',
components: {
SearchBar,
SortBar
},
data(){
return {
question:[],
aid:"",
cid:"",
que_catagory:"",
}
},
created(){
var m = this.$api.index.getLikequestion(this.$route.params.keyword)
// console.log("params.keyword是啥",this.$route.params.keyword)
var _that = this
var t ;
m.then(ok=>{
_that.question = ok
t=JSON.parse(JSON.stringify(ok[0]))//*json.parse解析的作用
console.log("shiyan1",t.str)
})
console.log("t是啥",t==null)
// var _m = this.$api.index.getLikequestion(this.question[0].str)
// console.log("str")
// console.log("str",this.question[0].str)
// var _that = this
// _m.then(ok=>{
// _that.question = ok
// console.log("实验3",ok)
// })
},
methods:{
// async see(){
// var mm = await this.$api.index.getLikequestion(this.$route.params.keyword)
// return mm
// },
// async father_get(id){
// m1 =await this.$api.index.SearchCatagory(id)
// console.log(m1)
// return m1.father_cid
// },
question_Detail(cid,bid){
// this.cid = this.$route.params.cid;
console.log(cid,bid)
var m= this.$api.index.SearchCatagory(cid)
m.then(ok=>{
this.que_catagory = ok;
console.log(ok)
})
var aid = this.que_catagory[0].father_cid
this.$router.push(`/catagory/${aid}/${cid}/${bid}`);
// this.aid = this.$route.params.aid;
// this.cid = this.$route.params.cid;
//console.log(this.question.params);
// var d = this.$api.index.SearchcQuestion(this.$route.params.aid,this.$route.params.cid);
// d.then(ok=>{
// this.question = ok
// })
// console.log(m);
}
}
}
</script>
<style scoped long='scss'>
.related-ask{
width:744px;
margin:0px 24px;
}
.related-ask-text{
font-size:16px;
margin:0px 0px 16px 0px;
}
.include-time{
font-size:12px;
color: #999999;
display:inline-block;
margin:0px 540px 0px 0px;
}
.chack-ans{
font-size: 12px;
color:#484dc3;
display: inline-block;
cursor:pointer;
}
.massage{
height:16px;
line-height: 16px;
margin:19px 0px 22px 0px;
}
.sort-bar{
margin-top:48px;
background-color: #484dc3;
padding-left: 408px;
padding-right: 408px;
}
.line{
border: 1px solid rgba(72, 77, 195, 0.12);
margin: 54px 27px;
}
.center{
width: 1200px;
margin: 0 auto;
}
.title{
width: 200px;
height: 53px;
font-family: 江城正君体;
font-size: 40px;
font-weight: normal;
font-stretch: normal;
line-height: 53px;
letter-spacing: 0px;
color: #484dc3;
display: inline-block;
}
.search{
float: right;
height: 48px;
}
.sort-bar{
margin-top:48px;
background-color: #484dc3;
}
.header{
padding-top:30px;
padding-bottom:30px;
height: 26px;
line-height: 24px;
}
.search{
float: right;
height: 48px;
}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer {
margin: 0;
padding: 0
}
a {
text-decoration: none;
}
body {
font-size: 14px;
font-family: Source Han Serif CN;
-webkit-text-size-adjust: none;
}
h1,h5,h6 {
font-size: 100%;
margin: 0;
}
form {
display: inline
}
ul,ol {
list-style: none
}
img {
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
button,select,textarea {
font-size: 100%;
vertical-align: middle;
outline: none;
}
textarea {
resize: none
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
-moz-appearance: button
}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {
color: transparent
}
button::-moz-focus-inner,input::-moz-focus-inner {
padding: 0;
border: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
.fl {
float: left;
}
.fr {
float: right;
}
.hide {
display: none;
}
.show {
display: block;
}
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.break {
word-break: break-all;
word-wrap: break-word
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: "\200B";
display: block;
height: 0;
clear: both;
}
header,footer,article,section,menu,hgroup {
display: block;
clear: all;
}
/* 常用宽度 */
.links-1128 {
width: 1128px;
margin: 0 auto;
position: relative;
}
.mt-24 {
margin-top: 24px;
}
.mt-80 {
margin-top: 80px;
}
.mt-10 {
margin-top: 10px;
}
*{
padding: 0;
margin: 0;
}
.da{
width: 100%;
height: 1080px;
background-color: #f7f7f7;
position: relative;
}
.da .header .box{
position: absolute;
top: 48px;
left: 496px;
}
.da .box h3{
width: 200px;
height: 53px;
font-family: 江城正君体;
color: #484dc3;
font-size: 40px;
font-weight: normal;
padding-top: 44px;
padding-left: 30px;
display: inline-block;
}
.header h2{
width: 200px;
height: 53px;
font-size: 40px;
font-weight: normal;
font-family: 江城正君体;
padding-top: 44px;
color: #484DC3;
margin: 0 auto;
}
.lins-wrap{
width: 100%;
height: 48px;
background-color: #484dc3;
margin-top: 47px;
}
.links-1128 .nav-fr{
line-height: 48px;
}
.links-1128 .nav-fr li{
float: left;
}
.links-1128 .nav-fr li a{
width: 64px;
height: 16px;
font-size: 16px;
margin: 0 24px;
color: #ffffff;
}
.links-1128 .nav-fr li a:hover{
background-color: #999999;
}
/* 导航已结束 */
/* 中间小文字 */
.links-1128 .word{
position: absolute;
top: 20px;
}
.links-1128 .liarbry{
width: 250px;
height: 14px;
padding-left: 24px;
color: #333333;
font-size: 14px;
font-family: Source Han Sans CN;
position: absolute;
top: 17px;
}
/* 下方三大块 */
.links-1128 .white{
width: 792px;
height: 768px;
position: absolute;
/* top: 96px; */
top:60px;
left: 24px;
background-color: #ffffff;
padding-left: 24px;
}
.links-1128 .white .one{
width: 744px;
height: 72px;
padding-left: 24px;
margin-top: 24px;
overflow: hidden;
}
.links-1128 .white .one .single{
width: 390px;
height: 17px;
font-size: 16px;
font-family: Source Han Sans CN;
color: #333333;
font-weight: normal;
}
.links-1128 .white .answer{
position: relative;
}
.links-1128 .white .answer h4{
float: left;
padding-top: 19px;
}
.links-1128 .white .answer .answer-01{
width: 180px;
height: 12px;
font-family: Source Han Sans CN;
color: #999999;
font-weight: normal;
font-size: 12px;
}
.links-1128 .white .answer .answer-02{
position: absolute;
left: 698px;
width: 48px;
height: 12px;
color: #484dc3;
font-size: 12px;
font-family: Source Han Sans CN;
}
.links-1128 .white .one .nav-fr{
border: 4px dashed #000;
float: left;
overflow: hidden;
position: absolute;
top: 254px;
left: 48px;
width: 744px;
}
.links-1128 .white .one01{
width: 744px;
height: 126px;
padding-left: 24px;
margin-top: 30px;
overflow: hidden;
}
.links-1128 .white .one01 .single01{
width: 744px;
height: 70px;
font-size: 16px;
font-family: Source Han Sans CN;
color: #333333;
font-weight: normal;
}
.links-1128 .white .answer10{
position: relative;
}
.links-1128 .white .answer10 h4{
float: left;
padding-top: 19px;
}
.links-1128 .white .answer10 .answer-011{
width: 180px;
height: 12px;
font-family: Source Han Sans CN;
color: #999999;
font-weight: normal;
font-size: 12px;
}
.links-1128 .white .answer10 .answer-022{
position: absolute;
left: 698px;
width: 48px;
height: 12px;
color: #484dc3;
font-size: 12px;
font-family: Source Han Sans CN;
}
.links-1128 .white .one01 .nav-fr-1{
border: 1px dashed #000;
width: 744px;
float: left;
overflow: hidden;
position: absolute;
top: 254px;
left: 48px;
}
.links-1128 .white .one02{
width: 744px;
height: 126px;
padding-left: 24px;
margin-top: 30px;
overflow: hidden;
}
.links-1128 .white .one02 .single010{
width: 455px;
height: 17px;
font-size: 16px;
font-family: Source Han Sans CN;
color: #333333;
font-weight: normal;
}
.links-1128 .white .answer100{
position: relative;
}
.links-1128 .white .answer100 h4{
float: left;
padding-top: 19px;
}
.links-1128 .white .answer100 .answer-0111{
width: 180px;
height: 12px;
font-family: Source Han Sans CN;
color: #999999;
font-weight: normal;
font-size: 12px;
}
.links-1128 .white .answer100 .answer-0222{
position: absolute;
left: 698px;
width: 48px;
height: 12px;
color: #484dc3;
font-size: 12px;
font-family: Source Han Sans CN;
}
.links-1128 .white .one02 .nav-fr-2{
border: 1px dashed #000;
width: 744px;
float: left;
overflow: hidden;
position: absolute;
top: 361px;
left: 48px;
}
.links-1128{
position: relative;
}
.links-1128 .white01{
/* width: 288px; */
width: 288px;
height: 288px;
background-color: #ffffff;
position: absolute;
left: 840px;
top: 0px;
float: left;
}
.links-1128 .white01 .accounting{
width: 60px;
height: 150px;
padding-top: 8px;
padding-left: 30px;
display: inline-block;
}
.links-1128 .white01 .accounting li{
margin: 10px 0px;
float: right;
}
.links-1128 .white01 .accounting a{
width: 56px;
height: 14px;
font-family: Source Han Sans CN;
color: #333333;
font-size: 14px;
font-weight: normal;
}
.links-1128 .white01 .accounting a:hover{
background-color: blue;
}
.links-1128 .white01 .accounting01{
width: 70px;
height: 150px;
display: inline-block;
padding-left: 80px;
}
.links-1128 .white01 .accounting01 li{
margin: 10px 0px;
float: left;
}
.links-1128 .white01 .accounting01 li a{
width: 70px;
height: 14px;
font-family: Source Han Sans CN;
color: #333333;
font-size: 14px;
font-weight: normal;
}
.links-1128 .white01 .accounting01 li a:hover {
background-color: bisque;
}
.links-1128 .white01 .vioiet .vioiet01 {
width: 4px;
height: 14px;
background-color: #484DC3;
margin-top: 24px;
float: left;
}
.links-1128 .white01 .words h4{
padding-left: 20px;
padding-top: 5px;
width: 56px;
height: 14px;
font-size: 14px;
font-family: Source Han Sans CN;
}
.positionJudge{
padding-top:15px;
}
.links-1128 .white01 .solid{
width: 240px;
height: 1px;
background-color: #000000;
margin: 0 auto;
margin-top: 15px;
opacity: 0.1;
}
.white03{
width: 288px;
height: 288px;
background-color: #ffffff;
position: absolute;
left: 840px;
top: 312px;
float: left;
}
.links-1128 .white03 .vioiet02 .vioiet03 {
width: 4px;
height: 14px;
background-color: #484DC3;
margin-top: 24px;
float: left;
}
.links-1128 .white03 .words01 h5{
padding-left: 20px;
padding-top: 21px;
width: 56px;
height: 14px;
font-size: 14px;
font-family: Source Han Sans CN;
}
.links-1128 .white03 .solid01{
width: 240px;
height: 1px;
background-color: #000000;
margin: 0 auto;
margin-top: 15px;
opacity: 0.1;
}
.links-1128 .white03 .accounting02 ul{
margin: 20px 24px;
}
.links-1128 .white03 .accounting02 ul li{
padding: 6px 0px;
}
.links-1128 .white03 .accounting02 ul li a{
font-family: Source Han Sans CN;
font-size: 14px;
color: #333333;
}
.links-1128 .white03 .accounting02 ul li a:hover{
background-color: #FFE4C4;
}
</style>
\ No newline at end of file
question/src/views/question.vue
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="da"><div class="header"> <div class="da"><div class="header">
<div class="header center" > <div class="header center" >
<div class="title">云芯问答库</div> <div class="title">云芯问答库</div>
<search-bar class="search"></search-bar>
<div style="clear:both"></div> <div style="clear:both"></div>
</div> </div>
<div class="sort-bar"> <div class="sort-bar">
...@@ -21,15 +21,15 @@ ...@@ -21,15 +21,15 @@
<li v-for="(itemson,index2) in item.que_list" :key="index2" @click="seeQuestion(itemson.catagory_id)">{{itemson.catagory_name}}</li> <li v-for="(itemson,index2) in item.que_list" :key="index2" @click="seeQuestion(itemson.catagory_id)">{{itemson.catagory_name}}</li>
<li><a> 更多</a></li> <li><a> 更多</a></li>
</ul> --> </ul> -->
<div> <!-- <div>
<ul v-for="(item,index1) in question" :key="index1"> <ul v-for="(item,index1) in question" :key="index1"> -->
<!-- --> <!-- -->
<div class="one02"> <!-- <div class="one02">
<h5 class="single010">[单选] {{item.question_Title}} </h5> <h5 class="single010">[单选] {{item.question_Title}} </h5>
<div class="answer100"> <div class="answer100"> -->
<!-- <h4 class="answer-0111">收录于：2021-07-22 17:36</h4> --> <!-- <h4 class="answer-0111">收录于：2021-07-22 17:36</h4> -->
<h4 class="answer-0222"><a @click="question_Detail(aid,cid,item.question_id)" >查看答案</a></h4> <!-- <h4 class="answer-0222"><a @click="question_Detail(aid,cid,item.question_id)" >查看答案</a></h4>
</div> </div>
<div class="line"></div> <div class="line"></div>
...@@ -38,7 +38,21 @@ ...@@ -38,7 +38,21 @@
</ul> </ul>
</div> </div> -->
<br>
<br>
<div v-for="(item,index1) in question" :key="index1">
<div class="related-ask">
<p class="related-ask-text">[单选]{{item.question_Title}}</p>
<div class="massage">
<p class="include-time">收录于：2021-07-22 17:36</p>
<p class="chack-ans" @click="question_Detail(aid,cid,item.question_id)">查看答案</p>
</div>
</div>
<div class="line"></div>
</div>
<div class="white01"> <div class="white01">
...@@ -54,21 +68,15 @@ ...@@ -54,21 +68,15 @@
<div class="solid"></div> <div class="solid"></div>
<div class="accounting"> <div class="accounting">
<ul> <ul>
<li><a href="">会计初级</a></li> <li v-for="(item,index) in frClass[aid-10].que_list" :key="index" @click="seeQuestion(aid,item.catagory_id)" ><a href="">{{item.catagory_name}}</a></li>
<li><a href="">会计初级</a></li>
<li><a href="">会计初级</a></li>
<li><a href="">会计初级</a></li>
</ul> </ul>
</div> </div>
<div class="accounting01"> <!-- <div class="accounting01">
<ul> <ul>
<li><a href="">注册税务师</a></li>
<li><a href="">注册税务师</a></li>
<li><a href="">注册税务师</a></li>
</ul> </ul>
</div> </div> -->
</div> </div>
<div class="white03"> <!-- <div class="white03">
<div class="vioiet02"> <div class="vioiet02">
<div class="vioiet03"> <div class="vioiet03">
...@@ -88,7 +96,7 @@ ...@@ -88,7 +96,7 @@
<li><a href="">《第三章我国房屋基本制度题库》</a></li> <li><a href="">《第三章我国房屋基本制度题库》</a></li>
</ul> </ul>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -115,12 +123,14 @@ return { ...@@ -115,12 +123,14 @@ return {
aid:"", aid:"",
cid:"", cid:"",
title1:"", title1:"",
title2:"" title2:"",
frClass:[],
iputta:""
} }
}, },
created(){ created(){
// console.log(this.$route.params.aid); // console.log("aid是啥",this.$route.params.aid);
// console.log(this.$route.params.cid) // console.log("params是啥",this.$route)
this.aid = this.$route.params.aid; this.aid = this.$route.params.aid;
this.cid = this.$route.params.cid; this.cid = this.$route.params.cid;
//console.log(this.question.params); //console.log(this.question.params);
...@@ -131,19 +141,38 @@ return { ...@@ -131,19 +141,38 @@ return {
}) })
m3.then(ok=>{ m3.then(ok=>{
this.title2 = ok; this.title2 = ok;
// console.log("实验2",this.title2)
}) })
//改
var d = this.$api.index.getallCatagory();
let that2 =this;
d.then(ok=>{
that2.frClass = ok;
console.log(that2.frClass[aid-10])
})
//
var m = this.$api.index.SearchcQuestion(this.$route.params.aid,this.$route.params.cid); var m = this.$api.index.SearchcQuestion(this.$route.params.aid,this.$route.params.cid);
//console.log(this.question[0]); // console.log("实验",this.question[0]);
m.then(ok=>{ m.then(ok=>{
this.question = ok this.question = ok
}) })
console.log(m); // console.log(m);
}, },
methods:{ methods:{
go(see){
this.inputa = see
//console.log(this.inputa)
// console.log(see)
},
question_Detail(aid,cid,bid){ question_Detail(aid,cid,bid){
this.$router.push(`/catagory/${aid}/${cid}/${bid}`); this.$router.push(`/catagory/${aid}/${cid}/${bid}`);
this.aid = this.$route.params.aid; this.aid = this.$route.params.aid;
this.cid = this.$route.params.cid; this.cid = this.$route.params.cid;
//console.log(this.question.params); //console.log(this.question.params);
var m2 = this.$api.index.SearchCatagory(this.aid) var m2 = this.$api.index.SearchCatagory(this.aid)
...@@ -154,17 +183,56 @@ return { ...@@ -154,17 +183,56 @@ return {
m3.then(ok=>{ m3.then(ok=>{
this.title2 = ok; this.title2 = ok;
}) })
var m = this.$api.index.SearchcQuestion(this.$route.params.aid,this.$route.params.cid); // var m = this.$api.index.SearchcQuestion(this.$route.params.aid,this.$route.params.cid);
//console.log(this.question[0]); // //console.log(this.question[0]);
m.then(ok=>{ // m.then(ok=>{
this.question = ok // this.question = ok
}) // })
console.log(m); // console.log(m);
},
//改
seeQuestion(aid,cid){
this.$router.push({path:`/catagory/${aid}/${cid}`})
}
},
watch:{
inputa:function(newinputa){
//console.log(newinputa)
//console.log("ok")
this.$emit("input",newinputa)
} }
} },
} }
</script> </script>
<style scoped long='scss'> <style scoped long='scss'>
.related-ask{
width:744px;
margin:0px 24px;
}
.related-ask-text{
font-size:16px;
margin:0px 0px 16px 0px;
}
.include-time{
font-size:12px;
color: #999999;
display:inline-block;
margin:0px 540px 0px 0px;
}
.chack-ans{
font-size: 12px;
color:#484dc3;
display: inline-block;
cursor:pointer;
}
.massage{
height:16px;
line-height: 16px;
margin:19px 0px 22px 0px;
}
.sort-bar{ .sort-bar{
margin-top:48px; margin-top:48px;
background-color: #484dc3; background-color: #484dc3;
...@@ -173,7 +241,7 @@ return { ...@@ -173,7 +241,7 @@ return {
} }
.line{ .line{
border: 1px solid rgba(72, 77, 195, 0.12); border: 1px solid rgba(72, 77, 195, 0.12);
margin: 54px 27px; margin: 0px 24px 24px 24px;
} }
.center{ .center{
width: 1200px; width: 1200px;
...@@ -423,7 +491,7 @@ header,footer,article,section,menu,hgroup { ...@@ -423,7 +491,7 @@ header,footer,article,section,menu,hgroup {
top:60px; top:60px;
left: 24px; left: 24px;
background-color: #ffffff; background-color: #ffffff;
padding-left: 24px;
} }
.links-1128 .white .one{ .links-1128 .white .one{
...@@ -607,9 +675,13 @@ header,footer,article,section,menu,hgroup { ...@@ -607,9 +675,13 @@ header,footer,article,section,menu,hgroup {
padding-left: 30px; padding-left: 30px;
display: inline-block; display: inline-block;
} }
.links-1128 .white01 .accounting ul{
width:220px;
}
.links-1128 .white01 .accounting li{ .links-1128 .white01 .accounting li{
margin: 10px 0px; width:70px;
float: right; display:inline-block;
margin: 10px 40px 0px 0px;
} }
.links-1128 .white01 .accounting a{ .links-1128 .white01 .accounting a{
width: 56px; width: 56px;
...@@ -621,7 +693,8 @@ header,footer,article,section,menu,hgroup { ...@@ -621,7 +693,8 @@ header,footer,article,section,menu,hgroup {
} }
.links-1128 .white01 .accounting a:hover{ .links-1128 .white01 .accounting a:hover{
background-color: blue; background-color: #484dc3;
color:#ffffff
} }
.links-1128 .white01 .accounting01{ .links-1128 .white01 .accounting01{
width: 70px; width: 70px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment