feat: 新增圣诞节头像挂件

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pwl-chat-extension",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service build --mode development --watch",

src/components/Message.vue

@@ -7,6 +7,7 @@
           :src="message.userAvatarURL"
           @click.native="$emit('showUserCard', message.userName)"
         ></el-avatar>
+        <img v-if="avatarPendant && avatarPendant.isChristmas" class="avatar-pendant" src="../../public/image/Christmas.png"/>
       </el-row>
       <el-row :class="(isOwn ? 'own-chat ' : '') + 'flex-column'" type="flex">
         <el-row class="name">
@@ -103,6 +104,7 @@ export default {
     message: Object,
     date: String,
     unlimitedRevoke: Boolean,
+    avatarPendant: Object
   },
   data() {
     return {
@@ -186,6 +188,13 @@ export default {
   padding: 5px;
   width: 60px;
 }
+.avatar-pendant {
+  position: absolute;
+  top: -7px;
+  right: 9px;
+  width: 30px;
+  height: 30px;
+}
 .flex-column {
   flex-direction: column;
 }

src/components/Send.vue

@@ -160,8 +160,8 @@ export default {
         let quoteForm = this.quoteForm
 
         form.content =
-          '引用 @' + this.buildAtUser(quoteForm.userName) + 
-          '\n> ' +
+          '**引用** **@' + this.buildAtUser(quoteForm.userName) + 
+          '**\n> ' +
           (quoteForm.md ? quoteForm.md : quoteForm.content) +
           '\n\n并说:' +
           form.content

src/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "摸鱼派聊天室",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "homepage_url": "https://github.com/Lemon-cxh/pwl-chat-extension",
   "description": "摸鱼派聊天室插件",
   "permissions": [
@@ -33,6 +33,7 @@
 		{
 			"matches": ["<all_urls>"],
 			"js": ["js/content-script.js"],
+      "css": ["css/content.css"],
 			"run_at": "document_start"
 		}
 	]

src/views/ChatRoom.vue

@@ -47,6 +47,7 @@
               :message="item"
               :date="date"
               :unlimitedRevoke="unlimitedRevoke"
+              :avatarPendant="avatarPendant"
               @revokeMessage="revokeMessage"
               @showUserCard="showUserCard"
               @collectImages="collectImages"
@@ -110,6 +111,7 @@ export default {
       online: {},
       redPacketVisible: false,
       type: MESSAGE_TYPE,
+      avatarPendant: {}
     }
   },
   computed: {
@@ -171,6 +173,7 @@ export default {
       }
     })
     this.port = port
+    this.avatarPendant.isChristmas = this.date.endsWith('12-24') || this.date.endsWith('12-25')
   },
   mounted() {
     document.getElementById('messageList').oncontextmenu = () => {
@@ -248,7 +251,7 @@ export default {
           process.env.VUE_APP_BASE_URL + '/forward?goto=',
           ''
         )
-        window.open(decodeURIComponent(href))
+        dom.href = decodeURIComponent(href)
       }
     },
     showUserCard(name) {

vue.config.js

@@ -18,7 +18,9 @@ module.exports = {
     browserExtension: {
       components: {
         background: true,
+        contentScripts: true
       },
+      manifestSync: ['version'],
       componentOptions: {
         background: {
           entry: './src/background/main.js'