123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- /* pages/goods/detail/index.wxss */
- .goods-head {
- .t-swiper {
- height: 506rpx;
- image {
- width: 100%;
- height: 100%;
- }
- }
- }
- .price-bar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .price-info {
- display: flex;
- column-gap: 20rpx;
- align-items: baseline;
- }
- .goods-price {
- font-size: 64rpx !important;
- color: #333 !important;
- font-weight: bold;
- font-family: DIN Alternate;
- }
- .goods-price-up {
- font-size: 26rpx !important;
- color: #333 !important;
- }
- .goods-del {
- font-size: 32rpx;
- color: #999 !important;
- }
- .split-bar {
- border-bottom: 20rpx solid #efefef;
- padding-bottom: 30rpx;
- }
- .desc-content__img {
- width: 100%;
- height: auto;
- }
- .h-auto {
- .t-collapse-panel__wrapper {
- height: auto !important;
- }
- }
- .goods-bottom-operation {
- position: fixed;
- left: 0;
- bottom: 0;
- width: 100%;
- background-color: #fff;
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- }
- .timgcasourel {
- width: 750rpx;
- height: 506rpx;
- }
- .chooseblock {
- background: #fff;
- padding: 20rpx 20rpx calc(constant(safe-area-inset-bottom)) 20rpx;
- padding: 20rpx 20rpx calc(env(safe-area-inset-bottom)) 20rpx;
- align-items: center;
- .chooseitem {
- flex: 1;
- display: flex;
- justify-content: center;
- color: #c78c41;
- font-size: 26rpx;
- flex-direction: column;
- align-items: center;
- &.disable {
- color: #aaa;
- .chooseicon {
- color: #aaa;
- }
- }
- }
- .chooseicon {
- font-size: 80rpx;
- color: #b49660;
- }
- .choosedivide {
- background: #dfdfdf;
- width: 1px;
- height: 80rpx;
- }
- }
- .spinning {
- position: relative;
- animation: rotate3d 0.5s linear infinite; /* 使用名为 "rotate3d" 的动画,持续时间为4秒,线性运动,并无限循环 */
- }
- @keyframes rotate3d {
- 0% {
- transform: rotate3d(0, 0, 1, 0deg); /* 从0度开始旋转 */
- opacity: 0.3;
- }
- 50% {
- transform: rotate3d(0, 0, 1, 180deg); /* 旋转一周,回到起点 */
- opacity: 1;
- }
- 100% {
- transform: rotate3d(0, 0, 1, 360deg); /* 旋转一周,回到起点 */
- opacity: 0.31;
- }
- }
|