| | |
| | | style: 'height: 248rpx', |
| | | submitType: "new", // 新建 or 编辑 |
| | | noteId: '', |
| | | myAudioDuration: '', // 视频时间 |
| | | myAudioCurrent: '', // 当前播放进度 |
| | | myAudioDuration: '00:00', // 视频时间 |
| | | myAudioCurrent: '00:00', // 当前播放进度 |
| | | isplay: false, //是否默认播放, |
| | | selectId: '', |
| | | speed: 1.0, |
| | |
| | | </view> |
| | | <!-- 视频播放的按钮 --> |
| | | <view class="bigFunctionBox"> |
| | | <slider activeColor='#FF6C00' class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider> |
| | | |
| | | |
| | | <view class="functionBox"> |
| | | |
| | | |
| | | |
| | | <!-- 左切换 --> |
| | | <view class="leftSwitchBox color" bind:tap="onLeftSwitch"> |
| | | <!-- <view class="leftSwitchBox color" bind:tap="onLeftSwitch"> |
| | | <t-icon name="previous" size="24" /> |
| | | </view> |
| | | </view> --> |
| | | |
| | | <!-- 暂停播放 --> |
| | | <view class="audioIconBox color"> |
| | | <view class="audioIconBox color" style="margin-left: 30rpx; margin-right: 10rpx;"> |
| | | <view wx:if="{{!isplay}}" bind:tap='play'> |
| | | <t-icon name="play-circle-stroke" size="24" /> |
| | | </view> |
| | |
| | | <t-icon name="pause-circle-stroke" size="24" /> |
| | | </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"> |
| | | <!-- <view class="rightSwitchBox color" bind:tap="onRightSwitch"> |
| | | <t-icon name="next" size="24" /> |
| | | </view> |
| | | </view> --> |
| | | |
| | | <!-- 时间 --> |
| | | <view class="current-time color">{{myAudioCurrent}} </view> |
| | | <view class="color" style="margin: 0 10rpx;">/</view> |
| | | <view class="duration-time color"> {{myAudioDuration}} </view> |
| | | |
| | | <view class="publicBtn color" style="margin-left:100rpx ;" bind:tap="onSpeed"> |
| | | <view class="publicBtn color" style="margin-left:40rpx ; width: 80rpx;" bind:tap="onSpeed"> |
| | | |
| | | <text class="publicText">{{"x "+speed}}</text> |
| | | </view> |
| | |
| | | |
| | | .mp-slider-bar { |
| | | margin: 0 18rpx; |
| | | margin-top: 10rpx; |
| | | /* margin-top: 10rpx; */ |
| | | } |
| | | |
| | | .t-tabs__item--active { |
| | |
| | | |
| | | .t-tabs__track { |
| | | background-color: #FF6C00 !important; |
| | | } |
| | | |
| | | .audioIconBox { |
| | | /* margin-top: 10rpx; */ |
| | | } |
| | |
| | | if (eitem.id == item.id) { |
| | | eitem.checked = e.detail.checked |
| | | } |
| | | |
| | | |
| | | }) |
| | | const data = items.filter(item => item.checked) |
| | | const checkAll = data.length == this.data.shoppingCartData.length |
| | | |
| | | this.setData({ |
| | | shoppingCartData: items, |
| | | checkAll |
| | |
| | | }); |
| | | }) |
| | | } else { |
| | | |
| | | Toast({ |
| | | context: this, |
| | | selector: '#t-toast', |
| | |
| | | direction: 'column', |
| | | }); |
| | | } |
| | | |
| | | |
| | | |
| | | } |
| | | }); |
| | |
| | | <view class="labelBox"> |
| | | <view class="eBook" wx:if="{{type == 'product'}}">电子书</view> |
| | | <view wx:if="{{type == 'item'}}" class="cloudLearning">云学习</view> |
| | | |
| | | </view> |
| | | |
| | | <view class="boosName"> |
| | | {{item.productMonWithLinkDto.product.name}} |
| | | </view> |
| | | |
| | | |
| | | </view> |
| | | |
| | | <view slot="description" class="descriptionBox"> |
| | | |
| | | <view> |
| | | <view class="textBox" wx:if="{{type == 'product'}}">图书服务-电子书</view> |
| | | <view class="textBox" wx:if="{{type == 'item'}}">图书服务-云学习</view> |
| | | </view> |
| | | |
| | | <view wx:if="{{item.saleMethod.price != 0}}"> |
| | | ¥{{item.saleMethod.price}} |
| | | </view> |
| | | |
| | | |
| | | <view wx:else class="descriptionBox"> 立即领取</view> |
| | | </view> |
| | | |
| | | <view slot="left-icon" class="left-icon"> |
| | | <view class="contentCheckbox"> |
| | | <t-checkbox icon="rectangle" value=" {{item.id}}" data-item="{{item}}" checked="{{item.checked}}" bindchange="HandelItemChange" /> |
| | |
| | | </view> |
| | | </t-cell> |
| | | </view> |
| | | <!-- </view> --> |
| | | <view slot="right" class="btn delete-btn" bind:tap="onDelete" data-item="{{item}}">删除</view> |
| | | </t-swipe-cell> |
| | | <!-- </checkbox-group> --> |
| | | </view> |
| | | |
| | | <view class="bottomBox"> |
| | |
| | | background: #5F92FD; |
| | | text-align: center; |
| | | line-height: 38rpx; |
| | | border-radius: 9rpx; |
| | | } |
| | | |
| | | .boosName { |
| | |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | font-family: PingFang SC, PingFang SC; |
| | | font-weight: bold; |
| | | font-size: 29rpx; |
| | | color: #333333; |
| | | } |
| | | |
| | | .textBox { |
| | |
| | | </view> |
| | | </view> |
| | | </t-dialog> |
| | | |
| | | <view class="shoppingCartList"> |
| | | <view class="cartList" wx:for="{{productList}}" wx:key="index" wx:for-item="item" wx:for-index="index"> |
| | | <view class="imageBox"> |
| | | <image src="{{item.paymentIcon }}" mode="aspectFill" /> |
| | | </view> |
| | | |
| | | <view class="cartListContent"> |
| | | |
| | | |
| | | <view class="cartListDetails"> |
| | | <view class="labelBox"> |
| | | <view class="eBook" wx:if="{{type == 'product'}}">电子书</view> |
| | | <view wx:if="{{type == 'item'}}" class="cloudLearning">云学习</view> |
| | | </view> |
| | | |
| | | <view class="boosName"> |
| | | {{item.orderSaleMethod.product.name}} |
| | | </view> |
| | | |
| | | </view> |
| | | |
| | | <view class="textBox" wx:if="{{type == 'product'}}">图书服务-电子书</view> |
| | | <view class="textBox" wx:if="{{type == 'item'}}">图书服务-云学习</view> |
| | | <view class="priceBox">¥{{item.payPrice}}</view> |
| | |
| | | <view class="priceBreakdown"> |
| | | <view class="priceBreakdownContent">价格明细</view> |
| | | <view class="amountMoney"> |
| | | <view>商品金额</view> |
| | | <view>¥{{payPrice}}</view> |
| | | <view class="commodityBox">商品金额</view> |
| | | <view class="payPriceBox">¥{{payPrice}}</view> |
| | | </view> |
| | | <view class="amount"> |
| | | <view>合计:¥{{payPrice}}</view> |
| | | <view> <text>合计: </text> ¥{{payPrice}}</view> |
| | | </view> |
| | | </view> |
| | | |
| | |
| | | font-size: 31rpx; |
| | | color: #0F1214; |
| | | font-family: DIN, DIN; |
| | | |
| | | |
| | | |
| | | |
| | | } |
| | | |
| | | .priceBreakdown { |
| | |
| | | |
| | | .priceBreakdownContent { |
| | | font-weight: bold; |
| | | font-size: 32rpx; |
| | | font-size: 29rpx; |
| | | color: #0F1214; |
| | | margin-bottom: 50rpx; |
| | | font-family: PingFang SC, PingFang SC; |
| | | |
| | | } |
| | | |
| | | .amountMoney { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | font-weight: 500; |
| | | font-size: 33rpx; |
| | | color: #0F1214; |
| | | border-bottom: 2rpx solid #EDEDED; |
| | | padding-bottom: 38rpx; |
| | | } |
| | |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | margin: 30rpx 0; |
| | | font-family: DIN, DIN; |
| | | font-weight: 500; |
| | | font-size: 33rpx; |
| | | color: #0F1214; |
| | | } |
| | | |
| | | .amount text { |
| | | font-family: PingFang SC, PingFang SC; |
| | | font-weight: 400; |
| | | font-size: 25rpx; |
| | | color: #949494 |
| | | } |
| | | |
| | | |
| | |
| | | |
| | | .residue { |
| | | color: #949494; |
| | | font-family: PingFang SC, PingFang SC; |
| | | font-weight: 400; |
| | | font-size: 25rpx; |
| | | color: #949494; |
| | | } |
| | | |
| | | .residueTextBox { |
| | | font-weight: bold; |
| | | font-size: 38rpx; |
| | | color: #FF6C00; |
| | | font-family: DIN, DIN; |
| | | } |
| | | |
| | | .buttonBox { |
| | |
| | | font-size: 22rpx; |
| | | color: #FFFFFF; |
| | | font-family: PingFang SC, PingFang SC; |
| | | } |
| | | |
| | | |
| | | .labelBox text { |
| | | color: #000; |
| | | } |
| | | |
| | | .boosName { |
| | |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | } |
| | | |
| | | .commodityBox { |
| | | font-family: PingFang SC, PingFang SC; |
| | | font-weight: 400; |
| | | font-size: 27rpx; |
| | | color: #0F1214; |
| | | } |
| | | |
| | | .payPriceBox { |
| | | font-family: DIN, DIN; |
| | | font-weight: 500; |
| | | font-size: 33rpx; |
| | | color: #0F1214; |
| | | } |