126 lines
2.5 KiB
Vue
126 lines
2.5 KiB
Vue
<template>
|
|
<view id="myapp" class="bodyA">
|
|
<!-- 滚动区域 -->
|
|
<view class="content">
|
|
<!-- <view class="maskTm" v-show="!loadingFlag_Tm">
|
|
<img :src="this.$imgUrl" alt="">
|
|
<span>加载中...</span>
|
|
</view> -->
|
|
<!-- 内容 -->
|
|
<view class="fnBox" v-for="(item,index) in fnData" :key="index">
|
|
<view class="title">{{item.title}}</view>
|
|
<view class="list" v-for="(itemA,indexA) in item.list" :key="indexA">{{itemA}}</view>
|
|
</view>
|
|
</view>
|
|
<!-- 底部 -->
|
|
<!-- <view class="footer">
|
|
<van-button class="footerBtn">按钮</van-button>
|
|
</view> -->
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
getNoticeData
|
|
} from '@/common/api.js'
|
|
import {
|
|
callbackRequest
|
|
} from '@/common/util.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
// code
|
|
loadingFlag: 'x',
|
|
loadingFlag_Tm: 'x',
|
|
fnData: [{
|
|
title: '餐饮服务',
|
|
list: [
|
|
'提供食堂外卖、晚餐预定、节日预定、糕点外卖、餐券领取申请等餐饮服务',
|
|
],
|
|
},
|
|
// {
|
|
// title: '就医助手',
|
|
// list: [
|
|
// '提供在线挂号、检查、住院、手术申请等就医服务预约',
|
|
// ],
|
|
// },
|
|
{
|
|
title: '理发预约',
|
|
list: [
|
|
'提供在线理发预约，线下服务',
|
|
],
|
|
},
|
|
{
|
|
title: '访客预约',
|
|
list: [
|
|
'提供访客提前邀约登记',
|
|
],
|
|
},
|
|
// {
|
|
// title: '电子餐卡',
|
|
// list: [
|
|
// '提供电子餐卡扫码消费、线上支付',
|
|
// ],
|
|
// },
|
|
// {
|
|
// title: '京东商城',
|
|
// list: [
|
|
// '提供网上商城商品选购',
|
|
// ],
|
|
// },
|
|
// {
|
|
// title: '慧农帮',
|
|
// list: [
|
|
// '提供帮扶产品线上选购',
|
|
// ],
|
|
// }
|
|
],
|
|
};
|
|
},
|
|
mounted() {
|
|
|
|
},
|
|
methods: {
|
|
back() {
|
|
// window.location.href = "index.html"
|
|
window.history.go(-1)
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.content {
|
|
font-size: .3784*74upx;
|
|
color: #0e1a24;
|
|
padding: .6486*74upx;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.fnBox {}
|
|
|
|
.fnBox .title {
|
|
font-size: .4865*74upx;
|
|
font-weight: bold;
|
|
margin-bottom: .2162*74upx;
|
|
}
|
|
|
|
.fnBox .list {
|
|
color: #4b5b68;
|
|
margin-bottom: .2162*74upx;
|
|
padding-left: .4054*74upx;
|
|
position: relative;
|
|
}
|
|
|
|
.fnBox .list::after {
|
|
position: absolute;
|
|
content: '●';
|
|
top: 0;
|
|
left: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.fnBox .list:last-child {
|
|
margin-bottom: .6486*74upx;
|
|
}
|
|
</style> |