/*
 * @Author: your name
 * @Date: 2020-09-10 18:52:15
 * @LastEditTime: 2020-10-14 15:28:42
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /xfhd-vue-scaffold/src/page/index/main.js
 */
import "core-js/stable";
import "regenerator-runtime/runtime";
import 'lib-flexible/flexible'
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from '@/store'
import utils from '@/utils/index.js'
import {
  gsap,
  TimelineMax
} from 'gsap'
import '@/assets/css/reset.less'
// import imgList from '@/preload/imgList.js' // 预加载资源图
// import weui from 'weui'
// import '@/assets/css/weui-2.0.1.css';
// import '@/assets/css/weui-for-work.css'
// import VueLazyload from 'vue-lazyload'   lazyload 懒加载

// fix swiper6 with vue-awesome-swiper bug
// import {
//   Swiper as SwiperClass,
//   Pagination,
//   Mousewheel,
//   Autoplay,
// } from "swiper/swiper.esm";
// import getAwesomeSwiper from "vue-awesome-swiper/dist/exporter";


// 阻止启动生产消息，常用作指令。
Vue.config.productionTip = false
// 挂载工具集
Vue.prototype.$Utils = utils;
// 引入 weui
// Vue.prototype.$weui = weui

// init xgl plugins
utils.initial({
  debug: false,
  targetEnv: "",
  formalURL: "",
  wxJsConfigUrl: "https://wx.xfhd.net/wxapi/api/jsconfig?appid=wx41d80a1bb01f658d",
  ajaxUrl: process.env.VUE_APP_BASE_URL + "jgj-day-get-money/api/",
  demoConfig: {
    visible: false, //process.env.NODE_ENV === 'development',
  },
  wxShareConfig: {
    // title: "", //分享标题
    // desc: "", //分享描述
    // url: "", //分享url
    // imgUrl: "", //分享图片url
    wxReady: function () { },
  },
  envHandle: {
    wx: () => { },
    jgj: () => { },
  }
});

/**************************/
/****** swiper 初始化 ******/
/**************************/
// SwiperClass.use([Pagination, Mousewheel, Autoplay]);
// Vue.use(getAwesomeSwiper(SwiperClass));

/*******************************/
/**vue 懒加载 自定参数选项配置**/
/*******************************/
//  vue 懒加载自定义参数选项配置
// Vue.use(VueLazyload, {
//   preLoad: 1.3, // 提前加载高度（数字 1 表示 1 屏的高度） 默认值:1.3
//   error: '/public/other/error.png', // 当加载图片失败的时候
//   loading: '/public/other/loading.gif', // 图片加载状态下显示的图片
//   attempt: 1 //  加载错误后最大尝试次数 默认值:1
// })
// <!-- 使用方法1: 可能图片url是直接从后台拿到的，把':src'替换成'v-lazy'就行 --> 
// <template>
//   <ul>
//     <li v-for="img in list">
//       <img v-lazy="img.src" >
//     </li>
//   </ul>
// </template>

// <!-- 使用方法2: 使用懒加载容器v-lazy-container,和v-lazy差不多,通过自定义指令去定义的，不过v-lazy-container扫描的是内部的子元素 --> 
// <template>
//   <div v-lazy-container="{ selector: 'img'}">
//     <img data-src="//domain.com/img1.jpg">
//     <img data-src="//domain.com/img2.jpg">
//     <img data-src="//domain.com/img3.jpg"> 
//   </div>
// </template>

// <!--自定义error和loading占位符图像--> 
// <template>
//   <div v-lazy-container="{ selector: 'img', error: 'xxx.jpg', loading: 'xxx.jpg' }">
//     <img data-src="//domain.com/img1.jpg">
//     <img data-src="//domain.com/img2.jpg">
//     <img data-src="//domain.com/img3.jpg">  
//   </div>
// </template>

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
// Vue.use(VueAwesomeSwiper /* { default global options } */);


/********************************/
/****** preloader资源预加载 ******/
/********************************/
gsap.to("#loadingContainer", {
  autoAlpha: 0,
  duration: 0.65,
  delay: 2,
  onComplete: () => {
    document.getElementById('loadingContainer').remove();
  }
});