Browse Source

添加锚点

apply
song 4 years ago
parent
commit
d05d4d95d1
  1. 1
      nuxt.config.ts
  2. 46
      pages/index.vue
  3. BIN
      public/statistics.png

1
nuxt.config.ts

@ -12,6 +12,7 @@ export default defineNuxtConfig({
hooks: resolve(__dirname, './hooks'),
apis: resolve(__dirname, './apis'),
store: resolve(__dirname, './store'),
public: resolve(__dirname, './public'),
},
meta: {
meta: [

46
pages/index.vue

@ -1,5 +1,5 @@
<template>
<div>
<div class="mb-60">
<van-nav-bar
title="资源管理"
left-arrow
@ -8,27 +8,39 @@
<van-tabs v-model:active="active" shrink line-width="60px" color="#59B4FF" title-active-color="#59B4FF">
<van-tab title="财务管理">
<!-- 财务管理页面 -->
<div class="financial-management flex flex-col">
<div class="financial-management flex flex-col d_jump">
<div>
<span class="title">财务管理</span> <span class="title-describe">对项目预算奖金进行配置</span>
</div>
<Search />
<FinanceManage />
</div>
<!-- 财务管理页面 -->
<div class="financial-management flex flex-col">
<!-- 财务审批页面 -->
<div class="financial-management flex flex-col d_jump">
<div>
<span class="title">财务审批</span> <span class="title-describe">对员工提交的申请进行审批</span>
</div>
<Search />
<FinanceExamine />
</div>
<!-- 财务统计页面 -->
<div class="financial-management flex flex-col d_jump">
<div>
<span class="title">财务统计</span> <span class="title-describe">财务明细统计查看</span>
</div>
<img src="public/statistics.png" class="w-full">
</div>
</van-tab>
<van-tab title="角色管理">角色管理</van-tab>
<van-tab title="任务管理">任务管理</van-tab>
<van-tab title="成员管理">成员管理</van-tab>
</van-tabs>
<ul class="menu">
<li @click="jump(0)">财务管理</li>
<li @click="jump(1)">财务审批</li>
<li @click="jump(2)">财务统计</li>
</ul>
</div>
</template>
@ -48,6 +60,17 @@ function onClickLeft(){
console.log('返回上一页')
}
function jump(index) {
let jump = document.querySelectorAll('.d_jump')
//
let total = jump[index].offsetTop
// Chrome
document.body.scrollTop = total
// Firefox
document.documentElement.scrollTop = total
// Safari
window.pageYOffset = total
}
</script>
<style lang="less">
@ -71,4 +94,19 @@ function onClickLeft(){
color: #A0A0A0;
}
}
.menu{
position: fixed;
right: 0;
bottom: 15px;
z-index: 99
}
.menu li{
width: 72px;
color: #fff;
background: rgba(25, 137, 250, 0.6);
padding: 8px 20px;
border-radius: 30px 0 0 30px;
margin-bottom: 15px;
}
</style>

BIN
public/statistics.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 182 KiB

Loading…
Cancel
Save