修改样式

mlogclub · Mar 29, 2020 · f3d67bd · f3d67bd
1 parent fa081eb
commit f3d67bd
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 15 deletions.
diff --git a/site/assets/styles/common.scss b/site/assets/styles/common.scss
@@ -1,10 +1,10 @@
 html,
 body {
-  font-family: '-apple-system', 'system-ui', 'Helvetica Neue', 'Luxi Sans',
-  'DejaVu Sans', Tahoma, 'Hiragino Sans GB', STHeiti, sans-serif !important;
+  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
   // background: #e5e5e5;
   // background: #f7f7f7;
   background: url(../images/bg.gif) repeat;
+  color: #222831;
 }
 
 .column {
@@ -153,8 +153,9 @@ $sidebar-margin: 10px; // 侧边栏之间的缝隙
 
 .widget {
   background: #fff;
-  padding: 0 6px;
+  padding: 0 12px;
   margin-top: 10px;
+  border-radius: calc(.25rem - 1px);
 
   &:first-child {
     margin: 0;
@@ -169,11 +170,11 @@ $sidebar-margin: 10px; // 侧边栏之间的缝隙
   }
 
   & > .widget-header {
-    // padding-bottom: 8px;
     padding: 8px 0;
     font-size: 16px;
-    font-weight: bold;
-    border-bottom: 1px dashed #ddd;
+    //font-weight: bold;
+    //border-bottom: 1px dashed #ddd;
+    border-bottom: 1px solid #f1f1f1;
 
     .slot {
       float: right;
@@ -186,9 +187,6 @@ $sidebar-margin: 10px; // 侧边栏之间的缝隙
   }
 
   & > .widget-content {
-    // background-color: #fff;
-    // font-size: 12px;
-    // margin-top: 8px;
     padding: 8px 0;
     word-break: break-all;
   }

diff --git a/site/components/MsgNotice.vue b/site/components/MsgNotice.vue
@@ -5,6 +5,7 @@
         :class="{ 'msg-flicker': msgcount > 0 }"
         href="/user/messages"
         class="msgicon"
+        title="消息"
       >
         <i class="iconfont icon-bell"></i>
         <sup v-if="msgcount > 0">{{ msgcount > 9 ? '9+' : msgcount }}</sup>

diff --git a/site/components/MyNav.vue b/site/components/MyNav.vue
@@ -1,5 +1,10 @@
 <template>
-  <nav ref="nav" class="navbar" role="navigation" aria-label="main navigation">
+  <nav
+    ref="nav"
+    class="navbar has-shadow"
+    role="navigation"
+    aria-label="main navigation"
+  >
     <div class="container">
       <div class="navbar-brand">
         <a href="/" class="navbar-item">
@@ -52,6 +57,12 @@
           </div>
           -->
 
+          <div class="navbar-item dropdown is-hoverable is-right">
+            <a href="/topic/create" title="发表话题" class="publish">
+              <i class="iconfont icon-publish"></i>
+            </a>
+          </div>
+
           <msg-notice />
 
           <div v-if="user" class="navbar-item has-dropdown is-hoverable">
@@ -150,6 +161,13 @@ export default {
   .navbar-item {
     font-weight: 700;
   }
+
+  .publish {
+    color: #448ef6;
+    &:hover {
+      color: #222;
+    }
+  }
 }
 
 .searchFormDiv {

diff --git a/site/components/TopicSide.vue b/site/components/TopicSide.vue
@@ -1,9 +1,10 @@
 <template>
   <div class="right-container">
-    <!--<post-btns :current-node-id="currentNodeId" />-->
     <site-notice />
     <div v-if="scoreRank && scoreRank.length" class="widget">
-      <div class="widget-header">积分排行</div>
+      <div class="widget-header">
+        <span class="widget-title">积分排行</span>
+      </div>
       <div class="widget-content">
         <ul class="score-rank">
           <li v-for="user in scoreRank" :key="user.id">
@@ -61,12 +62,10 @@
 </template>
 
 <script>
-// import PostBtns from '~/components/PostBtns'
 import SiteNotice from '~/components/SiteNotice'
 
 export default {
   components: {
-    // PostBtns,
     SiteNotice
   },
   props: {
@@ -95,7 +94,7 @@ export default {
   li {
     display: flex;
     list-style: none;
-    margin: 8px;
+    margin: 8px 0;
     font-size: 13px;
     position: relative;