商務卡片ui修改

src/assets/css/main.css

@@ -661,10 +661,12 @@ h1, h2, h3, h4, h5, h6 {
           align-items: center;
 }
 .upload-main .upload-img {
+  border: 1px #d8d8d8 solid;
+}
+.upload-main .upload-img.avatar {
   width: 100px;
   aspect-ratio: 1/1;
   border-radius: 50%;
-  border: 1px #d8d8d8 solid;
 }
 
 .cropper {
@@ -690,6 +692,21 @@ h1, h2, h3, h4, h5, h6 {
   text-align: center;
 }
 
+.card {
+  margin-bottom: 20px;
+}
+.card .card-header {
+  padding: 0;
+  background-color: #f85d5d;
+  border: none;
+}
+.card .card-header * {
+  color: #fff;
+}
+.card .card-body {
+  padding: 10px 0;
+}
+
 /* =========================================  other  ============================================= */
 .imgCnt {
   position: relative;

src/assets/sass/layout/_layout.scss

@@ -108,10 +108,12 @@
     justify-content: center;
     align-items: center;
     .upload-img{
+        border:1px #d8d8d8 solid;
+        &.avatar{
             width: 100px;
             aspect-ratio: 1/1;
             border-radius: 50%;
-        border:1px #d8d8d8 solid;
+        }
     }
 }
 
@@ -138,6 +140,21 @@
     }
 }
 
+.card{
+    margin-bottom: 20px;
+    .card-header{
+        padding: 0;        
+        background-color: #f85d5d ;
+        border: none;
+        *{
+            color: #fff ;
+        }
+    }
+    .card-body{
+        padding:10px 0;
+    }
+}
+
 /* =========================================  other  ============================================= */
 
 .imgCnt{

src/views/Home/index.vue

@@ -140,15 +140,18 @@ const handleAD = async () => {
   console.log('res',res)
   if (res.code === 200) {
     adData.value = res.data;
+    if (sessionStorage.getItem("isAdShow")==null) {
       popShow.value = true;
     }
+  }
 };
-
+// sessionStorage.setItem("isAdShow",false);
-
 const popShow = ref(false);
 const modalClose = ref(false);
 
 const closeShow = () => {
+  sessionStorage.setItem("isAdShow",userInfo.value.level_name);
+
   modalClose.value = true;
 };
 
@@ -244,6 +247,7 @@ const handleLogout = () => {
   }
   sessionStorage.removeItem("token");
   sessionStorage.removeItem("uid");
+  sessionStorage.removeItem("isAdShow");
   router.push("/login");
 };
 </script>

src/views/Member/index.vue

@@ -271,13 +271,13 @@ onBeforeMount(async () => {
               <van-uploader :after-read="afterRead" :max-count="1" name="averter" class="mb-4">
                 <div class="upload-main">
                   <img
-                    class="upload-img"
+                    class="upload-img avatar"
                     :src="form.avatar"
                     alt=""
                     v-if="form.avatar"
                   />
                   <img
-                    class="upload-img"
+                    class="upload-img avatar"
                     src="@/assets/images/upload.jpg"
                     alt=""
                     v-else
@@ -439,9 +439,7 @@ onBeforeMount(async () => {
                   v-model="form.supply_link"
                   name="pattern" 
                   placeholder="分享網址" 
-                  :rules="[
+                  :rules="[{ validator: validatorUrl, message: '網址格式不正確,Ex. http://' }]"
-                    { validator: validatorUrl, message: '網址格式不正確,Ex. http://' },
-                  ]"
                 />
               </van-collapse-item>
               <van-collapse-item name="2">

src/views/Register/index.vue

@@ -166,13 +166,13 @@ const onSubmit = async () => {
             <van-uploader :after-read="afterRead" :max-count="1" name="averter" class="my-4">
               <div class="upload-main">
                 <img
-                  class="upload-img"
+                  class="upload-img avatar"
                   :src="form.avatar"
                   alt=""
                   v-if="form.avatar"
                 />
                 <img
-                  class="upload-img"
+                  class="upload-img avatar"
                   src="@/assets/images/upload.jpg"
                   alt=""
                   v-else