jp-xpgj-xsy/src/projects/business/views-xsy/ApplyClass/My.vue

<template>
<div>
	
    <header class="mui-bar mui-bar-nav ">
				<a class="mui-title">饭卡</a>
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			</header>
			
			<div class="mui-content margin49">
				<div class="von-xsy-index vongi-index-inter">
							<div id="slider" class="mui-slider">
								<div class="mui-slider-group">
									<!-- 第一张 -->
									<div class="mui-slider-item" style="height: 100px" >
										<a href="javascript:void(0)">
											<img  style="height: 100px" src="~$project/assets/img/banner01.jpg">
										</a>
									</div>
									<div class="mui-slider-item" style="height: 100px" >
										<a href="javascript:void(0)">
											<img  style="height: 100px" src="~$project/assets/img/banner01.jpg">
										</a>
									</div>
									
								</div>
								<div class="mui-slider-indicator" v-if="false">
									<div class="mui-indicator mui-active"></div>
								
								</div>
							</div>
						</div>
				
				  
			</div>
			<loading :visible="isLoading"></loading>
</div>
</template>


<script>
 	
	import * as API from '@/apis-xsy/meal'
  
	import  Common from '$project/components/Common.vue'
 	import Loading from '$project/components/Loading.vue'
	import TopHeader from '$project/components/TopHeader.vue'
 

	export default {
		name: '',
		components: {
			Common,
			Loading,
			TopHeader 
		},
		data() {
			return {
			 
				pageTitle: '申请调班',
				remainingAmount:"",
				isLoading: false,
				 
			}
		},
		created() {
 
		},
		methods: {
			 
			 
			getRemainingAmount(){
				this.isLoading = true;
					 
				API.remainingAmount().then(response => {
					this.remainingAmount=response;
				 
					this.isLoading = false;
				}).catch(error => {
					this.isLoading = false;
					mui.toast(error);
				})
			},
			asynCallBack() {

			},
		
		},
		mounted() {
			//this.getRemainingAmount();
			var gallery = mui('.mui-slider');
			var slider = gallery.slider({
			
			});
		},
		destroyed() {},
	
	}
</script>

<style src="$project/assets/css/iconfont.css"></style>
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style scoped src="$project/assets/css/xpgj.css"></style>
<style src="$project/assets/css/xsy.css"></style>
<style>
</style>