56 lines
1.2 KiB
Vue
56 lines
1.2 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="problem_title">
|
||
{{problemTitle}}
|
||
</view>
|
||
<view class="problem_describe" v-for="(m,idx) in problemList" :key="idx">
|
||
{{m}}
|
||
</view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data () {
|
||
return {
|
||
problemTitle:'',
|
||
problemList:[]
|
||
}
|
||
},
|
||
onLoad(query) {
|
||
console.log(query);
|
||
const problemStatus = query.problemStatus || 1;
|
||
const problemObj = {
|
||
1:{
|
||
problemTitle:'赠币有有效期吗',
|
||
problemList :['参加不定时活动充值赠送的赠币有效期通常为发放后的3天，如有特殊有效期，会在活动中说明;','赠币到账后可在“我的”-“我的账户”-“赠币”页面中查看使用截止日期。']
|
||
},
|
||
2:{
|
||
problemTitle:'解锁得章节可以永久免费看吗？',
|
||
problemList :['可以。']
|
||
}
|
||
}
|
||
this.problemList = problemObj[problemStatus].problemList;
|
||
this.problemTitle = problemObj[problemStatus].problemTitle
|
||
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.content {
|
||
padding: 32rpx;
|
||
|
||
.problem_title {
|
||
font-size: 34rpx;
|
||
color: #1A1A1A;
|
||
}
|
||
.problem_describe {
|
||
margin-top: 40rpx;
|
||
font-size: 28rpx;
|
||
color: #666666;
|
||
line-height: 1.6;
|
||
}
|
||
}
|
||
</style> |