Z: Dot: qrCodeV2 coding. Next: Pull TangZhentian's code and buid and send to server.

ybf_wx/public/qrCodeV2/index.html

@@ -25,28 +25,132 @@
             align-items: center;
             overflow: hidden;
         }
-        .titles {
-            border: 1px solid yellow;
+        .main>.titles {
+            /*border: 2px solid cyan;*/
             width: 100%;
-            height: 40%;
-            font-size: 4rem;
+            height: 8rem;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+        }
+        .main>.titles>.title {
+            font-size: 3rem;
             color: white;
             text-align: center;
         }
-        .cards {
-            background-color: whitesmoke;
-            width: 100%;
+        .main>.cards {
+            /*border: 2px solid red;*/
+            /*background-color: whitesmoke;*/
+            width: 76%;
             height: auto;
+
+            padding: 0 2rem;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            align-items: center;
+        }
+        .main>.cards>.card {
+            border: 2px solid orange;
+            /*background-color: white;*/
+            width: 100%;
+            padding: 4rem 2rem;
+        }
+        .main>.cards>.card01 {
+            /*border-radius: 1rem 1rem 0 0;*/
+            background: white;
+            /*background:*/
+            /*        linear-gradient(135deg, transparent 1px, white 0) top left,*/
+            /*        linear-gradient(-135deg, transparent 1px, white 0) top right,*/
+            /*        radial-gradient(circle at bottom right, transparent 2rem, white 0) bottom right,*/
+            /*        radial-gradient(circle at bottom left, transparent 2rem, white 0) bottom left;*/
+            /*background-size: 50% 50%;*/
+            /*background-repeat: no-repeat;*/
+        }
+        .main>.cards>.card01>.titles {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+        }
+        .main>.cards>.card01>.titles>.title {
+            font-size: 3rem;
+        }
+        .main>.cards>.card01>.titles>.discount {
+            font-size: 4rem;
+        }
+        .main>.cards>.card01>.titles>.description {
+            font-size: 2rem;
+        }
+        .main>.cards>.card01>.rules {}
+
+        .main>.cards>.card01>.rules>.rule {
+            font-size: 2rem;
+        }
+        .main>.cards>.card02 {
+            /*border-radius: 0 0 1rem 1rem;*/
+            background: white;
+            /*background:*/
+            /*        radial-gradient(circle at top left, transparent 2rem, white 0) top left,*/
+            /*        radial-gradient(circle at top right, transparent 2rem, white 0) top right,*/
+            /*        linear-gradient(45deg, transparent 1px, white 0) bottom right,*/
+            /*        linear-gradient(-45deg, transparent 1px, white 0) bottom left;*/
+            /*background-size: 50% 50%;*/
+            /*background-repeat: no-repeat;*/
+
+
+
+        }
+      .main>.cards>.card02::before {
+          content: '';
+          background: #f00;
+          width: 2rem;
+          height: 2rem;
+          border-radius: 50%;
+          position: relative;
+          left: 10px;
+          top: 10px;
+          display: inline-block;
+        }
+        /*.main>.cards>.card02::before {*/
+        /*    top: -.4em;*/
+        /*}*/
+        /*.main>.cards>.card02::after {*/
+        /*    bottom: -.4em;*/
+        /*}*/
+
+
+
+
+
+
+
+        .main>.cards>.card02>.tips {}
+        .main>.cards>.card02>.tips>.tip {
+            font-size: 2rem;
+            font-weight: bold;
+        }
+        .main>.cards>.card02>.tips>.rules {}
+        .main>.cards>.card02>.tips>.rules>.rule {
+            font-size: 2rem;
         }
-        .cards>.card02>.tips>.qrcodes>.qrcode {
+        .main>.cards>.card02>.tips>.qrcodes {}
+        .main>.cards>.card02>.tips>.qrcodes>.qrcode {
             width: 50%;
         }
+        .main>.cards>.card02>.tips>.qrcodes>.qrcodeTip {
+            font-size: 2rem;
+        }
     </style>
 </head>
 
 <body>
 <div class="main">
-    <div class="titles">优惠券详情</div>
+    <div class="titles">
+        <div class="title">优惠券详情</div>
+    </div>
     <div class="cards">
         <div class="card card01" id="card01">
             <div class="titles">
@@ -78,4 +182,19 @@
 </div>
 </body>
 
-</html>
+</html>
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

ybf_wx/src/views/sideNav/discount/index.vue

@@ -192,6 +192,7 @@ export default {
     zReadyGetUserFromId() {
       let postData = {
         param: this.zcache.userId
+        // param: 'ZhouHeQiang'
       };
 
       // alert(`--->userInfoFromId: postData = ${JSON.stringify(postData)}`);