css

src/assets/css/user/message.css

@@ -98,4 +98,22 @@
   border-bottom: none;
   border-right: none;
 }
+.user-messgae .no-empty {
+  margin-top: 1.7rem;
+  text-align: center;
+}
+.user-messgae .no-empty .icn {
+  width: 159px;
+  height: 120px;
+  background: url("../../images/global/empty.png") no-repeat center;
+  background-size: cover;
+  display: block;
+  margin: 0 auto;
+}
+.user-messgae .no-empty p {
+  text-align: center;
+  margin-top: 0.88rem;
+  font-size: 13px;
+  color: #333333;
+}
 /*# sourceMappingURL=message.css.map */
\ No newline at end of file

src/assets/css/user/message.css.map

-{"version":3,"sources":["message.less"],"names":[],"mappings":"AAAA;EACE,gBAAA;EACA,mBAAA;;AAFF,aAIE;EACE,kBAAA;EACA,YAAA;EACA,mBAAA;;AAPJ,aAIE,KAKE;EACE,YAAA;EACA,eAAA;EACA,cAAA;EACA,+BAAA;EACA,aAAA;EACA,kBAAA;;AAfN,aAIE,KAKE,GAQE;EACE,kBAAA;EACA,eAAA;;AAGF,aAlBJ,KAKE,GAaG;EACC,cAAA;;AAGE,aAtBR,KAKE,GAaG,KAGC,KACG;EACC,kBAAA;EACA,OAAA;EACA,QAAA;EACA,aAAA;EACA,WAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;EACA,cAAA;EACA,SAAS,EAAT;;AApCZ,aA2CE;EACE,mBAAA;;AA5CJ,aA2CE,SAGE;EACE,iBAAA;;AA/CN,aA2CE,SAGE,MAGE;EACE,kBAAA;EACA,mBAAA;EACA,qDAAA;EACA,kBAAA;EACA,kCAAA;EACA,sBAAA;;AAvDR,aA2CE,SAGE,MAGE,GAQE;EACE,eAAA;EACA,cAAA;;AA3DV,aA2CE,SAGE,MAGE,GAaE;EACE,qBAAA;;AA/DV,aA2CE,SAGE,MAGE,GAaE,MAGE;EACE,cAAA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;;AAzEZ,aA2CE,SAGE,MAGE,GAaE,MAcE;EACE,cAAA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;;AAhFZ,aA2CE,SAGE,MAGE,GAmCE;EACE,kBAAA;EACA,cAAA;EACA,YAAA;EACA,eAAA;EACA,cAAA;;AAzFV,aA2CE,SAGE,MAGE,GA2CE;EACE,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,+BAAA;EACA,yBAAA;EACA,eAAA;EACA,cAAA;;AAGF,aA9DN,SAGE,MAGE,GAwDG;EACC,yBAAA;;AADF,aA9DN,SAGE,MAGE,GAwDG,KAEC;EACE,yBAAA;EACA,mBAAA;EACA,kBAAA","file":"message.css"}
\ No newline at end of file
+{"version":3,"sources":["message.less"],"names":[],"mappings":"AAAA;EACE,gBAAA;EACA,mBAAA;;AAFF,aAIE;EACE,kBAAA;EACA,YAAA;EACA,mBAAA;;AAPJ,aAIE,KAKE;EACE,YAAA;EACA,eAAA;EACA,cAAA;EACA,+BAAA;EACA,aAAA;EACA,kBAAA;;AAfN,aAIE,KAKE,GAQE;EACE,kBAAA;EACA,eAAA;;AAGF,aAlBJ,KAKE,GAaG;EACC,cAAA;;AAGE,aAtBR,KAKE,GAaG,KAGC,KACG;EACC,kBAAA;EACA,OAAA;EACA,QAAA;EACA,aAAA;EACA,WAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;EACA,cAAA;EACA,SAAS,EAAT;;AApCZ,aA2CE;EACE,mBAAA;;AA5CJ,aA2CE,SAGE;EACE,iBAAA;;AA/CN,aA2CE,SAGE,MAGE;EACE,kBAAA;EACA,mBAAA;EACA,qDAAA;EACA,kBAAA;EACA,kCAAA;EACA,sBAAA;;AAvDR,aA2CE,SAGE,MAGE,GAQE;EACE,eAAA;EACA,cAAA;;AA3DV,aA2CE,SAGE,MAGE,GAaE;EACE,qBAAA;;AA/DV,aA2CE,SAGE,MAGE,GAaE,MAGE;EACE,cAAA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;;AAzEZ,aA2CE,SAGE,MAGE,GAaE,MAcE;EACE,cAAA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;;AAhFZ,aA2CE,SAGE,MAGE,GAmCE;EACE,kBAAA;EACA,cAAA;EACA,YAAA;EACA,eAAA;EACA,cAAA;;AAzFV,aA2CE,SAGE,MAGE,GA2CE;EACE,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,+BAAA;EACA,yBAAA;EACA,eAAA;EACA,cAAA;;AAGF,aA9DN,SAGE,MAGE,GAwDG;EACC,yBAAA;;AADF,aA9DN,SAGE,MAGE,GAwDG,KAGC;EACE,yBAAA;EACA,mBAAA;EACA,kBAAA;;AA/GZ,aAsHE;EACE,kBAAA;EACA,kBAAA;;AAxHJ,aAsHE,UAGE;EACE,YAAA;EACA,aAAA;EACA,gBAAgB,iDAAhB;EACA,sBAAA;EACA,cAAA;EACA,cAAA;;AA/HN,aAsHE,UAYE;EACE,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,cAAA","file":"message.css"}
\ No newline at end of file

src/assets/css/user/message.less

@@ -103,9 +103,10 @@
           color: #6f6f6f;
         }
 
-        &.curr{
+        &.curr {
           border: 1px solid #387FFF;
-          .toggle{
+
+          .toggle {
             border: 1px solid #1969F9;
             border-bottom: none;
             border-right: none;
@@ -114,4 +115,24 @@
       }
     }
   }
+
+  .no-empty {
+    margin-top: 1.7rem;
+    text-align: center;
+    .icn {
+      width: 159px;
+      height: 120px;
+      background: url("../../images/global/empty.png") no-repeat center;
+      background-size: cover;
+      display: block;
+      margin: 0 auto;
+    }
+
+    p {
+      text-align: center;
+      margin-top: 0.88rem;
+      font-size: 13px;
+      color: #333333;
+    }
+  }
 }
\ No newline at end of file

src/views/user/message.vue

@@ -4,6 +4,10 @@
             <li class="row rowCenter verCente curr"><span>全部</span></li>
             <li class="row rowCenter verCenter"><span>我的优惠&奖励</span></li>
         </ul>
+        <div class="no-empty">
+            <i class="icn"></i>
+            <p>暂无消息</p>
+        </div>
         <div class="content">
             <ul class="list">
                 <li class="row">