20 幫助反饋+關於頁面簡單實現（Collapse 折疊面板）
一 幫助反饋頁面
效果圖：
代碼
ps：使用了hellouniapp的擴展組件里的Collapse 折疊面板
,{
"path" : "pages/user-feedback/user-feedback",
"style" : {
"navigationBarTitleText":"意見反饋"
}
}
<template>
<view>
<uni-collapse>
<uni-collapse-item title="賬號問題" showAnimation>
<view class="content">折疊內容主體，可自定義內容及樣式</view>
</uni-collapse-item>
<uni-collapse-item title="密碼問題" showAnimation>
<view class="content">折疊內容主體，可自定義內容及樣式</view>
</uni-collapse-item>
</uni-collapse>
<view class="py-2 px-3">
<button class="bg-main text-white" style="border-radius: 50rpx;border: 0;" type="primary">意見反饋</button>
</view>
</view>
</template>
<script>
import uniCollapse from '@/components/uni-ui/uni-collapse/uni-collapse.vue';
import uniCollapseItem from '@/components/uni-ui/uni-collapse-item/uni-collapse-item.vue';
export default {
components: {
uniCollapse,
uniCollapseItem
},
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>
二 關於我們頁面
效果圖：
代碼：
{
"path" : "pages/about/about",
"style" : {
"navigationBarTitleText":"關於我們"
}
}
<template>
<view>
<view class="flex align-center justify-center flex-column pt-4 pb-3">
<image src="/static/common/nothing.png" style="width: 300rpx;height: 300rpx;" class="rounded-circle"></image>
<text class="font text-muted mt-2">version 1.0.1</text>
</view>
<uni-list-item title="新版本檢測"></uni-list-item>
<uni-list-item title="社區用戶協議"></uni-list-item>
</view>
</template>
<script>
import uniListItem from '@/components/uni-ui/uni-list-item/uni-list-item.vue';
export default {
components: {
uniListItem
},
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>