From d7b7435558c15789e9a2c650389cd28ce88d443b Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 06 五月 2025 15:05:42 +0800 Subject: [PATCH] 资源查看判断是否购买 --- packageDomain/pages/resourceDetails/myAudio/index.wxml | 526 ++++++++++++++++++++++++++++++--------------------------- 1 files changed, 276 insertions(+), 250 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxml b/packageDomain/pages/resourceDetails/myAudio/index.wxml index 90482e5..14764ec 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.wxml +++ b/packageDomain/pages/resourceDetails/myAudio/index.wxml @@ -1,269 +1,295 @@ -<view style="width: 100%; height: {{barHeight}}px; "></view> -<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;"> - <view> - <t-icon - name="chevron-left" - size="30" - data-name="{{item}}" - bind:click="goBack" - /> - </view> - <view class="navbar-title">璧勬簮璇︽儏-闊抽</view> -</view> +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{loading}}" /> -<view class="audioPlayerBox"> - <view - class="audioBackground" - style="background-image: url('http://182.92.203.7:3007/jsek/website/image/video-bg.png');" - > - <image src="/static/images/resourceDetailsMyAudio/cd.png" alt="" /> - </view> - <!-- 瑙嗛鎾斁鐨勬寜閽� --> - <view class="bigFunctionBox"> - <view class="functionBox"> - <!-- 宸﹀垏鎹� --> - <!-- <view class="leftSwitchBox color" bind:tap="onLeftSwitch"> - <t-icon name="previous" size="24" /> - </view> --> +<view wx:if="{{!hidden}}"> + <!-- <view style="width: 100%; height: {{barHeight}}px; "></view> + <view class="nacigationBar" style="width: 100%; height: {{navBarHeight}}px;"> + <view> + <t-icon + name="chevron-left" + size="30" + data-name="{{item}}" + bind:click="goBack" + /> + </view> + <view class="navbar-title">璧勬簮璇︽儏-闊抽</view> + </view> --> - <!-- 鏆傚仠鎾斁 --> - <view - class="audioIconBox color" - style="margin-left: 30rpx; margin-right: 10rpx" - > - <view wx:if="{{!isplay}}" bind:tap="play" class="pauseCircleBox"> - <!-- <t-icon name="play-circle-stroke" size="24" /> --> - <image - src="/static/images/resourceDetailsMyAudio/play@2x.png" - mode="" - /> + <view class="audioPlayerBox"> + <view + class="audioBackground" + style="background-image: url('https://jsek.bnuic.com/home/image/video-bg.png')" + > + <image src="/static/images/resourceDetailsMyAudio/cd.png" alt="" /> + </view> + <!-- 瑙嗛鎾斁鐨勬寜閽� --> + <view class="bigFunctionBox"> + <view class="functionBox"> + <!-- 鏆傚仠鎾斁 --> + <view + class="audioIconBox color" + style="margin-left: 30rpx; margin-right: 10rpx" + > + <view wx:if="{{isplay}}" bind:tap="play" class="pauseCircleBox"> + <!-- <t-icon name="play-circle-stroke" size="24" /> --> + <image + src="/static/images/resourceDetailsMyAudio/play@2x.png" + mode="" + /> + </view> + <view wx:if="{{!isplay}}" bind:tap="stop" class="pauseCircleBox"> + <!-- <t-icon name="pause-circle-stroke" size="24" /> --> + <image + src="/static/images/resourceDetailsMyAudio/zanting@2x.png" + mode="" + /> + </view> </view> - <view wx:else bind:tap="stop" class="pauseCircleBox"> - <!-- <t-icon name="pause-circle-stroke" size="24" /> --> - <image - src="/static/images/resourceDetailsMyAudio/zanting@2x.png" - mode="" - /> - </view> - </view> - <slider - style="width: 300rpx" - activeColor="#FF6C00" - class="mp-slider-bar" - block-size="16" - value="{{myAudioPos}}" - bindchange="hanle_slider_change" - ></slider> - <!-- 鍙冲垏鎹� --> - <!-- <view class="rightSwitchBox color" bind:tap="onRightSwitch"> - <t-icon name="next" size="24" /> - </view> --> + <slider + style="width: 300rpx" + activeColor="#FF6C00" + class="mp-slider-bar" + block-size="16" + value="{{myAudioPos}}" + bindchange="hanle_slider_change" + ></slider> - <!-- 鏃堕棿 --> - <view class="current-time color">{{myAudioCurrent}} </view> - <view class="color" style="margin: 0 10rpx">/</view> - <view class="duration-time color"> {{myAudioDuration}} </view> - - <!-- bind:tap="onSpeed" --> - <view class="publicBtn color"> - <view class="publicText" bind:tap="toggleDropdown"> - <view> {{"x "+speed}} </view> - <t-icon - style="margin-top: 10rpx" - wx:if="{{showDropdown}}" - name="caret-up-small" - size="14" - bind:click="onIconTap" - /> - <t-icon - style="margin-top: 10rpx" - wx:else - name="caret-down-small" - size="14" - bind:click="onIconTap" - /> + <!-- 鏃堕棿 --> + <view class="timeBox"> + <view class="current-time color">{{myAudioCurrent}} </view> + <view class="color" style="margin: 0 10rpx">/</view> + <view class="duration-time color"> {{myAudioDuration}} </view> </view> - <view class="multipleBox" wx:if="{{showDropdown}}"> - <view - wx:if="{{speed != 0.5}}" - style="margin: 5rpx 0" - bind:tap="smallSpeed" - >x0.5</view - > - <view - wx:if="{{speed != 1}}" - style="margin: 5rpx 0" - bind:tap="smallSpeeDmultiple" - >x1</view - > - <view - wx:if="{{speed != 1.5}}" - style="margin: 5rpx 0" - bind:tap="centreSpeed" - >x1.5</view - > - <view - wx:if="{{speed != 2}}" - style="margin: 5rpx 0" - bind:tap="bigSpeed" - >x2</view - > + + <!-- bind:tap="onSpeed" --> + <view class="publicBtn color"> + <view class="publicText" bind:tap="toggleDropdown"> + <view> {{"x "+speed}} </view> + <t-icon + style="margin-top: 10rpx" + wx:if="{{showDropdown}}" + name="caret-up-small" + size="14" + bind:click="onIconTap" + /> + <t-icon + style="margin-top: 10rpx" + wx:else + name="caret-down-small" + size="14" + bind:click="onIconTap" + /> + </view> + <view class="multipleBox" wx:if="{{showDropdown}}"> + <view + style="margin: 10rpx 0" + wx:if="{{speed != 0.5}}" + bind:tap="smallSpeed" + >x0.5</view + > + <view + style="margin: 10rpx 0" + wx:if="{{speed != 1}}" + bind:tap="smallSpeeDmultiple" + >x1</view + > + <view + style="margin: 10rpx 0" + wx:if="{{speed != 1.5}}" + bind:tap="centreSpeed" + >x1.5</view + > + <view + style="margin: 10rpx 0" + wx:if="{{speed != 2}}" + bind:tap="bigSpeed" + >x2</view + > + </view> </view> </view> </view> </view> -</view> -<!-- 鏍囬 --> -<view class="titleBox">{{titleName}}</view> -<view class="contentBox"> - <t-tabs - defaultValue="{{0}}" - bind:change="onTabsChange" - bind:click="onTabsClick" - t-class="custom-tabs" - t-class-content="custom-panel" - > - <!-- 璧勬簮鍒楄〃 --> - <t-tab-panel - label="璧勬簮鍒楄〃" - value="0" - style="{{tabPanelstyle}}" - style="width: 750rpx" + <!-- 鏍囬 --> + <view class="titleBox">{{titleName}}</view> + <view class="contentBox"> + <t-tabs + defaultValue="{{0}}" + bind:change="onTabsChange" + bind:click="onTabsClick" + t-class="custom-tabs" + t-class-content="custom-panel" + split="{{false}}" > - <view class="wrapper"> - <t-collapse value="{{activeValues}}" bind:change="handleChange"> - <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon> - <view - class="detailsName" - wx:for="{{threeLeveData}}" - wx:key="index" - wx:for-item="item" - wx:for-index="index" - bind:tap="onVideo" - data-item="{{item}}" - data-index="{{index}}" - > - <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}" - >{{item.name}}</view + <!-- 璧勬簮鍒楄〃 --> + <t-tab-panel + label="璧勬簮鍒楄〃" + value="0" + style="{{tabPanelstyle}}" + style="width: 750rpx" + > + <scroll-view + style="height: 700rpx" + scroll-y + scroll-into-view="{{toView}}" + > + <view class="wrapper"> + <!-- <t-collapse value="{{activeValues}}" bind:change="handleChange"> + <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon> + + </t-collapse-panel> + </t-collapse> --> + <view class="outsideDetailsName"> + <view class="titleBox"> {{parentName}}</view> + <view + class="detailsName" + wx:for="{{threeLeveData}}" + wx:key="index" + wx:for-item="item" + wx:for-index="index" + bind:tap="onVideo" + data-item="{{item}}" + data-index="{{index}}" + id="{{selectedId == index ? 'activeName'+index : ''}}" > - </view> - </t-collapse-panel> - </t-collapse> - </view> - </t-tab-panel> - <!-- 绗旇灞曠ず --> - <t-tab-panel label="绗旇" value="1" style="{{tabPanelstyle}}"> - <view class="wrapper"> - <t-collapse value="{{activeValues}}" bind:change="handleChange"> - <view wx:if="{{noteList.length == 0}}" class="noData"> - <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> - </view> - - <t-collapse-panel - value="{{item.id}}" - expandIcon - wx:for="{{noteList}}" - > - <view slot="header" class="collapse-header"> - <t-image - class="note-icon" - src="/static/images/bookService/detail/note-icon.png" - ></t-image> - <view class="header-name">{{titleName}}</view> - </view> - <view> - <view class="note-content">{{item.content}}</view> - <view class="note-bottom"> - <view class="note-time">{{item.createDate}}</view> - <view class="bottom-btn"> - <t-image - src="/static/images/bookService/detail/compliceHover.png" - class="complice" - bind:tap="editNote" - data-note="{{item}}" - ></t-image> - <view></view> - <t-image - src="/static/images/bookService/detail/deleteHover.png" - class="delete" - bind:tap="deleteNote" - data-id="{{item.id}}" - ></t-image> - </view> + <view + style="color: {{selectedId == index ? '#ff6c00' : '#000'}} " + >{{item.name}}</view + > </view> </view> - </t-collapse-panel> - </t-collapse> - </view> - </t-tab-panel> - </t-tabs> + </view> + </scroll-view> + </t-tab-panel> + <!-- 绗旇灞曠ず --> + <t-tab-panel label="绗旇" value="1" style="{{tabPanelstyle}}"> + <view class="wrapper"> + <t-collapse value="{{activeValues}}" bind:change="handleChange"> + <view wx:if="{{noteList.length == 0}}" class="noData"> + <!-- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> --> + <empty /> + </view> - <!-- 璁扮瑪璁� --> - <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog"> - <view class="takeNotesLining"> - <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 璁扮瑪璁� + <t-collapse-panel + value="{{item.id}}" + expandIcon + wx:for="{{noteList}}" + > + <view slot="header" class="collapse-header"> + <t-image + class="note-icon" + src="/static/images/bookService/detail/note-icon.png" + ></t-image> + <view class="header-name">{{item.name}}</view> + </view> + <view> + <view class="note-content">{{item.content}}</view> + <view class="note-bottom"> + <view class="note-time">{{item.createDate}}</view> + <view class="bottom-btn"> + <t-image + src="/static/images/bookService/detail/compliceHover.png" + class="complice" + bind:tap="editNote" + data-note="{{item}}" + ></t-image> + <view></view> + <t-image + src="/static/images/bookService/detail/deleteHover.png" + class="delete" + bind:tap="deleteNote" + data-id="{{item.id}}" + ></t-image> + </view> + </view> + </view> + </t-collapse-panel> + </t-collapse> + </view> + </t-tab-panel> + </t-tabs> + + <!-- 璁扮瑪璁� --> + <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog"> + <view class="takeNotesLining"> + <image + src="/static/images/resourceDetails/jibiji锛廼con@2x.png" + mode="" + /> + 璁扮瑪璁� + </view> </view> + <view class="buttonBox"></view> </view> + + <!-- 璁扮瑪璁板脊绐� --> + <t-popup + visible="{{dialogKey}}" + bind:visible-change="onVisibleChange" + placement="center" + > + <view class="popup"> + <view slot="title"> + <view class="title-text" wx:if="{{!flag}}"> + <text class="note-title">{{submitTitle}}</text> + <t-image + src="/static/images/bookService/detail/edit.png" + class="edit-icon" + bind:tap="changeTitle" + data-value="{{true}}" + ></t-image> + </view> + <view wx:else> + <t-input + value="{{submitTitle}}" + style="{{inputStyle}}" + data-value="{{false}}" + bind:enter="changeTitle" + bind:blur="changeTitle" + maxlength="{{50}}" + bind:change="inputChange" + ></t-input> + </view> + </view> + <view slot="content"> + <view class="textarea-example"> + <text class="textarea-example__label">鍐呭:</text> + <t-textarea + value="{{textvalue}}" + t-class="external-class" + placeholder="璇疯緭鍏ユ枃瀛�" + bordered + maxlength="500" + disableDefaultPadding="{{true}}" + indicator + style="{{inputStyle}}" + bind:change="textareaChange" + /> + </view> + + <view class="submit-btn"> + <t-button theme="primary" size="large" block bind:tap="confirmSuggest" + >鎻愪氦</t-button + > + </view> + </view> + </view> + <t-icon + t-class="close-btn" + name="close-circle" + size="32" + color="#fff" + bind:tap="closeDialog" + /> + </t-popup> </view> -<!-- 璁扮瑪璁板脊绐� --> -<t-popup - visible="{{dialogKey}}" - bind:visible-change="onVisibleChange" - placement="center" -> - <view class="popup"> - <view slot="title"> - <view class="title-text" wx:if="{{!flag}}"> - <text class="note-title">{{titleName}}</text> - <t-image - src="/static/images/bookService/detail/edit.png" - class="edit-icon" - bind:tap="changeTitle" - data-value="{{true}}" - ></t-image> - </view> - <view wx:else> - <t-input - value="{{titleName}}" - style="{{inputStyle}}" - data-value="{{false}}" - bind:enter="changeTitle" - bind:blur="changeTitle" - maxlength="{{50}}" - bind:change="inputChange" - ></t-input> - </view> - </view> - <view slot="content"> - <view class="textarea-example"> - <text class="textarea-example__label">鍐呭:</text> - <t-textarea - value="{{textvalue}}" - t-class="external-class" - placeholder="璇疯緭鍏ユ枃瀛�" - bordered - maxlength="500" - disableDefaultPadding="{{true}}" - indicator - style="{{inputStyle}}" - bind:change="textareaChange" - /> - </view> - - <view class="submit-btn"> - <t-button theme="primary" size="large" block bind:tap="confirmSuggest" - >鎻愪氦</t-button - > - </view> - </view> - </view> - <t-icon - t-class="close-btn" - name="close-circle" - size="32" - color="#fff" - bind:tap="closeDialog" - /> -</t-popup> +<t-dialog +class="prompDialog" + visible="{{promptVisable}}" + title="鎻愮ず" + content="璇曞惉缁撴潫锛岃璐拱姝e紡璧勬簮" + confirm-btn="{{ confirmBtn }}" + bind:confirm="closePromapDialog" +/> -- Gitblit v1.9.1