parent
a1a6390215
commit
f9ec02c188
@ -0,0 +1,95 @@ |
||||
<template> |
||||
<view> |
||||
<meet-sticky :bg="bg"> |
||||
<meet-navbar title="帮助文档" :isFixed="false"></meet-navbar> |
||||
</meet-sticky> |
||||
<view class="container"> |
||||
<view class="title"> 问题反馈 </view> |
||||
<view class="content"> |
||||
<u-collapse accordion> |
||||
<u-collapse-item |
||||
:title="item.title" |
||||
v-for="(item, index) in docList" |
||||
:key="index" |
||||
> |
||||
<view class="collapse-item"> |
||||
<view v-for="(t, i) in item.explain" :key="i"> |
||||
<view>{{ t }}</view> |
||||
</view> |
||||
</view> |
||||
</u-collapse-item> |
||||
</u-collapse> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
docList: [ |
||||
{ |
||||
title: "1.文字处理时间", |
||||
explain: ["11111111111", "222222222222"], |
||||
}, |
||||
{ |
||||
title: "2.支持的语言", |
||||
explain: ["11111111111", "222222222222"], |
||||
}, |
||||
], |
||||
}; |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.collapse-item { |
||||
background: #ffffff; |
||||
border-radius: 16rpx 16rpx 16rpx 16rpx; |
||||
padding: 20rpx; |
||||
line-height: 1.8; |
||||
} |
||||
.content { |
||||
background: #f4f7ff; |
||||
border-radius: 24rpx 24rpx 24rpx 24rpx; |
||||
border: 2rpx solid #ffffff; |
||||
flex: 1; |
||||
} |
||||
.container { |
||||
padding: 24rpx; |
||||
height: 85vh; |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
.u-page { |
||||
padding: 0; |
||||
|
||||
&__item { |
||||
&__title { |
||||
color: $u-tips-color; |
||||
background-color: $u-bg-color; |
||||
padding: 15px; |
||||
font-size: 15px; |
||||
|
||||
&__slot-title { |
||||
color: $u-primary; |
||||
font-size: 14px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.title { |
||||
font-weight: 700; |
||||
font-size: 32rpx; |
||||
color: #23262b; |
||||
margin-bottom: 24rpx; |
||||
} |
||||
.u-collapse-content { |
||||
color: $u-tips-color; |
||||
font-size: 14px; |
||||
} |
||||
::v-deep .u-line { |
||||
border-bottom-style: none !important; |
||||
} |
||||
</style> |
Loading…
Reference in new issue