[最新]

pages/user/index.wxss

@@ -150,6 +150,10 @@ page {
     color: #000000;
 }
 
+.parent-cont-no {
+    line-height: 72rpx;
+}
+
 .parent-cont-name {
     font-weight: 600;
     margin-bottom: 6rpx;
@@ -175,7 +179,8 @@ page {
     color: #333;
 }
 
-.parent-tel {
+.parent-tel,
+.parent-bd {
     position: absolute;
     right: 30rpx;
     top: 32rpx;
@@ -183,6 +188,15 @@ page {
     text-align: center;
 }
 
+.parent-bd {
+    font-size: 26rpx;
+    border: 2rpx solid #da2b54;
+    color: #da2b54;
+    border-radius: 10rpx;
+    line-height: 64rpx;
+    padding: 0 15rpx;
+}
+
 .parent-tel-icon {
     width: 36rpx;
     height: 36rpx;
@@ -313,4 +327,109 @@ page {
 .goodsItem-sales {
     font-size: 26rpx;
     color: #999999;
+}
+
+
+/* 邀请码弹出 */
+.namePop {
+    position: fixed;
+    background-color: rgba(0, 0, 0, .5);
+    left: 0;
+    top: 0;
+    height: 100vh;
+    width: 100vw;
+    z-index: 100000;
+    display: none;
+}
+
+.namePop.active {
+    display: block;
+}
+
+.nameCont {
+    -webkit-box-orient: vertical;
+    -webkit-box-pack: center;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 100000;
+    padding: 0 15%;
+    box-sizing: border-box;
+    display: none;
+}
+
+.nameCont.active {
+    display: -webkit-box;
+}
+
+.nameCont-white {
+    background-color: #ffffff;
+    border-radius: 15rpx;
+    overflow: hidden;
+}
+
+.nameCont-top {
+    padding: 30rpx;
+    box-sizing: border-box;
+}
+
+.nameCont-title {
+    font-size: 34rpx;
+    margin-bottom: 30rpx;
+}
+
+.nameCont-input {
+    height: 90rpx;
+    line-height: 90rpx;
+    position: relative;
+    background-color: #f3f3f3;
+    border-radius: 10rpx;
+    overflow: hidden;
+    padding: 0 25rpx;
+    box-sizing: border-box;
+}
+
+.nameCont-input input {
+    width: calc(100% - 40rpx);
+    height: 100%;
+    background-color: transparent;
+}
+
+.nameCont-colse {
+    width: 40rpx;
+    height: 40rpx;
+    top: 25rpx;
+    right: 20rpx;
+    position: absolute;
+    z-index: 9;
+}
+
+.nameCont-btn {
+    line-height: 100rpx;
+    background-color: #f3f3f3;
+    display: flex;
+    margin-top: 30rpx;
+    border-top: 2rpx solid #dfdfdf;
+}
+
+.nameCont-btn-go {
+    text-align: center;
+    flex: 2;
+}
+
+.nameCont-btn-go:last-child {
+    position: relative;
+    color: #ff9951;
+}
+
+.nameCont-btn-go:last-child::after {
+    position: absolute;
+    content: '';
+    left: 0;
+    top: 0;
+    width: 2rpx;
+    height: 100%;
+    background-color: #dfdfdf;
 }