fix(profile): 修复动态评论置顶样式问题

src/page/message/list/audits.vue

@@ -1,27 +1,14 @@
 <template>
   <div :class="`${prefixCls}`">
-    <header
-      class="m-box m-head-top m-pos-f m-main m-bb1"
-      style="overflow: visible;">
-      <div class="m-box m-aln-center m-flex-grow1 m-flex-base0">
-        <svg
-          class="m-style-svg m-svg-def"
-          @click="goBack">
-          <use
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-            xlink:href="#base-back"/>
-        </svg>
-      </div>
-      <div class="m-box m-aln-center m-flex-grow2 m-flex-base2 m-justify-center">
-        <diy-select
-          slot="nav"
-          :options="options"
-          v-model="currentType"
-          placeholder="动态评论置顶"
-          style="margin-top: -1px"/>
-      </div>
-      <div class="m-box m-aln-center m-flex-grow1 m-flex-base0 m-justify-end"/>
-    </header>
+
+    <common-header>
+      <diy-select
+        :options="options"
+        v-model="currentType"
+        placeholder="动态评论置顶"
+        style="margin-top: -1px"/>
+    </common-header>
+
     <div
       :class="`${prefixCls}-container`"
       style="padding-top: 0.9rem">
@@ -73,20 +60,23 @@ export default {
   },
   watch: {
     currentType(type) {
-      this.$router.push(`/message/audits/${type}`);
-    }
-  },
-  methods: {
-    goBack() {
-      this.$router.push("/message");
+      this.$router.replace(`/message/audits/${type}`);
     }
   }
 };
 </script>
-<style lang="less" src="../style.less">
-</style>
 
-<style lang="less">
+<style lang="less" scoped>
+@import url("../style.less");
+
+.c-common-header {
+  position: fixed;
+}
+
+.diy-select {
+  width: 10em;
+}
+
 .auditList {
   .diy-select--options {
     margin-top: -1px; /* no */