会员模块

components/milliliter-input/milliliter-input.wxss

@@ -0,0 +1,78 @@
+/* components/milliliter-input/milliliter-input.wxss */
+
+.ctrlbox {
+  width: 100%;
+  /* height: calc(312rpx - 41rpx); */
+  position: relative;
+  left: 50%;
+  transform: translate(-50%, 0);
+  padding-bottom: rpx;
+  overflow: hidden;
+  /* border-bottom: 3rpx dashed #e7e7e7; */
+}
+
+.ctrlbox>.title {
+  width: 100%;
+  height: 40rpx;
+  position: relative;
+  font-size: 30rpx;
+  color: #898d8d;
+  margin-bottom: 30rpx;
+  display: flex;
+}
+
+.title-name {
+    flex: 1;
+    color: #000000;
+}
+
+.title-number {
+    color: #000000;
+}
+
+.title-name text {
+    color: red;
+    padding-left: 10rpx;
+}
+
+.ctrlbox>.numbox {
+  width: 210rpx;
+  height: 73rpx;
+  line-height: 73rpx;
+  position: relative;
+  left: 50%;
+  transform: translate(-50%, 0);
+  background: #f5f5f5;
+  border-radius: 20rpx;
+  margin-top: 10rpx;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+}
+
+.ctrlbox>.numbox>input {
+  width: 100%;
+  height: 100%;
+  line-height: 73rpx;
+  font-size: 30rpx;
+  font-weight: 500;
+  text-align: center;
+  color: #898d8d;
+  position: absolute;
+  left: 0;
+}
+
+.ctrlbox>.numbox>view {
+  width: 100%;
+  height: 100%;
+  line-height: 73rpx;
+  font-size: 30rpx;
+  font-weight: 500;
+  text-align: center;
+  color: #898d8d;
+}
+
+.ctrlbox>.title>text {
+  color: #fc0000;
+  margin-right: 10rpx;
+}