<template>
  <view id="myapp" class="bodyA">
<!--    &lt;!&ndash; 导航栏 headerBai &ndash;&gt;-->
<!--    <view class="header headerBai">-->
<!--      &lt;!&ndash; 左侧按钮 &ndash;&gt;-->
<!--      <view class="nav-btn" @click="back">-->
<!--        <img class="left_btn" src="@/static/common/arrow_back_hei.png" alt="">-->
<!--      </view>-->
<!--      &lt;!&ndash; 黑标题 btn-headerBai &ndash;&gt;-->
<!--      <view class="btn-header btn-headerBai">常见问题</view>-->
<!--      &lt;!&ndash; 右侧按钮 &ndash;&gt;-->
<!--      <view class="nav-btn">-->
<!--        &lt;!&ndash; ps：在下方自定义导航右侧功能 超过4个字 需要加调整宽度auto &ndash;&gt;-->
<!--        &lt;!&ndash; code &ndash;&gt;-->
<!--      </view>-->
<!--    </view>-->
    <!-- 滚动区域 -->
    <view class="content">
<!--      &lt;!&ndash; 加载ing &ndash;&gt;-->
<!--      <view class="mask" v-show="!loadingFlag">-->
<!--        <img src="@/static/loadingMf.gif" alt="">-->
<!--        <span>加载中...</span>-->
<!--      </view>-->

      <van-collapse v-model="activeNames">
        <van-collapse-item class="list" :title="item.question" :name="index" v-for="(item,index) in dataList"
                           :key="index">
          <view class="lists" v-for="(itemA,indexA) in item.answer" :key="indexA">
            {{item.answer.length>= 2?indexA+1+".":''}}{{itemA}} </view>
        </van-collapse-item>
      </van-collapse>
    </view>
    <!-- 底部 -->
    <!-- <view class="footer">
        <van-button class="footerBtn">按钮</van-button>
    </view> -->
  </view>
</template>

<script>
	import {
		getdata
	} from '@/common/api.js'
	import {
		callbackRequest
	} from '@/common/util.js'
	export default {
		name: "problem",
		data() {
			return {
        // code
        loadingFlag: 'n',
        loadingFlag_Tm: 'n',
        activeNames: [],
        dataList: [
          {
            question: '● 遇到电子餐卡消费失败如何处理?',
            answer: [
              '点击智慧后勤应用底部导航栏"我的"，进入"个人信息"模块；将"餐卡号"与正在使用的员工卡背面右下角十位(非员工编号)进行对比，检查是否正确；如果不一致，请根据最新卡号更新"个人信息"',
              '联系后勤部餐卡管理员确认餐卡状态是否正常，联系方式(010)66598757',
            ],
          },
          {
            question: '● 如何修改手机号码和部门?',
            answer: [
              '联系智慧后勤项目组进行更新，联系方式(010)66598437',
            ],
          },
        ],
			}
		},
		onLoad(options) {
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
.content {
  /* font-size: .38*74upx; */
  color: #0e1a24;
  padding: .3243*74upx;
}

.list {
  margin-bottom: .3243*74upx;
  border-radius: .3*74upx;
  overflow: hidden;
  position: relative;
}

.list .van-cell {
  font-size: .4324*74upx;
  color: #0e1a24;
  padding: .3784*74upx .3243*74upx;
}

.van-cell {
  color: #000;
}

.list .lists {
  margin-bottom: .1081*74upx;
  color: #4b5b68;
  word-break: break-all;
  line-height: .7027*74upx;
}

.list .lists:last-child {
  margin: 0;
}
</style>