shopping cart info-bar

 <div class="not-login-info">
     <div class="info-bar">
-        <p>温馨提示: 亲爱的顾客，您还没有登录哦， 所有的商品价购、活动信息以登录后显示为准。</p>
-        <span class="iconfont pull-right">&#xe608;</span>
+        <p class="info-text">
+            温馨提示: 亲爱的顾客，您还没有<a href="//www.yohoblk.com/passport/login">登录</a>哦， 所有的商品价购、活动信息以登录后显示为准。
+            <span class="iconfont pull-right close">&#xe608;</span>
+        </p>
     </div>
 <div>
\ No newline at end of file

+var $ = require('yoho-jquery');
 
+$(function() {
+    // 关闭info-bar
+    $('.info-bar .close').on('click', function() {
+        $('.info-bar').hide();
+    });
+});

+.info-bar {
+    margin-top: 20px;
+    padding: 8px 30px;
+    background: #f5f5f5;
+    font-size: 14px;
+    color: #818181;
+
+    a {
+        color: #219dd6;
+    }
+
+    .pull-right {
+        float: right;
+        width: 14px;
+        height: 14px;
+        font-size: 14px;
+        color: #818181;
+
+        &:hover {
+            cursor: pointer;
+        }
+    }
+
+}