cb-biz-ui 1.1.4

package/index.scss

@@ -0,0 +1,23 @@
+// 引入公共基础类
+@import "./libs/css/global/common.scss";
+@import "./libs/css/global/color.scss";
+
+// 非nvue的样式
+/* #ifndef APP-NVUE */
+@import "./libs/css/global/style.vue.scss";
+/* #endif */
+
+// nvue的特有样式
+/* #ifdef APP-NVUE */
+@import "./libs/css/global/style.nvue.scss";
+/* #endif */
+
+// 小程序特有的样式
+/* #ifdef MP */
+@import "./libs/css/global/style.mp.scss";
+/* #endif */
+
+// H5特有的样式
+/* #ifdef H5 */
+@import "./libs/css/global/style.h5.scss";
+/* #endif */

package/libs/config/index.js

@@ -0,0 +1,20 @@
+const color = {
+  primary: '#34BF78',
+  success: '#07c160',
+  warning: '#ff7900',
+  danger: '#EB0909',
+  pink: '#f74d54',
+  blue: '#007AFF',
+  link: '#586c94'
+};
+
+let version = '0.0.1';
+
+const propsConfig = {
+  name: 'cb-biz-ui',
+  v: version,
+  version: version,
+  color
+};
+
+export default propsConfig;

package/libs/css/address-list.scss

@@ -0,0 +1,143 @@
+	.address{
+		width: 100%;
+		min-height: 100vh;
+		background: rgb(245, 245, 245);
+		padding-top: 40rpx;
+		padding-bottom:120rpx;
+		box-sizing: border-box;
+
+		.addressList{
+			margin-bottom: 20rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			.ui-list-cell{
+				width: 686rpx;
+				height: 240rpx;
+				background: rgb(255, 255, 255);
+				padding: 18rpx 20rpx 32rpx 28rpx;
+				box-sizing: border-box;
+				border-radius: 12rpx;
+
+				.top{
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+
+					.message{
+						display: flex;
+						align-items: center;
+
+						.default{
+							width: 70rpx;
+							height: 36rpx;
+							background: rgb(244, 77, 77);
+							border-radius:4rpx;
+							color: rgb(255, 255, 255);
+							font-size: 24rpx;
+							font-weight: 400;
+							line-height: 36rpx;
+							text-align: center;
+							margin-right: 24rpx;
+						}
+
+						.notes{
+							background: rgb(80, 141, 249);
+							border-radius:4px;
+							color: rgb(255, 255, 255);
+							font-size: 24rpx;
+							font-weight: 400;
+							line-height: 36rpx;
+							text-align: center;
+							height: 36rpx;
+							padding: 0 14rpx;
+						}
+					}
+
+					.chosen{
+						width: 48rpx;
+						height: 48rpx;
+						background-color: rgb(255, 76, 44);
+						color: rgb(255,255,255);
+						border-radius: 50%;
+						border: 2rpx solid rgb(255,255,255);
+						display: flex;
+						align-items: center;
+						justify-content: center;
+					}
+
+					.noChosen{
+						width: 48rpx;
+						height: 48rpx;
+						border: 2rpx solid rgb(179, 188, 205);
+						color: rgb(179, 188, 205);
+						border-radius: 50%;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+					}
+				}
+
+				.bottom{
+					margin-top: 32rpx;
+					display: flex;
+					justify-content: space-between;
+					padding-right: 14rpx;
+
+					.con-l{
+						width: 492rpx;
+
+						.addressContent{
+							width: 100%;
+							color: rgb(0, 0, 0);
+							font-family: Noto Sans SC;
+							font-size: 36rpx;
+							font-weight: 400;
+							line-height: 52rpx;
+							letter-spacing: 0px;
+							text-align: left;
+							overflow: hidden;
+							white-space: nowrap;
+							text-overflow: ellipsis;
+						}
+
+						.peopleMes{
+							margin-top: 15rpx;
+							display: flex;
+							align-items: center;
+							justify-content: space-between;
+							color: rgb(102, 112, 133);
+							font-size: 28rpx;
+							line-height: 40rpx;
+							text-align: left;
+						}
+					}
+				}
+			}
+		}
+
+		.addAddress{
+			position: fixed;
+			width: 416rpx;
+			height: 96rpx;
+			left: 50%;
+			bottom: 24rpx;
+			z-index: 1000;
+			transform: translateX(-50%);
+			background: rgb(255, 82, 79);
+			border-radius:16rpx;
+			color: rgb(255, 255, 255);
+			font-size: 32rpx;
+			font-weight: 600;
+			line-height: 96rpx;
+			text-align: center;
+		}
+	}
+
+	.ui-slideview__btn__wrap{
+		min-width: 0;
+	}
+	.ui-slideview__btn__wrap{
+		min-width: 0 !important;
+	}

package/libs/css/cart-bar-icon.scss

@@ -0,0 +1,34 @@
+.cart-bar-item {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 130rpx;
+}
+.nut-badge {
+  margin-right: 0;
+  width: auto;
+  height: auto;
+  position: relative;
+  .nut-badge__content {
+    position: absolute;
+    right: -25rpx;
+    top: -6rpx;
+    color: #fff;
+    font-weight: 400;
+    text-align: center;
+    line-height: 16px;
+  }
+}
+.ui-opcity {
+  opacity: 0.5;
+}
+.cart-bar-text {
+  font-size: 22rpx;
+  color: #333;
+}
+.ui-scale-small {
+  transform: scale(0.9);
+  transform-origin: center center;
+}

package/libs/css/category.scss

@@ -0,0 +1,83 @@
+.category-box {
+  display: flex;
+  align-items: center;
+  position: relative;
+
+  &::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    color: transparent;
+  }
+
+  .bottom-1px-border {
+    position: relative;
+
+    &:after {
+      content: '';
+      position: absolute;
+      transform-origin: center;
+      box-sizing: border-box;
+      pointer-events: none;
+      top: -50%;
+      left: -50%;
+      right: -50%;
+      bottom: -50%;
+      border: 0 solid #eaeaea;
+      transform: scale(0.5);
+      border-bottom-width: 1px;
+    }
+  }
+
+  .item {
+    margin: 0 17rpx;
+    padding: 17rpx 0;
+    &:first-child{
+      padding-top: 0;
+    }
+  }
+
+  .left-box {
+    width: 185rpx;
+    flex-shrink: 0;
+  }
+
+  .right-box {
+    width: 100%;
+    box-sizing: border-box;
+    flex: 1;
+    background: #fff;
+  }
+
+  .tools {
+    position: sticky;
+    top: 0;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 20rpx;
+    font-size: 24rpx;
+    background: #fff;
+    color: #6D7278;
+    z-index: 100;
+    .tools_item {
+      display: flex;
+      align-items: center;
+
+      .icons {
+        display: flex;
+        justify-content: center;
+        flex-wrap: wrap;
+        margin-left: 8rpx;
+
+        .icon {
+          width: 100%;
+          .actived {
+            border-color: #FF524F;
+          }
+        }
+      }
+    }
+  }
+}

package/libs/css/delivery-address.scss

@@ -0,0 +1,46 @@
+.delivery-address {
+  background: #fff;
+  // margin: 0 38rpx;
+  border-radius: 4rpx;
+  overflow: hidden;
+  line-height: 1;
+  &:active{
+    opacity: .8;
+  }
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 32rpx;
+    font-weight: 600;
+    color: #333;
+    border-bottom: 1rpx solid #eaeaea;
+    padding: 25rpx 36rpx;
+  }
+  .content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 25rpx 36rpx;
+    padding-right: 23rpx;
+    color: #333;
+    font-size: 28rpx;
+    .user {
+      flex: 1;
+      .user-info {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 25rpx;
+      }
+      .address {
+        .text {
+          line-height: 1.3;
+        }
+      }
+    }
+    .icon-box {
+      margin-left: 5rpx;
+    }
+  }
+}

package/libs/css/discount-coupon.scss

@@ -0,0 +1,237 @@
+.discount-coupon {
+  line-height: 1;
+  display: flex;
+  width: 330rpx;
+  position: relative;
+
+  .watermark {
+    border: 10rpx solid rgba(247, 247, 247, 0.31);
+    width: 185rpx;
+    height: 185rpx;
+    box-sizing: border-box;
+    border-radius: 50%;
+    font-size: 32rpx;
+    font-weight: bold;
+    position: absolute;
+    top: 30rpx;
+    left: 70rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: rgba(234, 234, 234, 0.53);
+    transform: rotate(50deg);
+  }
+
+  .background {
+    width: 100%;
+    height: 218rpx;
+    border-radius: 30rpx;
+
+    // border-top: 1rpx 0 transparent;
+    .coupon-title {
+      border-radius: 10rpx;
+      height: 91rpx;
+      margin: 0 39rpx;
+      text-align: center;
+      box-sizing: border-box;
+      padding-top: 22rpx;
+      margin-top: -25rpx;
+
+      .text {
+        font-size: 25rx;
+        font-weight: 600;
+        text-align: center;
+      }
+    }
+  }
+
+  .content {
+    display: flex;
+    flex-wrap: wrap;
+    // align-items: center;
+    // width: 328rpx;
+    width: 100%;
+    height: 168rpx;
+    box-sizing: border-box;
+    padding: 20rpx 0rpx 11rpx 17rpx;
+    // padding: 0rpx ​8rpx 9rpx 13rpx;
+    position: absolute;
+    top: 50rpx;
+    border-radius: 0rpx 0rpx 30rpx 30rpx;
+
+    .info {
+      display: flex;
+      flex-wrap: wrap;
+      box-sizing: border-box;
+
+      .money {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .type {
+          width: 25rpx;
+          font-size: 25rpx;
+          font-weight: 600;
+        }
+
+        .value {
+          font-size: 52rpx;
+          font-weight: 600;
+        }
+      }
+
+      .discount {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 5rpx;
+
+        .value {
+          font-size: 50rpx;
+          font-weight: 600;
+        }
+      }
+
+      .rule {
+        width: 100%;
+        font-size: 18rpx;
+        font-weight: 400;
+        margin-top: 10rpx;
+
+        .label {
+          flex-shrink: 0;
+        }
+
+        .value {
+          line-height: 1;
+
+          &:first-child {
+            margin-bottom: 6rpx;
+          }
+        }
+
+        .text {
+          display: flex;
+          align-items: center;
+        }
+      }
+    }
+
+    .tip-box {
+      position: absolute;
+      right: 13rpx;
+      top: 20rpx;
+      width: 130rpx;
+      height: 100%;
+      // flex-shrink: 0;
+      // align-items: flex-end;
+      justify-content: flex-end;
+      flex-wrap: wrap;
+      font-size: 20rpx;
+      font-weight: 600;
+
+      .tip {
+        display: flex;
+        width: 100%;
+        justify-content: flex-end;
+        margin-bottom: 10rpx;
+      }
+
+      .button {
+        width: 120rpx;
+        height: 47rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 22rpx;
+        border-radius: 23.5rpx;
+        margin-left: 15rpx;
+      }
+
+      .radio {
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .validity {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      font-size: 18rpx;
+
+      .date {
+        margin: 0 8rpx;
+      }
+    }
+  }
+}
+
+.red-card {
+  .background {
+    background: linear-gradient(135deg, rgb(255, 99, 93) 0%, rgb(255, 58, 65) 100%);
+    // box-shadow: 0rpx -2rpx 15rpx rgba(255, 98, 93, 0.5);
+
+    .coupon-title {
+      background: linear-gradient(135deg, rgb(255, 245, 231) 0%, rgb(255, 239, 227) 100%);
+
+      .text {
+        color: #902500;
+      }
+    }
+  }
+
+  .content {
+    // background: linear-gradient(135.29deg, rgb(255, 127, 101) 0.958%, rgb(251, 59, 76) 100%);
+    background: linear-gradient(135.29deg, rgb(255, 133, 108) 0.958%, rgb(255, 81, 97) 100%);
+    box-shadow: 0rpx -2rpx 15rpx rgba(255, 98, 93, 0.5);
+
+    .info {
+      .money {
+        .type {
+          color: #fff;
+        }
+
+        .value {
+          color: #fff;
+        }
+      }
+
+      .discount {
+        color: #fff;
+      }
+
+      .rule {
+        color: #fff5db;
+      }
+    }
+
+    .tip-box {
+      color: #fff5db;
+
+      .button {
+        color: #ff515f;
+        background: linear-gradient(136.95deg,
+            rgb(255, 251, 245) 14.359%,
+            rgb(255, 196, 178) 100%);
+        box-shadow: 0px 2rpx 5rpx rgb(255, 46, 53);
+
+        &:active {
+          opacity: 0.8;
+          // box-shadow: 0px 0px 0px rgb(255, 46, 53);
+        }
+      }
+
+      .disabled {
+        background: rgb(178, 185, 192);
+        box-shadow: 0px 2px 8px rgb(251, 17, 25);
+        color: #ffffff;
+      }
+    }
+
+    .validity {
+      color: #fff5db;
+    }
+  }
+}

package/libs/css/form-classify.scss

@@ -0,0 +1,98 @@
+.form-select {
+  position: relative;
+}
+.form-select_center {
+  display: flex;
+  align-items: center;
+  position: relative;
+  line-height: 1;
+  .label {
+    position: relative;
+    width: auto;
+    margin-bottom: 15rpx;
+    color: #333;
+  }
+  .placeholder {
+    color: #999;
+    font-size: 28rpx;
+  }
+  .asterisk {
+    position: absolute;
+    right: 6rpx;
+    /* #ifndef APP-NVUE */
+    height: 30rpx;
+    top: 20%;
+    transform: translateY(-20%);
+    line-height: 1.15;
+    /* #endif */
+    /* #ifdef APP-NVUE */
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    line-height: 1;
+    /* #endif */
+  }
+}
+.ui-cell__arrow {
+  height: 10px;
+  width: 10px;
+  border-width: 2px 2px 0 0;
+  border-color: #c0c0c0;
+  border-style: solid;
+  -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
+  transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
+  position: absolute;
+  top: 50%;
+  margin-top: -6px;
+  right: 30rpx;
+}
+.border-bottom {
+  position: absolute;
+  bottom: 0;
+  /* #ifdef APP-NVUE */
+  height: 0.5px;
+  z-index: -1;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  height: 1px;
+  -webkit-transform: scaleY(0.5) translateZ(0);
+  transform: scaleY(0.5) translateZ(0);
+  transform-origin: 0 100%;
+  z-index: 1;
+  /* #endif */
+}
+.popup-box {
+  padding-bottom: 50rpx;
+  .title {
+    font-size: 30rpx;
+    color: #000000;
+    box-sizing: border-box;
+    padding: 40rpx 48rpx;
+    padding-bottom: 0;
+  }
+  .radio-center {
+    // padding: 0 25rpx;
+    display: flex;
+    align-items: center;
+    .text {
+      font-size: 30rpx;
+      color: #010101;
+      // font-weight: 500;
+      margin-left: 25rpx;
+    }
+    .item-value {
+      display: flex;
+      align-items: center;
+    }
+  }
+  .tools {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 30rpx;
+  }
+}
+.form-value {
+  // color: #333;
+  font-weight: 500;
+}