123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- <!--
- 此文件为开发者工具生成,生成时间: 2022/12/23下午4:01:20
- 使用方法:
- 在 E:\云链项目\e-wechat\packageA\market\detail.wxml 引入模板
- ```
- <import src="detail.skeleton.wxml"/>
- <template is="skeleton" wx:if="{{loading}}" />
- ```
- 在 E:\云链项目\e-wechat\packageA\market\detail.wxss 中引入样式
- ```
- @import "./detail.skeleton.wxss";
- ```
- 更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
- -->
- <template name="skeleton">
- <view class="sk-container">
- <swiper circular="true" indicator-dots="true" indicator-active-color="#333" current="0" autoplay="false">
- <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
- <view is="miniprogram_npm/@vant/weapp/image/index">
- <view class=" van-image image-index--van-image" style="width:100vw;height:232px">
- <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
- </view>
- </view>
- </swiper-item>
- </swiper>
- <view class="intr">
- <view class="title sk-transparent sk-text-14-2857-745 sk-text">
- 是的防守打法adfaouqowidkjasfhioaushfauifdf23405982日维护及or和93亖2噢4好3423423423sefsdfsaf发文安慰3千3
- </view>
- <view class="tags">
- <text class="sk-transparent sk-text-22-2222-319 sk-text">班尼戈</text>
- <text class="sk-transparent sk-text-22-2222-238 sk-text">水务</text>
- </view>
- <view class="offer">
- <view>
- <text class="price sk-transparent sk-text-14-2857-491 sk-text">¥2587.12</text>
- <text class="old-price sk-transparent sk-text-14-2857-814 sk-text" style="text-decoration-color: transparent;">¥3587.12</text>
- </view>
- <text class="unit sk-transparent sk-text-14-2857-438 sk-text">单位/根</text>
- </view>
- <view class="else">
- <text class="sk-transparent sk-text-14-7059-887 sk-text">起订量:10</text>
- <text class="sk-transparent sk-text-14-7059-57 sk-text">库存:1200 紧缺</text>
- </view>
- </view>
- <view class="model">
- <view class="label sk-transparent sk-text-34-4444-172 sk-text">
- 选择商品
- </view>
- <view class="product-box">
- <navigator class="product active sk-transparent sk-text-26-6667-752 sk-text">22X1.2mmX2.50</navigator>
- <navigator class="product sk-transparent sk-text-26-6667-108 sk-text">22X1.2mmX2.51</navigator>
- <navigator class="product sk-transparent sk-text-26-6667-361 sk-text">22X1.2mmX2.52</navigator>
- <navigator class="product sk-transparent sk-text-26-6667-445 sk-text">22X1.2mmX2.53</navigator>
- <navigator class="product sk-transparent sk-text-26-6667-283 sk-text">22X1.2mmX2.54</navigator>
- </view>
- </view>
- <view is="miniprogram_npm/@vant/weapp/tabs/index">
- <view class="tabs van-tabs tabs-index--van-tabs van-tabs--line tabs-index--van-tabs--line">
- <view is="miniprogram_npm/@vant/weapp/sticky/index">
- <view class=" van-sticky sticky-index--van-sticky" style="z-index:1">
- <view class="van-sticky-wrap sticky-index--van-sticky-wrap" style="z-index:1">
- <view class="van-tabs__wrap tabs-index--van-tabs__wrap ">
- <scroll-view class="van-tabs__scroll tabs-index--van-tabs__scroll van-tabs__scroll--line tabs-index--van-tabs__scroll--line" scroll-left="0" style="border-color: var(--assist)">
- <view class="van-tabs__nav tabs-index--van-tabs__nav van-tabs__nav--line tabs-index--van-tabs__nav--line " style="true">
- <view class="van-tabs__line tabs-index--van-tabs__line" style="width:40px;opacity:1;transform:translateX(73.83333587646484px);-webkit-transform:translateX(73.83333587646484px);background-color:var(--assist);transition-duration:0.3s;-webkit-transition-duration:0.3s"></view>
- <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab van-tab--active tabs-index--van-tab--active" data-index="0" style="color:var(--assist)">
- <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-657 sk-text" style="background-position-x: 50%;">
- 商品简介
- </view>
- </view>
- <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab" data-index="1" style="true">
- <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-954 sk-text" style="background-position-x: 50%;">
- 产品资料
- </view>
- </view>
- </view>
- </scroll-view>
- </view>
- </view>
- </view>
- </view>
- <view class="van-tabs__content tabs-index--van-tabs__content">
- <view class="van-tabs__track tabs-index--van-tabs__track van-tabs__track tabs-index--van-tabs__track" style="true">
- <view is="miniprogram_npm/@vant/weapp/tab/index">
- <view class=" van-tab__pane tab-index--van-tab__pane van-tab__pane--active tab-index--van-tab__pane--active" style="true">
- <view class="tab-box">
- <view class="row sk-transparent sk-text-15-0000-737 sk-text">
- 商品编号:CMCULP 0220001
- </view>
- <view class="row sk-transparent sk-text-15-0000-573 sk-text">
- 规格:22x1.2mmx2.5
- </view>
- <view class="row sk-transparent sk-text-15-0000-780 sk-text">
- 型号:—
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="footer">
- <view is="miniprogram_npm/@vant/weapp/button/index">
- <button app-parameter="true" business-id="true" class="but van-button button-index--van-button van-button--default button-index--van-button--default van-button--normal button-index--van-button--normal sk-button sk-pseudo sk-pseudo-circle" data-detail="null"
- form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
- <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-518 sk-text" style="background-position-x: 50%;">{{language['加入购物车']||'加入购物车'}}</view>
- </button>
- </view>
- </view>
- </view>
- </template>
|