[更新]
This commit is contained in:
95
pages/index/index.skeleton.wxml
Normal file
95
pages/index/index.skeleton.wxml
Normal file
@@ -0,0 +1,95 @@
|
||||
<!--
|
||||
此文件为开发者工具生成,生成时间: 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>
|
||||
Reference in New Issue
Block a user