<!-- 此文件为开发者工具生成,生成时间: 2023/1/16上午10:10:24 使用方法: 在 E:\云链项目\e-wechat\select\activity\index.wxml 引入模板 ``` <import src="index.skeleton.wxml"/> <template is="skeleton" wx:if="{{loading}}" /> ``` 在 E:\云链项目\e-wechat\select\activity\index.wxss 中引入样式 ``` @import "./index.skeleton.wxss"; ``` 更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html --> <template name="skeleton"> <view class="sk-container"> <view is="miniprogram_npm/@vant/weapp/search/index" class="search"> <view class="van-search index--van-search " style="background: #ffffff"> <view class="van-search__content index--van-search__content van-search__content--round index--van-search__content--round"> <view is="miniprogram_npm/@vant/weapp/field/index" class="van-search__field index--van-search__field "> <view is="miniprogram_npm/@vant/weapp/cell/index"> <view class="field-index--van-field 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="padding: 5px 10px 5px 0; background-color: transparent;"> <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-cell__left-icon-wrap cell-index--van-cell__left-icon-wrap"> <view class="cell-index--van-cell__left-icon van-icon icon-index--van-icon van-icon-search icon-index--van-icon-search sk-pseudo sk-pseudo-circle" style="true"></view> </view> <view class="van-cell__value cell-index--van-cell__value "> <view class="van-field__body field-index--van-field__body van-field__body--search field-index--van-field__body--search"> <view class="van-field__control field-index--van-field__control sk-image" cursor="-1" maxlength="-1" placeholder="{{language['关键字']||'请输入搜索关键词'}}" placeholder-class="van-field__placeholder" placeholder-style="true" selection-end="-1" selection-start="-1" type="search" value="true"></view> </view> </view> </view> </view> </view> </view> </view> </view> <view class="total sk-transparent sk-text-30-0000-597 sk-text">共5个</view> <view is="components/Yl_ListBox/index" id="ListBox"> <scroll-view scroll-y="true" class="ListBox-index--scroll-view" refresher-enabled="true" style="height: 640px;"> <navigator class="product" data-id="8"> <view class="image-box"> <view is="miniprogram_npm/@vant/weapp/image/index"> <view class=" van-image image-index--van-image" style="width:100%;height:100%"> <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image> </view> </view> </view> <view class="right-box"> <view class="title line-1 sk-transparent sk-text-15-0000-302 sk-text">1111</view> <view class="tags"> <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-307 sk-text"> 打包促销 </view> <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-141 sk-text"> 班尼戈 </view> <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-841 sk-text"> 燃气 </view> </view> <view class="type line-1 sk-transparent sk-text-14-7059-223 sk-text">{{language['开始时间']||'开始时间'}}:2023-01-10 00:00:00</view> <view class="type line-1 sk-transparent sk-text-14-7059-885 sk-text">{{language['结束时间']||'结束时间'}}:2023-01-19 00:00:00</view> </view> </navigator> <navigator class="product" data-id="9"> <view class="image-box"> <view is="miniprogram_npm/@vant/weapp/image/index"> <view class=" van-image image-index--van-image" style="width:100%;height:100%"> <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image> </view> </view> </view> <view class="right-box"> <view class="title line-1 sk-transparent sk-text-15-0000-58 sk-text">1</view> <view class="tags"> <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-574 sk-text"> 普通促销 </view> <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-56 sk-text"> 班尼戈 </view> <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-870 sk-text"> 燃气 </view> </view> <view class="type line-1 sk-transparent sk-text-14-7059-137 sk-text">{{language['开始时间']||'开始时间'}}:2023-01-10 00:00:00</view> <view class="type line-1 sk-transparent sk-text-14-7059-271 sk-text">{{language['结束时间']||'结束时间'}}:2023-01-19 00:00:00</view> </view> </navigator> <navigator class="product" data-id="10"> <view class="image-box"> <view is="miniprogram_npm/@vant/weapp/image/index"> <view class=" van-image image-index--van-image" style="width:100%;height:100%"> <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image> </view> </view> </view> <view class="right-box"> <view class="title line-1 sk-transparent sk-text-15-0000-705 sk-text">测试方案2</view> <view class="tags"> <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-490 sk-text"> 普通促销 </view> <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-835 sk-text"> 班尼戈 </view> <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-448 sk-text"> 燃气 </view> </view> <view class="type line-1 sk-transparent sk-text-14-7059-711 sk-text">{{language['开始时间']||'开始时间'}}:2023-01-10 00:00:00</view> <view class="type line-1 sk-transparent sk-text-14-7059-37 sk-text">{{language['结束时间']||'结束时间'}}:2023-01-19 00:00:00</view> </view> </navigator> <view class="ListBox-index--safety"></view> </scroll-view> </view> </view> </template>