message: Fixed responsive wordcard
diff: </transition>
  </div>
  <hr>
  - <footer class="wordcard-footer">
  + <footer class="wordcard-footer-wrap" :style="{height: wordcardFooterHeight + 'px'}">
  + <transition name="fade">
  + <div class="wordcard-footer" ref="wordcardFooter" v-if="wordcardData.title">
  <img :src="wordcardData.favicon" v-if="wordcardData.favicon" class="wordcard-favicon">
  <p class="wordcard-title">
  <a :href="wordcardData.url" @click.prevent="openURL(wordcardData.url)">{{ wordcardData.title }}</a>
  </p>
  + </div>
  + </transition>
  </footer>
  </div>
  </div>
  @@ -286,6 +290,7 @@ export default {
  wordcardTransHeight: 0,
  wordcardSenHeight: 0,
  wordcardNoteHeight: 0,
  + wordcardFooterHeight: 0,
  isOnlyEng: false,
  @@ -552,8 +557,10 @@ export default {
  this.wordcardData = newVal[0].data[0]
  }
  },
  - wordcardData (val) {
  - if (!val) { return }
  + wordcardData: {
  + deep: true,
  + handler () {
  + if (!this.wordcardData) { return }
  this.$nextTick(() => {
  this.wordcardTransHeight = this.$refs.wordcardTrans
  ? this.$refs.wordcardTrans.offsetHeight
  @@ -564,7 +571,11 @@ export default {
  this.wordcardNoteHeight = this.$refs.wordcardNote
  ? this.$refs.wordcardNote.offsetHeight
  : 0
  + this.wordcardFooterHeight = this.$refs.wordcardFooter
  + ? this.$refs.wordcardFooter.offsetHeight
  + : 0
  })
  + }
  },
  expPattern (expPattern) {
  storage.sync.set({expPattern})
  @@ -754,6 +765,11 @@ body {
  border: 1px dashed;
  }
  +.wordcard-footer-wrap {
  + overflow: hidden;
  + transition: all 0.4s;
  +}
  +
  .wordcard-footer {
  padding: 0 10px;
  }
  