perf:styles

Author: iRuxu

src/assets/css/community/community.less

@@ -305,13 +305,13 @@
     display: flex;
     flex-wrap: wrap;
     gap: 5px;
-    color: rgba(64, 128, 255, 1);
+    // color: rgba(64, 128, 255, 1);
     // margin-bottom: 10px;
     span {
         font-size: 12px;
         cursor: pointer;
         padding: 1px 8px;
-        background-color: #4080ff;
+        background-color: @color;
         color: #fff;
         border-radius: 3px;
         line-height: 20px;

src/assets/css/community/header.less

@@ -89,7 +89,8 @@
         .u-more {
             &:hover {
                 background: rgba(235, 244, 255, 1);
-                color: rgba(64, 128, 255, 1);
+                // color: rgba(64, 128, 255, 1);
+                color:@color-link;
             }
             &.is-disabled {
                 cursor: not-allowed;

src/assets/css/community/reply_item.less

@@ -41,8 +41,8 @@
             height: 32px;
         }
         .u-reply-btn {
-            background: rgba(64, 128, 255, 1);
-            border-color: rgba(64, 128, 255, 1);
+            // background: rgba(64, 128, 255, 1);
+            // border-color: rgba(64, 128, 255, 1);
             &:hover {
                 opacity: 0.8;
             }
@@ -52,6 +52,7 @@
             }
         }
         .u-praise-btn {
+            margin-left:10px !important;
             background: rgba(255, 112, 146, 1);
             border-color: rgba(255, 112, 146, 1);
             &.is-disabled {

src/components/community/comment_editor.vue

@@ -294,8 +294,8 @@ export default {
     }
     .u-publish {
         margin-bottom: 4px;
-        background: #4080ff;
-        border: 1px solid #4080ff;
+        // background: #4080ff;
+        // border: 1px solid #4080ff;
         &:hover {
             opacity: 0.9;
         }

src/components/community/post_header.vue

@@ -29,9 +29,9 @@
                 </i>
                 <span :style="hightStyle" class="u-title-text">{{ title }}</span>
                 <div class="u-title-toolbar">
-                    <el-button size="small" @click="onEditClick" v-if="isPostOwner" type="warning" icon="el-icon-edit"
+                    <!-- <el-button size="small" @click="onEditClick" v-if="isPostOwner" type="warning" icon="el-icon-edit"
                         >编辑</el-button
-                    >
+                    > -->
                     <el-button
                         size="small"
                         :class="`u-only-btn ${onlyAuthor && 'u-unset'}`"
@@ -363,8 +363,8 @@ export default {
     .fr;
     .u-only-btn {
         position: relative;
-        background: rgba(64, 128, 255, 1);
-        border: 1px solid rgba(64, 128, 255, 1);
+        // background: @color-link;
+        // border: 1px solid rgba(64, 128, 255, 1);
         display: inline-block;
         height: 32px;
         &.u-unset {
@@ -416,7 +416,7 @@ export default {
     .u-client {
         // .fl;
         font-style: normal;
-        .fz(12px);
+        .fz(12px,20px);
         padding: 0px 5px;
         .r(3px);
         // .mr(10px);

src/views/CommunitySingle.vue

@@ -62,7 +62,7 @@
                                     :defaultVisible="collection_collapse"
                                     @collectionUpdate="updateCollection"
                                 />
-                                <el-divider content-position="left">JX3BOX</el-divider>
+                                <el-divider class="m-community-header__divider" content-position="left">JX3BOX</el-divider>
                             </div>
                         </template>
                     </ReplyItem>
@@ -572,7 +572,9 @@ export default {
 
 <style lang="less">
 @import "~@/assets/css/community/community-single.less";
-
+.m-community-header__divider{
+    margin: 10px 0 20px 0;
+}
 .w-jx3-element-pop {
     position: fixed;
     .z(2000);