🐞 fix(书籍首页，作品列表页): 快捷访问组件，选择方言下拉弹框的层级问题优化

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-21 09:35:14
  * @Date: 2022-05-21 09:35:14
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-24 17:26:02
+ * @LastEditTime: 2022-06-24 18:24:17
  * @FilePath: /tswj/src/views/client/bookDetail.vue
  * @FilePath: /tswj/src/views/client/bookDetail.vue
  * @Description:
  * @Description:
 -->
 -->
@@ -51,7 +51,7 @@
             <van-col span="6">
             <van-col span="6">
               <div :class="[checkLocalism ? 'checked' : 'uncheck']" @click="toggleLanguage('localism')">方言</div>
               <div :class="[checkLocalism ? 'checked' : 'uncheck']" @click="toggleLanguage('localism')">方言</div>
             </van-col>
             </van-col>
-            <van-col v-if="checkLocalism" span="12" @click="showPicker = true">
+            <van-col v-if="checkLocalism" span="12" @click="onClickLocalism">
               <div class="choose-wrapper">
               <div class="choose-wrapper">
                 <div class="text">
                 <div class="text">
                   &nbsp;{{ chooseLanguage.text }}
                   &nbsp;{{ chooseLanguage.text }}
@@ -87,7 +87,7 @@
       <van-empty v-if="emptyStatus" class="custom-image" :image="no_image" description="暂无作品信息" />
       <van-empty v-if="emptyStatus" class="custom-image" :image="no_image" description="暂无作品信息" />
     </div>
     </div>
     <div style="height: 6rem;" />
     <div style="height: 6rem;" />
-    <div class="book-bar">
+    <div class="book-bar" :style="customBarStyle">
       <div class="text" @click="onSubscribe">
       <div class="text" @click="onSubscribe">
         <template v-if="!bookInfo.is_subscribe">
         <template v-if="!bookInfo.is_subscribe">
           <van-icon :name="icon_subscribed" size="1.25rem" style="margin: 0 auto;" />
           <van-icon :name="icon_subscribed" size="1.25rem" style="margin: 0 auto;" />
@@ -146,6 +146,12 @@ const $router = useRouter();
 const { toggleLanguage, onLoad, columns, prod_list, finished, loading, bookInfo, showPicker, checkLocalism, checkMandarin, onConfirm, chooseLanguage, finishedTextStatus, emptyStatus } = useVideoList();
 const { toggleLanguage, onLoad, columns, prod_list, finished, loading, bookInfo, showPicker, checkLocalism, checkMandarin, onConfirm, chooseLanguage, finishedTextStatus, emptyStatus } = useVideoList();
 let { userInfo } = useDefaultPerf($route.query.id);
 let { userInfo } = useDefaultPerf($route.query.id);
 
 
+const customBarStyle = ref({})
+const onClickLocalism = () => {
+  showPicker.value = true
+  customStyle.value.zIndex = 0
+  customBarStyle.value.zIndex = 0
+}
 const customStyle = ref({
 const customStyle = ref({
   bottom: '8rem'
   bottom: '8rem'
 })
 })