95 lines
4.4 KiB
Plaintext
95 lines
4.4 KiB
Plaintext
<!--
|
||
此文件为开发者工具生成，生成时间: 2021/4/22 下午3:55:40
|
||
使用方法：
|
||
在 H:\工作项目\亿时代-本时生活-2021-04-13\本时生活\pages\index\index.wxml 引入模板
|
||
|
||
```
|
||
<import src="index.skeleton.wxml"/>
|
||
<template is="skeleton" wx-if="{{loading}}" />
|
||
```
|
||
|
||
在 H:\工作项目\亿时代-本时生活-2021-04-13\本时生活\pages\index\index.wxss 中引入样式
|
||
```
|
||
@import "./index.skeleton.wxss";
|
||
```
|
||
|
||
更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
|
||
-->
|
||
<template name="skeleton">
|
||
<view class="sk-container">
|
||
<view class="locationPicker" style="padding-top:44px;">
|
||
<image class="locationPicker-icon sk-image"></image>
|
||
<navigator class="cityCont" hover-class="none">
|
||
<view class="nowrap sk-transparent">
|
||
<text class="sk-transparent sk-text-30-0000-789 sk-text">哈尔滨市</text>南岗区
|
||
</view>
|
||
<image class="sk-image"></image>
|
||
</navigator>
|
||
</view>
|
||
<view class="indexTab" style="top:84px;">
|
||
<view class="indexTab-lable active sk-transparent sk-image" data-state="shaky">活动中心
|
||
</view>
|
||
<view class="indexTab-lable sk-transparent sk-text-32-2222-11 sk-text" data-state="silver" style="background-position-x: 50%;">白金会员
|
||
</view>
|
||
<view class="indexTab-lable sk-transparent sk-text-32-2222-270 sk-text" data-state="drill" style="background-position-x: 50%;">钻石会员
|
||
</view>
|
||
</view>
|
||
<view class="indexTop" style="padding-top:124px;">
|
||
<view class="indexBanner sk-pseudo sk-pseudo-circle">
|
||
<view class="banner">
|
||
<swiper autoplay="false" class="banner-swiper" current="0" interval="3000">
|
||
<swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
|
||
<image class="banner-img sk-image" data-img="true" data-index="0" mode="aspectFill" show-menu-by-longpress="true"></image>
|
||
<i class="light"></i>
|
||
</swiper-item>
|
||
</swiper>
|
||
</view>
|
||
</view>
|
||
<view class="dots">
|
||
<view class="active"></view>
|
||
</view>
|
||
<view class="indexNews">
|
||
<image class="sk-image"></image>
|
||
<view class="marquee_container" style="--marqueeWidth--:-30em">
|
||
<view class="marquee_text sk-transparent sk-text-14-2857-898 sk-text">您的预约已成功，请点击继续办理</view>
|
||
</view>
|
||
</view>
|
||
<view class="cardArr">
|
||
<view class="cardArr-top">
|
||
<view class="legalTips">
|
||
<image class="sk-image"></image>
|
||
<text class="sk-transparent sk-text-14-2857-980 sk-text" style="background-position-x: 50%;">抱歉, 此地区暂无权益</text>
|
||
</view>
|
||
</view>
|
||
<view class="Welfare">
|
||
<view class="WelfareTitle">
|
||
<text class="sk-transparent sk-image">周五会员福利日</text>
|
||
</view>
|
||
<view class="WelfareList sk-pseudo sk-pseudo-circle">
|
||
<view class="WelfareList-back" data-can="true" data-id="1" data-text="可购买">
|
||
<image class="WelfareList-img sk-image"></image>
|
||
<view class="WelfareList-left">
|
||
<view class="cell">
|
||
<view class="WelfareList-left-price sk-transparent">15
|
||
<text class="sk-transparent sk-text-14-2857-662 sk-text" style="background-position-x: 50%;"> 元</text>
|
||
</view>
|
||
<view class="WelfareList-left-title sk-transparent sk-text-14-2857-553 sk-text" style="background-position-x: 50%;">全车型洗车券</view>
|
||
</view>
|
||
</view>
|
||
<view class="WelfareList-right">
|
||
<view class="WelfareList-cont">
|
||
<view class="nowrap WelfareList-title sk-transparent sk-text-13-6364-777 sk-text">每周五：</view>
|
||
<view class="nowrap WelfareList-text sk-transparent sk-text-13-6364-28 sk-text">08:00:00 开抢</view>
|
||
<view class="nowrap WelfareList-all sk-transparent sk-text-22-7273-273 sk-text">[限量100份] [剩余97份]</view>
|
||
</view>
|
||
</view>
|
||
<view class="WelfareList-btn sk-pseudo sk-pseudo-circle">
|
||
<text class="sk-transparent sk-image">抢</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template> |