From 9df48483c17ff60503d657ce34fe48f0f1eb7e56 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期五, 14 六月 2024 10:41:59 +0800 Subject: [PATCH] 跳转数字课程详情页 --- pages/digitalTextbooks/index.skeleton.wxml | 296 +++++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 196 insertions(+), 100 deletions(-) diff --git a/pages/digitalTextbooks/index.skeleton.wxml b/pages/digitalTextbooks/index.skeleton.wxml index 1632d51..30d7e63 100644 --- a/pages/digitalTextbooks/index.skeleton.wxml +++ b/pages/digitalTextbooks/index.skeleton.wxml @@ -1,5 +1,5 @@ <!-- -姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/6/6涓婂崍11:33:06 +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/6/13涓嬪崍6:52:18 浣跨敤鏂规硶锛� 鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalTextbooks\index.wxml 寮曞叆妯℃澘 @@ -17,7 +17,7 @@ --> <template name="skeleton"> <view class="sk-container"> - <view class="fixed-header"> + <view> <view style="width: 100%; height: 44px;"></view> <view class="nacigationBar" style="width: 70%; height: 40px;"> <view> @@ -30,114 +30,210 @@ <view class="t-icon icon--t-icon search--t-icon " style="font-size: 24px;"> <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> </view> - <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" - selection-start="-1" type="text" value="true"></view> + <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="true"></view> </view> </view> </view> - <view class="tabBox"> - <view data-index="0"> - <view class="sk-transparent sk-text-14-2857-9 sk-text"> - 楂樼瓑鏁欒偛 - </view> - <view style="margin-top: 10px;"></view> - </view> - <view data-index="1" class="nameBox"> - <view class="sk-transparent sk-text-14-2857-611 sk-text"> - 鑱屼笟鏁欒偛 - </view> - <view style="margin-top: 10px;" class="bottomLineBox"></view> - </view> - <view data-index="2"> - <view class="sk-transparent sk-text-14-2857-795 sk-text"> - 鏁欏笀鏁欒偛 - </view> - <view style="margin-top: 10px;"></view> - </view> - <view data-index="3"> - <view class="sk-transparent sk-text-14-2857-936 sk-text"> - 鍩虹鏁欒偛 - </view> - <view style="margin-top: 10px;"></view> - </view> - </view> - </view> - <view class="contentBox"> - <view class="titleBox"> - <view class="frameBox"></view> - <view class="titleTextBox"> - <view class="sk-transparent sk-text-14-2857-285 sk-text">鏁板瓧鏁欐潗鍒楄〃</view> - </view> - </view> - <view class="bookContentBox"> - <view class="external" data-item="[object Object]"> - <view class="amountClick"> - <view class="t-icon icon--t-icon " style="font-size: 15px;"> - <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top custom-tabs" style="true"> + <view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;"> + <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;"> + <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line"> + <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true"> + <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;"> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="0"> + <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-123 sk-text">楂樼瓑鏁欒偛</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active sk-image" data-index="1"> + <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-734 sk-text">鑱屼笟鏁欒偛</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2"> + <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-81 sk-text">鏁欏笀鏁欒偛</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="3"> + <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-97 sk-text">鍩虹鏁欒偛</view> + </view> + <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(132.625px); transform: translateX(132.625px); "></view> + </view> + </scroll-view> </view> - <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-217 sk-text">41</view> - </view> - <view class="imageBox"> - <image mode="true" class="sk-image"></image> - </view> - <view class="bookName sk-transparent sk-text-14-2857-567 sk-text">浣撹偛涓庡仴搴凤紙绗�3鐗堬級</view> - <view class="information"> - <view class="sk-transparent sk-opacity">-</view> - <view class="price sk-transparent sk-text-14-2857-919 sk-text">锟�38.8</view> </view> </view> - <view class="external" data-item="[object Object]"> - <view class="amountClick"> - <view class="t-icon icon--t-icon " style="font-size: 15px;"> - <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + <view class="t-tabs__content tabs--t-tabs__content"> + <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true"> + <view class=" t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="e3db7670--t_tabs_6_panel_0"> + <view class="contentBox"> + <view class="titleBox"> + <view class="frameBox"></view> + <view class="titleTextBox"> + <view class="sk-transparent sk-text-14-2857-231 sk-text">鏁板瓧璇剧▼鍒楄〃</view> + </view> + </view> + <scroll-view class="outsideContentBox" scroll-y="true"> + <view class="bookContentBox"> + <view class="external" data-item="[object Object]"> + <view class="amountClick"> + <view class="t-icon icon--t-icon " style="font-size: 15px;"> + <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + </view> + <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-478 sk-text">99</view> + </view> + <view class="imageBox"> + <image mode="true" class="sk-image"></image> + </view> + <view class="bookName sk-transparent sk-text-14-2857-357 sk-text">浣撹偛涓庡仴搴凤紙绗�3鐗堬級</view> + <view class="information"> + <view class="sk-transparent sk-opacity">-</view> + <view class="price sk-transparent sk-text-14-2857-965 sk-text">锟�38.8</view> + </view> + </view> + <view class="external" data-item="[object Object]"> + <view class="amountClick"> + <view class="t-icon icon--t-icon " style="font-size: 15px;"> + <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + </view> + <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-737 sk-text">79</view> + </view> + <view class="imageBox"> + <image mode="true" class="sk-image"></image> + </view> + <view class="bookName sk-transparent sk-text-14-2857-179 sk-text">濠村辜鍎跨敓娲荤収鎶�</view> + <view class="information"> + <view class="book-author sk-transparent sk-text-14-2857-50 sk-text"> + 璧甸潚 + </view> + <view class="price sk-transparent sk-text-14-2857-214 sk-text"> 鍏嶈垂</view> + </view> + </view> + <view class="external" data-item="[object Object]"> + <view class="amountClick"> + <view class="t-icon icon--t-icon " style="font-size: 15px;"> + <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + </view> + <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-554 sk-text">318</view> + </view> + <view class="imageBox"> + <image mode="true" class="sk-image"></image> + </view> + <view class="bookName sk-transparent sk-text-14-2857-125 sk-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫鍩虹妯″潡涓�</view> + <view class="information"> + <view class="book-author sk-transparent sk-text-14-2857-548 sk-text"> + 鐜嬫湞鏅栨�讳富缂� + </view> + <view class="price sk-transparent sk-text-14-2857-207 sk-text">锟�0.01</view> + </view> + </view> + <view class="external" data-item="[object Object]"> + <view class="amountClick"> + <view class="t-icon icon--t-icon " style="font-size: 15px;"> + <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + </view> + <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-759 sk-text">436</view> + </view> + <view class="imageBox"> + <image mode="true" class="sk-image"></image> + </view> + <view class="bookName sk-transparent sk-text-14-2857-310 sk-text">瀛﹀墠鍎跨鍗敓涓庝繚鍋�</view> + <view class="information"> + <view class="book-author sk-transparent sk-text-14-2857-640 sk-text"> + 寮犲叞棣� 娼樼钀� + </view> + <view class="price sk-transparent sk-text-14-2857-855 sk-text"> 鍏嶈垂</view> + </view> + </view> + </view> + </scroll-view> + </view> </view> - <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-267 sk-text">34</view> - </view> - <view class="imageBox"> - <image mode="true" class="sk-image"></image> - </view> - <view class="bookName sk-transparent sk-text-14-2857-920 sk-text">濠村辜鍎跨敓娲荤収鎶�</view> - <view class="information"> - <view class="book-author sk-transparent sk-text-14-2857-788 sk-text"> - 璧甸潚 + <view class=" t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="display:flex;justify-content:center;align-items:center;" id="3da29760--t_tabs_6_panel_1"> + <view class="contentBox"> + <view class="titleBox"> + <view class="frameBox"></view> + <view class="titleTextBox"> + <view class="sk-transparent sk-text-14-2857-775 sk-text">鏁板瓧璇剧▼鍒楄〃</view> + </view> + </view> + <scroll-view class="outsideContentBox" scroll-y="true"> + <view class="bookContentBox"> + <view class="external" data-item="[object Object]"> + <view class="amountClick"> + <view class="t-icon icon--t-icon " style="font-size: 15px;"> + <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + </view> + <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-674 sk-text">99</view> + </view> + <view class="imageBox"> + <image mode="true" class="sk-image"></image> + </view> + <view class="bookName sk-transparent sk-text-14-2857-847 sk-text">浣撹偛涓庡仴搴凤紙绗�3鐗堬級</view> + <view class="information"> + <view class="sk-transparent sk-opacity">-</view> + <view class="price sk-transparent sk-text-14-2857-326 sk-text">锟�38.8</view> + </view> + </view> + <view class="external" data-item="[object Object]"> + <view class="amountClick"> + <view class="t-icon icon--t-icon " style="font-size: 15px;"> + <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + </view> + <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-426 sk-text">79</view> + </view> + <view class="imageBox"> + <image mode="true" class="sk-image"></image> + </view> + <view class="bookName sk-transparent sk-text-14-2857-873 sk-text">濠村辜鍎跨敓娲荤収鎶�</view> + <view class="information"> + <view class="book-author sk-transparent sk-text-14-2857-366 sk-text"> + 璧甸潚 + </view> + <view class="price sk-transparent sk-text-14-2857-576 sk-text"> 鍏嶈垂</view> + </view> + </view> + <view class="external" data-item="[object Object]"> + <view class="amountClick"> + <view class="t-icon icon--t-icon " style="font-size: 15px;"> + <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + </view> + <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-707 sk-text">318</view> + </view> + <view class="imageBox"> + <image mode="true" class="sk-image"></image> + </view> + <view class="bookName sk-transparent sk-text-14-2857-430 sk-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫鍩虹妯″潡涓�</view> + <view class="information"> + <view class="book-author sk-transparent sk-text-14-2857-478 sk-text"> + 鐜嬫湞鏅栨�讳富缂� + </view> + <view class="price sk-transparent sk-text-14-2857-4 sk-text">锟�0.01</view> + </view> + </view> + <view class="external" data-item="[object Object]"> + <view class="amountClick"> + <view class="t-icon icon--t-icon " style="font-size: 15px;"> + <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + </view> + <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-874 sk-text">436</view> + </view> + <view class="imageBox"> + <image mode="true" class="sk-image"></image> + </view> + <view class="bookName sk-transparent sk-text-14-2857-10 sk-text">瀛﹀墠鍎跨鍗敓涓庝繚鍋�</view> + <view class="information"> + <view class="book-author sk-transparent sk-text-14-2857-724 sk-text"> + 寮犲叞棣� 娼樼钀� + </view> + <view class="price sk-transparent sk-text-14-2857-351 sk-text"> 鍏嶈垂</view> + </view> + </view> + </view> + </scroll-view> + </view> </view> - <view class="price sk-transparent sk-text-14-2857-635 sk-text"> 鍏嶈垂</view> - </view> - </view> - <view class="external" data-item="[object Object]"> - <view class="amountClick"> - <view class="t-icon icon--t-icon " style="font-size: 15px;"> - <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + <view class=" t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="7723c5f5--t_tabs_6_panel_2"> + <view class="contentBox"></view> </view> - <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-575 sk-text">186</view> - </view> - <view class="imageBox"> - <image mode="true" class="sk-image"></image> - </view> - <view class="bookName sk-transparent sk-text-14-2857-586 sk-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫鍩虹妯″潡涓�</view> - <view class="information"> - <view class="book-author sk-transparent sk-text-14-2857-82 sk-text"> - 鐜嬫湞鏅栨�讳富缂� + <view class=" t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="d3e34e84--t_tabs_6_panel_3"> + <view class="contentBox"></view> </view> - <view class="price sk-transparent sk-text-14-2857-5 sk-text">锟�0.01</view> - </view> - </view> - <view class="external" data-item="[object Object]"> - <view class="amountClick"> - <view class="t-icon icon--t-icon " style="font-size: 15px;"> - <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> - </view> - <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-620 sk-text">129</view> - </view> - <view class="imageBox"> - <image mode="true" class="sk-image"></image> - </view> - <view class="bookName sk-transparent sk-text-14-2857-616 sk-text">瀛﹀墠鍎跨鍗敓涓庝繚鍋�</view> - <view class="information"> - <view class="book-author sk-transparent sk-text-14-2857-82 sk-text"> - 寮犲叞棣� 娼樼钀� - </view> - <view class="price sk-transparent sk-text-14-2857-116 sk-text"> 鍏嶈垂</view> </view> </view> </view> -- Gitblit v1.9.1