@10yun/cv-mobile-ui 0.5.29 → 0.5.31

package/uview-plus/components/u-sku-wu/style.css

@@ -0,0 +1,271 @@
+/* @import '../../libs/css/common.css';
+@import '../../libs/css/components.css';
+@import '../../libs/css/color.css'; */
+.u-sku {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+  /* #ifndef APP-NVUE */
+  transition: all 0.3s ease;
+  /* #endif */
+}
+
+.u-sku.show {
+  opacity: 1;
+}
+
+.u-sku.hide {
+  opacity: 0;
+}
+
+.u-sku .shopSpecsPopup {
+  background: #ffffff;
+  border-radius: 24rpx 24rpx 0 0;
+  padding: 45rpx 30rpx 30rpx;
+  position: fixed;
+  /* #ifndef APP-NVUE */
+  box-sizing: border-box;
+  /* #endif */
+  left: 0;
+  right: 0;
+  /* #ifndef APP-NVUE */
+  transition: all 0.3s ease;
+  /* #endif */
+}
+
+.u-sku .shopSpecsPopup.show {
+  bottom: 0%;
+}
+
+.u-sku .shopSpecsPopup.hide {
+  /* #ifndef APP-NVUE */
+  bottom: -100%;
+  /* #endif */
+  bottom: -1000px;
+}
+
+.u-sku .shopSpecsPopup .close {
+  width: 40rpx;
+  height: 40rpx;
+  position: absolute;
+  top: 33rpx;
+  right: 30rpx;
+  z-index: 2;
+}
+
+.u-sku .shopSpecsPopup .content {
+  bottom: 0;
+}
+
+.u-sku .shopSpecsPopup .btnBox {
+  background-color: #fff;
+  margin-top: 40rpx;
+  /* #ifndef APP-NVUE */
+  border: none;
+  /* #endif */
+}
+
+.u-sku .shopSpecsPopup .btnBox .confirm {
+  border-radius: 50rpx;
+  font-weight: 500;
+  text-align: center;
+  /* #ifndef APP-NVUE */
+  box-sizing: border-box;
+  /* #endif */
+  height: 86rpx;
+  line-height: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.u-sku .shopSpecsPopup .btnBox .confirm .confirm-text {
+  color: #ffffff;
+  font-size: 32rpx;
+}
+
+.u-sku .shopSpecsPopup .info {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+}
+
+.u-sku .shopSpecsPopup .info .cover {
+  width: 200rpx;
+  height: 200rpx;
+  margin-right: 20rpx;
+  border-radius: 20rpx;
+  /* #ifndef APP-NVUE */
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  flex-shrink: 0;
+  /* #endif */
+}
+
+.u-sku .shopSpecsPopup .info .right {
+  /* #ifndef APP-NVUE */
+  width: calc(100% - 220rpx);
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  flex: 1;
+}
+
+.u-sku .shopSpecsPopup .info .right.useImgSku {
+  /* #ifdef APP-NVUE */
+  width: 750rpx;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  width: 100%;
+  /* #endif */
+}
+
+.u-sku .shopSpecsPopup .info .right.useImgSku .price {
+  justify-content: center;
+}
+
+.u-sku .shopSpecsPopup .info .right.useImgSku .stock,
+.u-sku .shopSpecsPopup .info .right.useImgSku .actSkuStr {
+  text-align: center;
+}
+
+.u-sku .shopSpecsPopup .info .right .title {
+  font-size: 32rpx;
+  font-weight: 500;
+  color: #333333;
+  margin-bottom: 20rpx;
+  padding-right: 120rpx;
+}
+
+.u-sku .shopSpecsPopup .info .right .price {
+  margin-bottom: 20rpx;
+  line-height: 1;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+}
+
+.u-sku .shopSpecsPopup .info .right .price .uity,
+.u-sku .shopSpecsPopup .info .right .price .value {
+  font-weight: 700;
+}
+
+.u-sku .shopSpecsPopup .info .right .price .uity {
+  font-size: 34rpx;
+}
+
+.u-sku .shopSpecsPopup .info .right .price .value {
+  font-size: 44rpx;
+}
+
+.u-sku .shopSpecsPopup .info .right .stock {
+  font-size: 30rpx;
+  color: #999999;
+  margin-bottom: 15rpx;
+}
+
+.u-sku .shopSpecsPopup .info .right .actSkuStr {
+  color: #333;
+  font-size: 30rpx;
+  line-height: 38rpx;
+}
+
+.u-sku .shopSpecsPopup .number {
+  margin-top: 30rpx;
+  margin-bottom: 22rpx;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.u-sku .shopSpecsPopup .number .key {
+  font-size: 32rpx;
+  font-weight: 500;
+  color: #333333;
+}
+
+.u-sku .shopSpecsPopup .specsList {
+  margin-bottom: 30rpx;
+}
+
+.u-sku .shopSpecsPopup .specsList .item .title {
+  font-size: 32rpx;
+  font-weight: 500;
+  color: #333333;
+  margin-bottom: 30rpx;
+}
+
+.u-sku .shopSpecsPopup .specsList .item .specsValueList {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+.u-sku .shopSpecsPopup .specsList .item .specsValueList .specs {
+  margin-bottom: 30rpx;
+  margin-right: 30rpx;
+}
+
+.u-sku .shopSpecsPopup .specsList .item .specsValueList .specs .specs_common,
+.u-sku .shopSpecsPopup .specsList .item .specsValueList .specs .specs_img_box_text {
+  font-size: 28rpx !important;
+  font-weight: 500 !important;
+}
+
+.u-sku .shopSpecsPopup .specsList .item .specsValueList .specs.disabled .specs_img_box .specs_img_box_mask {
+  position: absolute !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  top: 0 !important;
+  background-color: rgba(0, 0, 0, 0.2) !important;
+}
+
+.u-sku .shopSpecsPopup .specsList .item .specsValueList .specs_img_box {
+  position: relative;
+}
+
+.u-sku .shopSpecsPopup .specsList .item .specsValueList .specs_img_box_preview {
+  position: absolute;
+  background: rgba(0, 0, 0, 0.7);
+  border-radius: 50%;
+  padding: 10rpx;
+  right: 8rpx;
+  top: 8rpx;
+  z-index: 2;
+}
+
+.u-sku .shopSpecsPopup .specsList .item .specsValueList .specs_img_box_preview .img {
+  width: 25rpx;
+  height: 25rpx;
+  transform: scale(1.2);
+}
+
+.u-sku .shopSpecsPopup .specsList .item .specsValueList .specs_img_box_cover {
+  width: 200rpx;
+  height: 200rpx;
+}
+
+.u-sku .shopSpecsPopup .specsList .item .specsValueList .specs_img_box_text {
+  background: #302e2f;
+  padding: 15rpx 20rpx;
+  text-align: center;
+}
+
+.u-sku .shopSpecsPopup .specsList .item .specsValueList .specs_common {
+  padding: 14rpx 40rpx;
+}