feat: 竹禽图页加拼音；fix: 更多章节页墨竹按钮适配傻逼qq浏览器、傻逼搜狗浏览器

src/main.js

@@ -45,6 +45,12 @@ if (uaInfo.browser && uaInfo.browser.name === 'WeChat') {
 if (uaInfo.browser && uaInfo.browser.name === 'Safari') {
   app.provide('$isSafari', true)
 }
+if (navigator.userAgent.indexOf('QQBrowser') > -1) {
+  app.provide('$isQQ', true)
+}
+if (navigator.userAgent.indexOf('metasr') > -1) {
+  app.provide('$isSouGou', true)
+}
 if (
   uaInfo.device.type === 'mobile' ||
   /Mobi|Android|iPhone|SymbianOS|Windows Phone|iPad|iPod/i.test(navigator.userAgent)

src/views/MoreContent.vue

@@ -114,7 +114,7 @@
               人文
             </button>
             <button
-              v-if="$isSafari"
+              v-if="$isSafari || $isQQ || $isSouGou"
               class="button in-safari"
               @click="onClickEntryAtMoZhu('PoemList')"
             >
@@ -134,7 +134,7 @@
               画作
             </button>
             <button
-              v-if="$isSafari"
+              v-if="$isSafari || $isQQ || $isSouGou"
               class="button in-safari"
               @click="onClickEntryAtMoZhu('PaintingList')"
             >
@@ -154,7 +154,7 @@
               竹谱
             </button>
             <button
-              v-if="$isSafari"
+              v-if="$isSafari || $isQQ || $isSouGou"
               class="button in-safari"
               @click="onClickEntryAtMoZhu('BambooBook')"
             >
@@ -278,6 +278,8 @@ const router = useRouter()
 const store = useStore()
 
 const $isSafari = inject('$isSafari')
+const $isQQ = inject('$isQQ')
+const $isSouGou = inject('$isSouGou')
 
 const windowWidthDesign = 4674
 const windowHeightDesign = 1080 - 71 - 37 // 设计稿里视口高度。注意要减去上下边栏

src/views/PaintingDetailForTaoZhu.vue

@@ -222,6 +222,7 @@ function showBigPainting() {
       color: #E1EDD9;
       line-height: calc(38px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
       writing-mode: vertical-lr;
+      letter-spacing: 0.2em;
     }
     >p:nth-of-type(1) {
       margin-left: calc(30px / v-bind('windowHeightDesign') * v-bind('windowHeight'));

src/views/PaintingDetailForZhuQin.vue

@@ -58,7 +58,12 @@
         <span>卷</span> <span>绢本</span> <span>设色</span>
       </p>
       <p class="subtitle subtitle-2">
-        <span>宋</span> <span>赵佶</span>
+        <span>宋</span> <span>赵佶</span><img
+          class="pin-yin"
+          src="@/assets/images/pin-yin-jí.png"
+          alt=""
+          draggable="false"
+        >
       </p>
     </div>
 
@@ -221,12 +226,20 @@ function showBigPainting() {
       color: #E1EDD9;
       line-height: calc(38px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
       writing-mode: vertical-lr;
+      letter-spacing: 0.2em;
     }
     >p:nth-of-type(1) {
       margin-left: calc(30px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
     }
     >p:nth-of-type(2) {
       margin-left: calc(12px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
+      >img.pin-yin{
+        position: absolute;
+        bottom: calc(115px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
+        right: calc(-6px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
+        width: calc(9px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
+        height: calc(13px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
+      }
     }
   }
   >button.view-img{