| | |
| | | <!-- 已登录情况 --> |
| | | <img |
| | | class="userImg" |
| | | src="/images/index/default.png" |
| | | src="/images/index/8.jpg" |
| | | alt="" |
| | | v-if="userInfo" |
| | | @mouseenter="showUserBox" |
| | | @mouseleave="hiddenUserBox" |
| | | style="border-radius: 50%" |
| | | /> |
| | | </div> |
| | | </div> |
| | |
| | | > |
| | | <div class="userName">{{ userInfo.username }}</div> |
| | | <ul> |
| | | <li class="money"> |
| | | <!-- <li class="money"> |
| | | <div class="label">余额</div> |
| | | <div class="content"> |
| | | <span class="button">充值</span> |
| | | <span class="number">¥0</span> |
| | | </div> |
| | | </li> |
| | | |
| | | --> |
| | | <li class="personal"> |
| | | <div class="label"> |
| | | <router-link to="/personalCenter">个人中心</router-link> |
| | |
| | | </li> |
| | | |
| | | <li> |
| | | <div class="label" @click="jump(1)">订单管理</div> |
| | | <div class="label" @click="jump(0)">订单管理</div> |
| | | </li> |
| | | |
| | | <li> |
| | | <!-- <li> |
| | | <div class="label">产品续费</div> |
| | | </li> |
| | | </li> --> |
| | | |
| | | <li> |
| | | <!-- <li> |
| | | <div class="label">未读消息</div> |
| | | </li> |
| | | </li> --> |
| | | |
| | | <li> |
| | | <div class="label">未支付订单</div> |
| | | <div class="label" @click="jump(0, 1)">未支付订单</div> |
| | | </li> |
| | | |
| | | <li> |
| | |
| | | }); |
| | | }, |
| | | |
| | | jump(id) { |
| | | jump(id, type) { |
| | | if (type) { |
| | | sessionStorage.setItem("type", type); |
| | | } |
| | | this.$router.push({ |
| | | path: "/personalCenter", |
| | | query: { |
| | |
| | | |
| | | .label { |
| | | color: #3d3d3d; |
| | | &:hover { |
| | | color: #0065ff; |
| | | } |
| | | } |
| | | } |
| | | .right { |
| | |
| | | top: 64px; |
| | | padding: 0 20px; |
| | | width: 240px; |
| | | height: 427px; |
| | | height: 327px; |
| | | background-color: #fff; |
| | | box-shadow: 0px 4px 12px rgba(96, 100, 106, 0.12); |
| | | border-radius: 4px; |
| | |
| | | } |
| | | |
| | | ul { |
| | | height: 300px; |
| | | height: 200px; |
| | | border-top: 1px solid #e9ebee; |
| | | border-bottom: 1px solid #e9ebee; |
| | | |