124 lines
2.8 KiB
Vue
124 lines
2.8 KiB
Vue
|
<template>
|
||
|
|
<ai-detail>
|
||
|
|
<template slot="title">
|
||
|
|
<ai-title title="返回学习回答列表" isShowBack isShowBottomBorder @onBackClick="cancel(false)">
|
||
|
|
</ai-title>
|
||
|
|
</template>
|
||
|
|
<template slot="content">
|
||
|
|
<ai-card title="基层治理需要关注什么？">
|
||
|
|
<div slot="right" class="right-text">汪周文发布于2023-01-09 <span>已有15个回答</span></div>
|
||
|
|
<template #content>
|
||
|
|
<div class="item">
|
||
|
|
<div class="flex">
|
||
|
|
<img src="https://img0.baidu.com/it/u=1705694933,4002952892&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281" alt="">
|
||
|
|
<div class="user-info">
|
||
|
|
<h3>汪周文</h3>
|
||
|
|
<p>中卫慧通-产品部</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="content">123</div>
|
||
|
|
<p class="time"><span>发布于 </span>2023-01-09 16:27</p>
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="flex">
|
||
|
|
<img src="https://img0.baidu.com/it/u=1705694933,4002952892&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281" alt="">
|
||
|
|
<div class="user-info">
|
||
|
|
<h3>汪周文</h3>
|
||
|
|
<p>中卫慧通-产品部</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="content">123</div>
|
||
|
|
<p class="time"><span>发布于 </span>2023-01-09 16:27</p>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</ai-card>
|
||
|
|
</template>
|
||
|
|
</ai-detail>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'Detail',
|
||
|
|
|
||
|
|
props: {
|
||
|
|
instance: Function,
|
||
|
|
dict: Object,
|
||
|
|
params: Object
|
||
|
|
},
|
||
|
|
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
created () {
|
||
|
|
this.getInfo()
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
getInfo () {
|
||
|
|
// this.instance.post(`/app/appvideovoteconfig/queryDetailByCorpId`).then(res => {
|
||
|
|
// if (res.code == 0) {
|
||
|
|
// if (res.data) {
|
||
|
|
// this.id = res.data.id
|
||
|
|
// this.form = {
|
||
|
|
// ...res.data
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// })
|
||
|
|
},
|
||
|
|
|
||
|
|
cancel () {
|
||
|
|
this.$emit('change', {
|
||
|
|
type: 'List',
|
||
|
|
isRefresh: true
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.right-text {
|
||
|
|
color: #999!important;
|
||
|
|
span {
|
||
|
|
margin-left: 8px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.item {
|
||
|
|
margin-bottom: 32px;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
.flex {
|
||
|
|
display: flex;
|
||
|
|
img {
|
||
|
|
width: 80px;
|
||
|
|
height: 80px;
|
||
|
|
margin-right: 16px;
|
||
|
|
}
|
||
|
|
h3 {
|
||
|
|
line-height: 40px;
|
||
|
|
font-size: 30px;
|
||
|
|
font-weight: 700;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
margin: 16px 0;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
line-height: 30px;
|
||
|
|
color: #999;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.time {
|
||
|
|
margin-bottom: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.item:nth-last-of-type(1) {
|
||
|
|
border-bottom: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
</style>
|