<!--
|
此文件为开发者工具生成,生成时间: 2020/12/5 下午5:42:34
|
使用方法:
|
在 D:\ProjectFile\Dev\WeiXin\VgoWxApp\pages\detail\detail.wxml 引入模板
|
|
```
|
<import src="detail.skeleton.wxml"/>
|
<template is="skeleton" wx-if="{{loading}}" />
|
```
|
|
在 D:\ProjectFile\Dev\WeiXin\VgoWxApp\pages\detail\detail.wxss 中引入样式
|
```
|
@import "./detail.skeleton.wxss";
|
```
|
|
更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
|
-->
|
<template name="skeleton">
|
<view class="sk-container">
|
<view>
|
<view is="components/swiper-banner/index">
|
<swiper autoplay="false" indicator-active-color="#229BC9" indicator-dots="true" interval="5000" style="height:250px;" current="0">
|
<swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
|
<image data-src="https://mp.onbus.cn/uploads/shopping/82/images/2064C5EC-F53C-41AA-91D7-E4E029D144A0.jpg" mode="widthFix" style="height: 375px;" class="sk-image"></image>
|
</swiper-item>
|
</swiper>
|
</view>
|
<view class="container">
|
<view is="miniprogram_npm/@vant/weapp/cell-group/index" class="my-cell-group">
|
<view class="van-cell-group group-index--van-cell-group van-hairline--top-bottom group-index--van-hairline--top-bottom sk-pseudo sk-pseudo-circle">
|
<view is="miniprogram_npm/@vant/weapp/cell/index" class="my-cell">
|
<view class="van-cell cell-index--van-cell van-cell--borderless cell-index--van-cell--borderless sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="true">
|
<view class="van-cell__title cell-index--van-cell__title sk-text-20-8333-628 sk-transparent" style="true">FAIRFIELD?费尔菲镜柜
|
<view class="van-cell__label cell-index--van-cell__label "></view>
|
</view>
|
<view class="van-cell__value cell-index--van-cell__value ">
|
<view class="sk-transparent">
|
<icon class="iconfont icon-xianshikejian sk-image sk-pseudo sk-pseudo-circle" color="#EFEFEF"></icon> 12345
|
</view>
|
</view>
|
</view>
|
</view>
|
<view is="miniprogram_npm/@vant/weapp/cell/index" class="my-cell">
|
<view class="van-cell cell-index--van-cell van-cell--borderless cell-index--van-cell--borderless sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="true">
|
<view class="van-cell__title cell-index--van-cell__title " style="true">
|
<view class="price-text sk-transparent">
|
秒杀价
|
<text class="price sk-transparent sk-text-16-6667-619 sk-text">¥100</text>
|
<text class="original-price sk-transparent sk-text-25-0000-184 sk-text" style="text-decoration-color: transparent;">¥1000</text>
|
</view>
|
<view class="van-cell__label cell-index--van-cell__label "></view>
|
</view>
|
<view class="van-cell__value cell-index--van-cell__value ">
|
<view class="sk-transparent sk-text-20-8333-628 sk-text" style="background-position-x: 100%;">
|
剩余数量:0个
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view is="miniprogram_npm/@vant/weapp/cell-group/index" class="my-cell-group">
|
<view class="van-cell-group group-index--van-cell-group van-hairline--top-bottom group-index--van-hairline--top-bottom sk-pseudo sk-pseudo-circle">
|
<view is="miniprogram_npm/@vant/weapp/cell/index" class="my-cell">
|
<view class="van-cell cell-index--van-cell van-cell--borderless cell-index--van-cell--borderless sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="true">
|
<view class="van-cell__title cell-index--van-cell__title sk-transparent sk-text-20-8333-999 sk-text" style="true">配送方式</view>
|
<view class="van-cell__value cell-index--van-cell__value sk-transparent sk-text-20-8333-140 sk-text" style="background-position-x: 100%;">商家配送</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view is="miniprogram_npm/@vant/weapp/cell-group/index" class="my-cell-group">
|
<view class="van-cell-group group-index--van-cell-group van-hairline--top-bottom group-index--van-hairline--top-bottom sk-pseudo sk-pseudo-circle">
|
<view is="miniprogram_npm/@vant/weapp/cell/index" class="my-cell">
|
<view class="van-cell cell-index--van-cell sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="true">
|
<view class="van-cell__title cell-index--van-cell__title sk-transparent sk-text-20-8333-667 sk-text" style="true">营销人员</view>
|
</view>
|
</view>
|
<view is="miniprogram_npm/@vant/weapp/cell/index" class="my-cell seller">
|
<view class="van-cell cell-index--van-cell van-cell--borderless cell-index--van-cell--borderless sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="true">
|
<view class="van-cell__title cell-index--van-cell__title sk-transparent sk-text-20-8333-131 sk-text" style="max-width:110px;min-width:110px;">营销人员电话</view>
|
<view class="van-cell__value cell-index--van-cell__value ">
|
<view class="mark sk-transparent sk-text-20-8333-908 sk-text">
|
12356897845
|
</view>
|
</view>
|
</view>
|
</view>
|
<view is="miniprogram_npm/@vant/weapp/cell/index" class="my-cell seller">
|
<view class="van-cell cell-index--van-cell van-cell--borderless cell-index--van-cell--borderless sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="true">
|
<view class="van-cell__title cell-index--van-cell__title sk-transparent sk-text-20-8333-335 sk-text" style="max-width:110px;min-width:110px;">营销人员姓名</view>
|
<view class="van-cell__value cell-index--van-cell__value sk-transparent sk-text-20-8333-21 sk-text">张三</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view is="miniprogram_npm/@vant/weapp/cell-group/index" class="my-cell-group last-cell">
|
<view class="van-cell-group group-index--van-cell-group van-hairline--top-bottom group-index--van-hairline--top-bottom sk-pseudo sk-pseudo-circle">
|
<view is="miniprogram_npm/@vant/weapp/cell/index" class="my-cell">
|
<view class="van-cell cell-index--van-cell sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="true">
|
<view class="van-cell__title cell-index--van-cell__title sk-transparent sk-text-20-8333-520 sk-text" style="true">规则详情</view>
|
</view>
|
</view>
|
<view class="padding font-size-12 sk-transparent sk-text-14-2857-254 sk-text">此活动仅限线下领取,到门店后出示核销码</view>
|
<view is="miniprogram_npm/@vant/weapp/image/index"></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|