xt / xcx-book · Commits

Go to a project

Commit f34faff0eb62fa7f03cd7260480b6d726734a1b1

Authored by vking
1 parent 9ffb0d8a
build: skipped

detail.skeleton

Inline Side-by-side
Showing 6 changed files with 505 additions and 2 deletions
@@ -130,6 +130,8 @@ Page({ @@ -130,6 +130,8 @@ Page({
130 } 130 }
131 this.setData(obj) 131 this.setData(obj)
132 } 132 }
  133 + }).catch(e=>{
  134 + util.toast('网络出错，请尝试重新进入',none)
133 }) 135 })
134 }, 136 },
135 /** 137 /**
  1 +<!--
  2 +此文件为开发者工具生成，生成时间: 2020/9/9 上午10:53:23
  3 +使用方法：
  4 +在 pages\reserve\detail.wxml 引入模板
  5 +
  6 +```
  7 +<import src="detail.skeleton.wxml"/>
  8 +<template is="skeleton" wx-if="{{loading}}" />
  9 +```
  10 +
  11 +在 pages\reserve\detail.wxss 中引入样式
  12 +```
  13 +@import "./detail.skeleton.wxss";
  14 +```
  15 +
  16 +更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
  17 +-->
  18 + <view class="sk-container">
  19 + <view is="components/layout">
  20 + <view class="layout--layout">
  21 + <view class="layout--button" hover-class="none">
  22 + <view class="layout--fixed">
  23 + <view is="components/nav/nav">
  24 + <view class="nav--nav-main-space" style="height: 64px;">
  25 + <view class="nav--nav-main" style="background-color: #ffffff;color:#000000;">
  26 + <view class="nav--nav" style="margin-top: 20px;">
  27 + <view class="nav--flex-lr nav--part" style="height: 44px; line-height: 44px">
  28 + <view class="nav--opt nav--flex-ll">
  29 + <view class="nav--back nav--flex-vc">
  30 + <image class="nav--back-image sk-image">
  31 + </image>
  32 + </view>
  33 + </view>
  34 + <view class="nav--title sk-transparent sk-text-32-9545-289 sk-text" style="background-position-x: 50%;">
  35 + 锦色烤鸭(学院路店)
  36 + </view>
  37 + <view class="nav--opt">
  38 + <view>
  39 + </view>
  40 + </view>
  41 + </view>
  42 + </view>
  43 + </view>
  44 + </view>
  45 + </view>
  46 + <view class="tabs flex-lr">
  47 + <view class="tabs-item flex-vc" data-act="detail">
  48 + <view class="tabs-item-text sk-transparent sk-text-31-2500-333 sk-text" style="border: none;">
  49 + 餐厅详情
  50 + </view>
  51 + </view>
  52 + <view class="tabs-item flex-vc" data-act="reserve">
  53 + <view class="tabs-item-text active sk-transparent sk-text-31-2500-842 sk-text" style="border: none;">
  54 + 包间预订
  55 + </view>
  56 + </view>
  57 + </view>
  58 + <view>
  59 + <view class="olreserve bg_white">
  60 + <view is="components/reserve/week-calendar/week-calendar">
  61 + <view class="week-calendar--week-calendar">
  62 + <view class="week-calendar--week-calendar-header week-calendar--flex-lr">
  63 + <view class="week-calendar--week-calendar-header-title week-calendar--week-calendar-header-item week-calendar--black-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-14-2857-940 sk-text">
  64 + 2020-09
  65 + </view>
  66 + <view class="week-calendar--week-calendar-header-more week-calendar--week-calendar-header-item week-calendar--flex-rr">
  67 + <view class="week-calendar--black-font week-calendar--font24r sk-transparent sk-text-14-2857-967 sk-text">
  68 + 更多
  69 + </view>
  70 + <image class="week-calendar--click-icon sk-image">
  71 + </image>
  72 + </view>
  73 + </view>
  74 + <view class="week-calendar--week-calendar-week week-calendar--flex-lr">
  75 + <view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-533 sk-text" style="line-height:20px;">
  76 + 日
  77 + </view>
  78 + <view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-646 sk-text" style="line-height:20px;">
  79 + 一
  80 + </view>
  81 + <view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-837 sk-text" style="line-height:20px;">
  82 + 二
  83 + </view>
  84 + <view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-89 sk-text" style="line-height:20px;">
  85 + 三
  86 + </view>
  87 + <view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-207 sk-text" style="line-height:20px;">
  88 + 四
  89 + </view>
  90 + <view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-483 sk-text" style="line-height:20px;">
  91 + 五
  92 + </view>
  93 + <view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-808 sk-text" style="line-height:20px;">
  94 + 六
  95 + </view>
  96 + </view>
  97 + <view class="week-calendar--week-calendar-content">
  98 + <view class="week-calendar--week-calendar-day-list week-calendar--flex-lr">
  99 + <view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-567 sk-text" data-date="2020-09-06">
  100 + 6
  101 + </view>
  102 + <view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-697 sk-text" data-date="2020-09-07">
  103 + 7
  104 + </view>
  105 + <view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-388 sk-text" data-date="2020-09-08">
  106 + 8
  107 + </view>
  108 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc week-calendar--today week-calendar--bg-yellow week-calendar--white-font sk-transparent sk-image" data-date="2020-09-09" style="border: none;">
  109 + 今
  110 + </view>
  111 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-600 sk-text" data-date="2020-09-10">
  112 + 明
  113 + </view>
  114 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-658 sk-text" data-date="2020-09-11">
  115 + 11
  116 + </view>
  117 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-830 sk-text" data-date="2020-09-12">
  118 + 12
  119 + </view>
  120 + </view>
  121 + <view class="week-calendar--week-calendar-day-list week-calendar--flex-lr">
  122 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-880 sk-text" data-date="2020-09-13">
  123 + 13
  124 + </view>
  125 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-975 sk-text" data-date="2020-09-14">
  126 + 14
  127 + </view>
  128 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-984 sk-text" data-date="2020-09-15">
  129 + 15
  130 + </view>
  131 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-35 sk-text" data-date="2020-09-16">
  132 + 16
  133 + </view>
  134 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-128 sk-text" data-date="2020-09-17">
  135 + 17
  136 + </view>
  137 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-164 sk-text" data-date="2020-09-18">
  138 + 18
  139 + </view>
  140 + <view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-181 sk-text" data-date="2020-09-19">
  141 + 19
  142 + </view>
  143 + </view>
  144 + </view>
  145 + </view>
  146 + </view>
  147 + <view class="reserve-time Semibold sk-transparent sk-text-14-2857-855 sk-text">
  148 + 预订时段
  149 + </view>
  150 + <view is="components/reserve/section/section">
  151 + <view class="section--section section--flex-lr">
  152 + <view class="section--flex-vc section--section-single section--bg-yellow sk-image" data-index="0" data-section="noon" style="width:172px;">
  153 + <view class="section--white-font section--font30r section--Semibold sk-transparent sk-text-14-2857-318 sk-text">
  154 + 午餐
  155 + </view>
  156 + <view class="section--white-font section--font24r sk-transparent sk-text-14-7059-472 sk-text" style="line-height:17px;">
  157 + 11:00-14:30
  158 + </view>
  159 + </view>
  160 + <view class="section--flex-vc section--section-single" data-index="1" data-section="night" style="width:172px;">
  161 + <view class="section--font30r section--Semibold sk-transparent sk-text-14-2857-132 sk-text">
  162 + 晚餐
  163 + </view>
  164 + <view class="section--font24r sk-transparent sk-text-14-7059-671 sk-text" style="line-height:17px;">
  165 + 16:00-21:00
  166 + </view>
  167 + </view>
  168 + </view>
  169 + </view>
  170 + <view is="components/reserve/select-room/select-room">
  171 + <view class="select-room--select-rooms select-room--flex-rs">
  172 + <view class="select-room--select-rooms-title select-room--black-font select-room--font-bold select-room--font30r select-room--flex-ll sk-transparent sk-text-14-2857-571 sk-text">
  173 + 已选包间
  174 + </view>
  175 + </view>
  176 + <view is="components/reserve/room/room" id="room">
  177 + <view class="room-room--room-list room-room--flex-rs">
  178 + <view class="room-room--room-item room-room--black-font room-room--border-yellow room-room--bg-yellow room-room--flex-vl" data-fid="null" data-id="61" data-index="0" data-selectnum="0" style="justify-content: center; border: none;">
  179 + <view class="room-room--font30r room-room--font-bold sk-transparent sk-text-8-3333-737 sk-text" style="width:100%;padding-right:31px;box-sizing:border-box; block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
  180 + 8人间
  181 + </view>
  182 + <view class="room-room--font24r room-room--room-more sk-transparent sk-text-8-3333-647 sk-text">
  183 + 最多可坐10人
  184 + </view>
  185 + </view>
  186 + <view class="room-room--room-item room-room--black-font room-room--border-yellow room-room--bg-yellow room-room--flex-vl" data-fid="null" data-id="62" data-index="1" data-selectnum="0" style="justify-content: center; border: none;">
  187 + <view class="room-room--font30r room-room--font-bold sk-transparent sk-text-8-3333-205 sk-text" style="width:100%;padding-right:31px;box-sizing:border-box; block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
  188 + 10人间
  189 + </view>
  190 + <view class="room-room--font24r room-room--room-more sk-transparent sk-text-8-3333-71 sk-text">
  191 + 最多可坐12人
  192 + </view>
  193 + </view>
  194 + <view class="room-room--room-item room-room--black-font room-room--border-yellow room-room--bg-yellow room-room--flex-vl" data-fid="null" data-id="63" data-index="2" data-selectnum="0" style="justify-content: center; border: none;">
  195 + <view class="room-room--font30r room-room--font-bold sk-transparent sk-text-8-3333-545 sk-text" style="width:100%;padding-right:31px;box-sizing:border-box; block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
  196 + 12人间
  197 + </view>
  198 + <view class="room-room--font24r room-room--room-more sk-transparent sk-text-8-3333-542 sk-text">
  199 + 最多可坐14人
  200 + </view>
  201 + </view>
  202 + <view class="room-room--room-item room-room--black-font room-room--border-yellow room-room--bg-yellow room-room--flex-vl" data-fid="null" data-id="64" data-index="3" data-selectnum="0" style="justify-content: center; border: none;">
  203 + <view class="room-room--font30r room-room--font-bold sk-transparent sk-text-8-3333-573 sk-text" style="width:100%;padding-right:31px;box-sizing:border-box; block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
  204 + 15人间
  205 + </view>
  206 + <view class="room-room--font24r room-room--room-more sk-transparent sk-text-8-3333-268 sk-text">
  207 + 最多可坐16人
  208 + </view>
  209 + </view>
  210 + <view class="room-room--room-item room-room--black-font room-room--border-yellow room-room--bg-yellow room-room--flex-vl" data-fid="null" data-id="65" data-index="4" data-selectnum="0" style="justify-content: center; border: none;">
  211 + <view class="room-room--font30r room-room--font-bold sk-transparent sk-text-8-3333-77 sk-text" style="width:100%;padding-right:31px;box-sizing:border-box; block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
  212 + 大厅10人桌
  213 + </view>
  214 + </view>
  215 + </view>
  216 + </view>
  217 + </view>
  218 + </view>
  219 + <view class="reserve-button-cover flex-cc">
  220 + <view class="white-font font32r reserve-button flex-cc sk-transparent sk-text-14-2857-397 sk-text">
  221 + 选好了
  222 + </view>
  223 + </view>
  224 + </view>
  225 + </view>
  226 + </view>
  227 + </view>
  228 + </view>
  229 + </view>
  1 +/*
  2 +此文件为开发者工具生成，生成时间: 2020/9/9 上午10:53:23
  3 +
  4 +在 pages\reserve\detail.wxss 中引入样式
  5 +```
  6 +@import "./detail.skeleton.wxss";
  7 +```
  8 +
  9 +更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
  10 +*/
  11 +.sk-transparent {
  12 + color: transparent !important;
  13 + }
  14 +.sk-text-32-9545-289 {
  15 + background-image: linear-gradient(transparent 32.9545%, #EEEEEE 0%, #EEEEEE 67.0455%, transparent 0%) !important;
  16 + background-size: 100% 88.0000rpx;
  17 + position: relative !important;
  18 + }
  19 +.sk-text {
  20 + background-origin: content-box !important;
  21 + background-clip: content-box !important;
  22 + background-color: transparent !important;
  23 + color: transparent !important;
  24 + background-repeat: repeat-y !important;
  25 + }
  26 +.sk-text-31-2500-333 {
  27 + background-image: linear-gradient(transparent 31.2500%, #EEEEEE 0%, #EEEEEE 68.7500%, transparent 0%) !important;
  28 + background-size: 100% 80.0000rpx;
  29 + position: relative !important;
  30 + }
  31 +.sk-text-31-2500-842 {
  32 + background-image: linear-gradient(transparent 31.2500%, #EEEEEE 0%, #EEEEEE 68.7500%, transparent 0%) !important;
  33 + background-size: 100% 80.0000rpx;
  34 + position: relative !important;
  35 + }
  36 +.sk-text-14-2857-940 {
  37 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  38 + background-size: 100% 42.0000rpx;
  39 + position: relative !important;
  40 + }
  41 +.sk-text-14-2857-967 {
  42 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  43 + background-size: 100% 33.6000rpx;
  44 + position: relative !important;
  45 + }
  46 +.sk-text-12-5000-533 {
  47 + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
  48 + background-size: 100% 40.0000rpx;
  49 + position: relative !important;
  50 + }
  51 +.sk-text-12-5000-646 {
  52 + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
  53 + background-size: 100% 40.0000rpx;
  54 + position: relative !important;
  55 + }
  56 +.sk-text-12-5000-837 {
  57 + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
  58 + background-size: 100% 40.0000rpx;
  59 + position: relative !important;
  60 + }
  61 +.sk-text-12-5000-89 {
  62 + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
  63 + background-size: 100% 40.0000rpx;
  64 + position: relative !important;
  65 + }
  66 +.sk-text-12-5000-207 {
  67 + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
  68 + background-size: 100% 40.0000rpx;
  69 + position: relative !important;
  70 + }
  71 +.sk-text-12-5000-483 {
  72 + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
  73 + background-size: 100% 40.0000rpx;
  74 + position: relative !important;
  75 + }
  76 +.sk-text-12-5000-808 {
  77 + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
  78 + background-size: 100% 40.0000rpx;
  79 + position: relative !important;
  80 + }
  81 +.sk-text-14-2857-567 {
  82 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  83 + background-size: 100% 42.0000rpx;
  84 + position: relative !important;
  85 + }
  86 +.sk-text-14-2857-697 {
  87 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  88 + background-size: 100% 42.0000rpx;
  89 + position: relative !important;
  90 + }
  91 +.sk-text-14-2857-388 {
  92 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  93 + background-size: 100% 42.0000rpx;
  94 + position: relative !important;
  95 + }
  96 +.sk-text-14-2857-600 {
  97 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  98 + background-size: 100% 42.0000rpx;
  99 + position: relative !important;
  100 + }
  101 +.sk-text-14-2857-658 {
  102 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  103 + background-size: 100% 42.0000rpx;
  104 + position: relative !important;
  105 + }
  106 +.sk-text-14-2857-830 {
  107 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  108 + background-size: 100% 42.0000rpx;
  109 + position: relative !important;
  110 + }
  111 +.sk-text-14-2857-880 {
  112 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  113 + background-size: 100% 42.0000rpx;
  114 + position: relative !important;
  115 + }
  116 +.sk-text-14-2857-975 {
  117 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  118 + background-size: 100% 42.0000rpx;
  119 + position: relative !important;
  120 + }
  121 +.sk-text-14-2857-984 {
  122 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  123 + background-size: 100% 42.0000rpx;
  124 + position: relative !important;
  125 + }
  126 +.sk-text-14-2857-35 {
  127 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  128 + background-size: 100% 42.0000rpx;
  129 + position: relative !important;
  130 + }
  131 +.sk-text-14-2857-128 {
  132 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  133 + background-size: 100% 42.0000rpx;
  134 + position: relative !important;
  135 + }
  136 +.sk-text-14-2857-164 {
  137 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  138 + background-size: 100% 42.0000rpx;
  139 + position: relative !important;
  140 + }
  141 +.sk-text-14-2857-181 {
  142 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  143 + background-size: 100% 42.0000rpx;
  144 + position: relative !important;
  145 + }
  146 +.sk-text-14-2857-855 {
  147 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  148 + background-size: 100% 44.8000rpx;
  149 + position: relative !important;
  150 + }
  151 +.sk-text-14-2857-318 {
  152 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  153 + background-size: 100% 42.0000rpx;
  154 + position: relative !important;
  155 + }
  156 +.sk-text-14-7059-472 {
  157 + background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
  158 + background-size: 100% 34.0000rpx;
  159 + position: relative !important;
  160 + }
  161 +.sk-text-14-2857-132 {
  162 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  163 + background-size: 100% 42.0000rpx;
  164 + position: relative !important;
  165 + }
  166 +.sk-text-14-7059-671 {
  167 + background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
  168 + background-size: 100% 34.0000rpx;
  169 + position: relative !important;
  170 + }
  171 +.sk-text-14-2857-571 {
  172 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  173 + background-size: 100% 42.0000rpx;
  174 + position: relative !important;
  175 + }
  176 +.sk-text-8-3333-737 {
  177 + background-image: linear-gradient(transparent 8.3333%, #EEEEEE 0%, #EEEEEE 91.6667%, transparent 0%) !important;
  178 + background-size: 100% 36.0000rpx;
  179 + position: relative !important;
  180 + }
  181 +.sk-text-8-3333-647 {
  182 + background-image: linear-gradient(transparent 8.3333%, #EEEEEE 0%, #EEEEEE 91.6667%, transparent 0%) !important;
  183 + background-size: 100% 28.8000rpx;
  184 + position: relative !important;
  185 + }
  186 +.sk-text-8-3333-205 {
  187 + background-image: linear-gradient(transparent 8.3333%, #EEEEEE 0%, #EEEEEE 91.6667%, transparent 0%) !important;
  188 + background-size: 100% 36.0000rpx;
  189 + position: relative !important;
  190 + }
  191 +.sk-text-8-3333-71 {
  192 + background-image: linear-gradient(transparent 8.3333%, #EEEEEE 0%, #EEEEEE 91.6667%, transparent 0%) !important;
  193 + background-size: 100% 28.8000rpx;
  194 + position: relative !important;
  195 + }
  196 +.sk-text-8-3333-545 {
  197 + background-image: linear-gradient(transparent 8.3333%, #EEEEEE 0%, #EEEEEE 91.6667%, transparent 0%) !important;
  198 + background-size: 100% 36.0000rpx;
  199 + position: relative !important;
  200 + }
  201 +.sk-text-8-3333-542 {
  202 + background-image: linear-gradient(transparent 8.3333%, #EEEEEE 0%, #EEEEEE 91.6667%, transparent 0%) !important;
  203 + background-size: 100% 28.8000rpx;
  204 + position: relative !important;
  205 + }
  206 +.sk-text-8-3333-573 {
  207 + background-image: linear-gradient(transparent 8.3333%, #EEEEEE 0%, #EEEEEE 91.6667%, transparent 0%) !important;
  208 + background-size: 100% 36.0000rpx;
  209 + position: relative !important;
  210 + }
  211 +.sk-text-8-3333-268 {
  212 + background-image: linear-gradient(transparent 8.3333%, #EEEEEE 0%, #EEEEEE 91.6667%, transparent 0%) !important;
  213 + background-size: 100% 28.8000rpx;
  214 + position: relative !important;
  215 + }
  216 +.sk-text-8-3333-77 {
  217 + background-image: linear-gradient(transparent 8.3333%, #EEEEEE 0%, #EEEEEE 91.6667%, transparent 0%) !important;
  218 + background-size: 100% 36.0000rpx;
  219 + position: relative !important;
  220 + }
  221 +.sk-text-14-2857-397 {
  222 + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  223 + background-size: 100% 44.8000rpx;
  224 + position: relative !important;
  225 + }
  226 +.sk-image {
  227 + background: #EFEFEF !important;
  228 + }
  229 +.sk-container {
  230 + position: absolute;
  231 + left: 0;
  232 + top: 0;
  233 + width: 100%;
  234 + height: 100%;
  235 + overflow: hidden;
  236 + background-color: transparent;
  237 + }
1 <!--pages/reserve/detail.wxml--> 1 <!--pages/reserve/detail.wxml-->
2 -<layout> 2 +<include src="detail.skeleton.wxml" wx:if="{{!seller}}"/>
  3 +<layout wx:else="">
3 <nav hasHome>{{seller.sellername}}</nav> 4 <nav hasHome>{{seller.sellername}}</nav>
4 <!-- 包间预定 --> 5 <!-- 包间预定 -->
5 <view class="tabs flex-lr" wx:if="{{hasOnlineReserve}}"> 6 <view class="tabs flex-lr" wx:if="{{hasOnlineReserve}}">
@@ -186,7 +187,6 @@ @@ -186,7 +187,6 @@
186 </view> 187 </view>
187 188
188 </view> 189 </view>
189 - <getpos bindpos="onpos" id="getpos" hasAllowLoading="{{false}}"></getpos>  
190 <!-- 190 <!--
191 <activity-tips str="￥price" cla="reserve-detail" pos="pages/reserve/detail"></activity-tips> 191 <activity-tips str="￥price" cla="reserve-detail" pos="pages/reserve/detail"></activity-tips>
192 --> 192 -->
@@ -206,6 +206,7 @@ @@ -206,6 +206,7 @@
206 </view> 206 </view>
207 </view> 207 </view>
208 </layout> 208 </layout>
  209 +<getpos bindpos="onpos" id="getpos" hasAllowLoading="{{false}}"></getpos>
209 <discount id="discount" seller="{{seller}}" wx:if="{{seller}}" cla="{{activeTab=='reserve'?'seller-reserve':''}}" 210 <discount id="discount" seller="{{seller}}" wx:if="{{seller}}" cla="{{activeTab=='reserve'?'seller-reserve':''}}"
210 bindevent="reserveEvent" 211 bindevent="reserveEvent"
211 bindhide="discountHide" 212 bindhide="discountHide"
1 /* pages/reserve/detail.wxss */ 1 /* pages/reserve/detail.wxss */
  2 +@import "./detail.skeleton.wxss";
2 .pages{ 3 .pages{
3 width: 100%; 4 width: 100%;
4 margin: 0 auto; 5 margin: 0 auto;
@@ -38,6 +38,39 @@ @@ -38,6 +38,39 @@
38 "simulatorPluginLibVersion": { 38 "simulatorPluginLibVersion": {
39 "qywx_simulator_plugin": "1.2.0" 39 "qywx_simulator_plugin": "1.2.0"
40 }, 40 },
  41 + "skeleton-config": {
  42 + "global": {
  43 + "loading": "chiaroscuro",
  44 + "text": {
  45 + "color": "#EEEEEE"
  46 + },
  47 + "image": {
  48 + "shape": "",
  49 + "color": "#EFEFEF",
  50 + "shapeOpposite": []
  51 + },
  52 + "button": {
  53 + "color": "#EFEFEF",
  54 + "excludes": []
  55 + },
  56 + "pseudo": {
  57 + "color": "#EFEFEF",
  58 + "shape": "circle",
  59 + "shapeOpposite": []
  60 + },
  61 + "excludes": [],
  62 + "remove": [],
  63 + "empty": [],
  64 + "hide": [],
  65 + "grayBlock": [],
  66 + "showNative": false,
  67 + "backgroundColor": "transparent",
  68 + "mode": "fullscreen",
  69 + "templateName": "skeleton",
  70 + "cssUnit": "rpx",
  71 + "decimal": 4
  72 + }
  73 + },
41 "condition": { 74 "condition": {
42 "search": { 75 "search": {
43 "current": -1, 76 "current": -1,