123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <template>
- <view>
- <!-- 公共组件-每个页面必须引入 -->
- <public-module></public-module>
-
- <uni-collapse :accordion="true">
- <block v-for="(item,index) in list" :key="index">
- <uni-collapse-item :title="item.title" :show-animation="true">
- <text class="content">{{ item.content }}</text>
- </uni-collapse-item>
- </block>
- </uni-collapse>
-
- <button class="my-3 mt-4 mx-3 d-flex a-center j-center main-bg-color" type="primary" @tap="openSuggest" >意见反馈</button>
-
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- list:[
- {
- title:"客服什么时候上线?",
- content:"早上8:30-下午6:30"
- },
- {
- title:"忘记账号怎么办?",
- content:"登录方式有账号密码登录和手机验证码登录,如果您忘记你的账号和密码,可以通过账号所绑定的手机号获取验证码登录"
- },
- {
- title:"如何修改密码?",
- content:"打开app -> 我的 -> 设置(我的页面右上角图标进入) -> 账号与安全 -> 修改密码"
- }
- ]
- }
- },
- methods: {
- openSuggest(){
- this.navigate({url:'/pages/set/suggest'},"navigateTo",true)
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- @import '@/style/mixin.scss';
- /deep/ .uni-collapse-cell--open .uni-collapse-cell__title {
- background-color: rgba($themeColor,0.6);
- color: #FFFFFF;
- }
- /deep/ .uni-collapse-cell--open .uni-collapse-cell__title span{
- color: #FFFFFF;
- }
- .content {
- padding: 15px;
- font-size: 14px;
- line-height: 20px;
- background-color: #fbfbfb;
- color: #666;
- }
- </style>
|