|
@@ -30,6 +30,14 @@
|
|
|
</div>
|
|
|
</van-list>
|
|
|
<Empty v-if="myLibListState.list.length === 0 && myLibListState.loaded">暂无我的文库</Empty>
|
|
|
+ <van-notice-bar
|
|
|
+ class="doc-tip--bottom"
|
|
|
+ v-if="showTip"
|
|
|
+ wrapable
|
|
|
+ :scrollable="false"
|
|
|
+ text="温馨提示:您可通过“剑鱼标讯”微信公众号,点击【发现-百宝箱-服务】查看“我的文库”"
|
|
|
+ mode="closeable"
|
|
|
+ />
|
|
|
</van-tab>
|
|
|
|
|
|
<van-tab title="文库收藏" name="1">
|
|
@@ -61,7 +69,7 @@
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
import { Component, Vue, Watch } from 'vue-property-decorator'
|
|
|
-import { Tabs, Tab, List } from 'vant'
|
|
|
+import { Tabs, Tab, List, NoticeBar } from 'vant'
|
|
|
import { mapState, mapMutations, mapActions } from 'vuex'
|
|
|
import Card from '@/components/docs-card/Card.vue'
|
|
|
import Empty from '@/components/common/Empty.vue'
|
|
@@ -73,13 +81,17 @@ import { dateFormatter, formatSize } from '@/utils/globalFunctions'
|
|
|
[Tabs.name]: Tabs,
|
|
|
[Tab.name]: Tab,
|
|
|
[List.name]: List,
|
|
|
+ [NoticeBar.name]: NoticeBar,
|
|
|
Card,
|
|
|
Empty
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState('main', {
|
|
|
userLibInfo: (state: any) => state.userLib
|
|
|
- })
|
|
|
+ }),
|
|
|
+ showTip () {
|
|
|
+ return this.$route.query.tip
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
...mapMutations({
|
|
@@ -258,6 +270,20 @@ export default class UserLibrary extends Vue {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.user-library {
|
|
|
+ .doc-tip--bottom {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ color: #FF9F40;
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 20px;
|
|
|
+ ::v-deep {
|
|
|
+ .van-icon {
|
|
|
+ color: #FF9F40;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
::v-deep {
|
|
|
.van-tabs__wrap {
|
|
|
height: 48px;
|