[最新]

pages/mall/details/details.wxss

@@ -419,3 +419,108 @@ button[disabled]{
 .goods-size-btn view.active {
     background: #b8b8b8;
 }
+
+
+/* 邀请码弹出 */
+.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;
+}