From a9bd2df4da1cf7b198db7bf2d67ce8adbbe89b32 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期四, 11 四月 2024 22:00:27 +0800 Subject: [PATCH] 音频播放bug --- pages/cart/index.wxss | 296 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 289 insertions(+), 7 deletions(-) diff --git a/pages/cart/index.wxss b/pages/cart/index.wxss index ea19962..b343c4d 100644 --- a/pages/cart/index.wxss +++ b/pages/cart/index.wxss @@ -1,13 +1,295 @@ -:host { - padding-bottom: 100rpx; +/* pages/cart/item.wxss */ +@import "./index.skeleton.wxss"; + +.btn-wrapper { + height: 100%; } -.gap { +.btn { + display: inline-flex; + justify-content: center; + align-items: center; + width: 120rpx; + height: 100%; + color: white; +} + +.delete-btn { + background-color: #e34d59; +} + +.edit-btn { + background-color: #ed7b2f; +} + +.favor-btn { + background-color: #0052d9; +} + +.outsideContentBox { + /* padding: 30rpx; */ + background: #F2F3F8; + border-radius: 18rpx 18rpx 18rpx 18rpx; + padding-bottom: 325rpx; + height: calc(100vh - 250rpx); + /* width: calc(100vw - 60rpx); */ + +} + +.bottomBox { + + /* height: 135rpx; */ height: 100rpx; - width: 100%; + background: #FFFFFF; + display: flex; + align-items: center; + position: fixed; + bottom: calc(env(safe-area-inset-bottom) + 100rpx); + left: 0; + right: 0; } -.t-button { - --td-button-default-color: #000; - --td-button-primary-text-color: #fa4126; +.checkGroupBox { + /* flex: 1; */ + margin: 0 30rpx; + min-width: 120rpx; } + + + +.settlementBox { + width: 80%; + display: flex; + align-items: center; + /* justify-content: space-between; */ +} + +.totalPrice { + flex: 1; + /* margin: 0 50rpx; */ + min-width: 295rpx; +} + +.buttonBox { + margin-right: 80rpx; + min-width: 200rpx; +} + +.tButtonBox { + /* background-color: #FF6C00; */ + width: 200rpx; + height: 80rpx; +} + +.t-button__content { + min-width: 170rpx; +} + +checkbox .wx-checkbox-input { + /* border-radius: 50%; */ + /* 鍦嗚 */ + /* width: 46rpx; */ + /* 鑳屾櫙鐨勫 */ + /* height: 46rpx; */ + /* 鑳屾櫙鐨勯珮 */ + width: 30rpx; + height: 30rpx; +} + +/* 閫変腑鍚庣殑 鑳屾櫙鏍峰紡*/ +checkbox .wx-checkbox-input.wx-checkbox-input-checked { + border: 1rpx solid #FF6C00; + background: #FF6C00; +} + +checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { + border-radius: 50%; + /* 鍦嗚 */ + width: 40rpx; + /* 閫変腑鍚庡鍕惧ぇ灏忥紝涓嶈瓒呰繃鑳屾櫙鐨勫昂瀵� */ + height: 40rpx; + /* 閫変腑鍚庡鍕惧ぇ灏忥紝涓嶈瓒呰繃鑳屾櫙鐨勫昂瀵� */ + line-height: 40rpx; + text-align: center; + font-size: 30rpx; + /* 瀵瑰嬀澶у皬 30rpx */ + color: #fff; + /* 瀵瑰嬀棰滆壊 鐧借壊 */ + background: transparent; + transform: translate(-50%, -50%) scale(1); + -webkit-transform: translate(-50%, -50%) scale(1); +} + + +.contentBox { + display: flex; + align-items: center; + background-color: #fff; + margin: 30rpx 0; + border-radius: 18rpx 18rpx 18rpx 18rpx; + height: 260rpx; + +} + +.totalPriceText { + color: #FF6C00; + min-width: 133rpx; +} + +.LaelBox { + margin: 50rpx; +} + +.itemWarp { + margin: 15rpx 0; +} + +.t-cell { + border-radius: 18rpx; +} + +.t-cell__left-image { + width: 150rpx; + height: 210rpx; +} + + +.contentCheckbox { + /* width: 100rpx; */ + margin-right: 30rpx; +} + +.left-icon { + display: flex; + justify-content: flex-start; + align-items: center; +} + +.left-image { + width: 152rpx; + height: 212rpx; + /* background: #FFFFFF; */ + border-radius: 0rpx 0rpx 0rpx 0rpx; + box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); +} + +.imageStyle { + width: 100%; + height: 100%; +} + +.t-checkbox { + --td-checkbox-icon-checked-color: #FF6C00; +} + +.t-checkbox--block { + padding: 0 !important; +} + +.t-button--default { + background-color: #FF6C00 !important; +} + +.noDataBox { + width: 100%; + margin-top: 200rpx; + display: flex; + justify-content: center; + align-items: center; +} + +page { + background: #F2F3F8; +} + +.titleBox { + display: flex; + flex-direction: row; + margin: 15rpx; +} + +.descriptionBox { + margin: 15rpx; +} + +.labelBox { + width: 125rpx; + height: 38rpx; + font-size: 22rpx; + color: #FFFFFF; + font-family: PingFang SC, PingFang SC; + /* margin-right: 30rpx; */ + border-radius: 0px 0px 0px 5px; +} + +.eBook { + width: 85rpx; + height: 38rpx; + background: #FF6C00; + text-align: center; + line-height: 38rpx; + border-radius: 9rpx; + color: #fff; + padding: 5rpx; + font-size: 22rpx; + font-weight: 400; + + +} + +.cloudLearning { + width: 100%; + height: 100%; + background: #5F92FD; + text-align: center; + line-height: 38rpx; + border-radius: 9rpx; + color: #fff; + padding: 5rpx; + font-size: 22rpx; + font-weight: 400; +} + +.boosName { + font-family: PingFang SC, PingFang SC; + font-weight: bold; + font-size: 29rpx; + margin: 0 10rpx; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + + +} + +/* + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; */ + +/* display: inline; */ +.textBox { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 25rpx; + color: #333333; + /* margin: 10rpx 0; */ + margin-bottom: 20rpx; +} + + +.bottom-box { + display: flex; + justify-content: center; + color: #999; + height: 80rpx; + font-size: 28rpx; + --td-loading-color: #ff6c00 +} + +.t-checkbox__content { + height: 0rpx !important; +} \ No newline at end of file -- Gitblit v1.9.1