| | |
| | | } |
| | | |
| | | .loading{ |
| | | line-height: 1rem; text-align: center; font-size: .3rem; color: #999; |
| | | line-height: 2rem; text-align: center; font-size: .3rem; color: #999; |
| | | } |
| | | .sys{ |
| | | width: 100%; |
| | |
| | | </header> |
| | | |
| | | <div :style="{ height: (twoNav && twoNav.length > 0) ? '2.3rem' : '2.3rem'}"></div> |
| | | |
| | | <div v-if="!loading" style="min-height: 100vh; background: #fbe7e2;" class=" swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-free-mode swiper-container-ios"> |
| | | <div v-if="loading" v-else class="loading">加载中...</div> |
| | | |
| | | <div v-else style="min-height: 100vh; background: #fbe7e2;" class=" swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-free-mode swiper-container-ios"> |
| | | <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);"> |
| | | <div class="swiper-slide list-section"> |
| | | <div class="listTmp " v-for="(data,key) in lists" :key="key" v-on:click="targetItem(data)"> |
| | |
| | | <div class="swiper-pagination"></div> |
| | | <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> |
| | | </div> |
| | | <div v-else class="loading">加载中...</div> |
| | | |
| | | |
| | | </div> |
| | | </body> |
| | | |
| | |
| | | <script> |
| | | (function(){ |
| | | var size = (document.body.clientWidth || document.documentElement.clientWidth); |
| | | size=size<=0?400:size; |
| | | document.documentElement.style.fontSize = (size > 750 ? 750 : size) / 7.5 + 'px'; |
| | | })(); |
| | | |
| | | Vue.use(VueLazyload, { |
| | | preLoad: 1.3,// |
| | | error: 'https://sr.ffquan.cn/cms_pic/20200622/bro7s7f6vrkd3jat4ujg0.png', |
| | | loading: 'https://sr.ffquan.cn/cms_pic/20200612/brhjkf76vrkcrfpi79eg0.png', |
| | | // loading: 'https://sr.ffquan.cn/cms_pic/20200612/brhjkf76vrkcrfpi79eg0.png', |
| | | attempt: 1 |
| | | }) |
| | | new Vue({ |