新增首页,我的页面动画

pages/oaHome/oaHome.vue

@@ -6,11 +6,20 @@
       class="home_header"
       :class="!ApproveList.length > 0 ? 'home_header_no_data' : ''"
     >
+      <view style="position: absolute;bottom: 0;left: 0;overflow: hidden;border-radius: 0 0 30rpx 30rpx;">
+        <hx-lottie :options="options" ref="lottie" style="width: 100vw;height: 400rpx;transform: scale(1.2);"/>
+      </view>
       <!-- #ifdef APP-PLUS||H5 -->
       <view style="height: var(--status-bar-height)"></view>
       <view style="height: 30rpx"></view>
       <!-- #endif -->
       <view class="my_info">
+        <view v-if="!$store.state.app.token" @click="login" class="mesg_box">
+          <view class="name">
+            <text class="nickname">立即登录</text>
+          </view>
+          <view class="duty"> 登录后可查看更多 </view>
+        </view>
         <view class="head_img">
           <view class="img_box">
             <u--image
@@ -28,41 +37,10 @@
             >身份: {{ myOaInfo.admin_id ? "管理员" : "普通用户" }}</text
           >
         </view>
-        <view v-if="!$store.state.app.token" @click="login" class="mesg_box">
-          <view class="name">
-            <text class="nickname">立即登录</text>
-          </view>
-          <view class="duty"> 登录后可查看更多 </view>
-        </view>
-        <!-- <view v-else class="mesg_box">
-					<view class="name">
-						<text class="nickname">姓名:{{ myOaInfo.nickname }}</text>
-						<text>（{{ myOaInfo.admin_id ? "管理员" : "普通用户" }}）</text>
-					</view>
-					<view class="duty">
-
-						电话:{{ myOaInfo.account }}<br />
-						公司:<text v-if="myOaInfo.company">{{
-              myOaInfo.company.company_name
-            }}</text><br />
-						公司类型:<text v-if="myOaInfo.company">{{
-              myOaInfo.company.company_type_name
-            }}</text><br />
-					</view>
-				</view> -->
       </view>
 
       <!-- 占位 -->
       <view style="height: 150rpx"></view>
-      <!-- 任务状态 -->
-      <!-- <view class="task_panel">
-        <block v-for="(item,index) in assessData" :key="index">
-          <view class="task_item">
-            <view class="plan">{{ item.num }}</view>
-            <view class="">{{ item.name }}</view>
-          </view>
-        </block>
-      </view> -->
 
       <view
         class="backlog"
@@ -220,6 +198,7 @@ import {
   getApproveListAPI,
   getUserIndexAPI,
 } from "@/api/oaApi.js";
+import bj from "@/static/animation/home.json"
 //#ifdef APP-PLUS
 var jpushModule = uni.requireNativePlugin("JG-JPush");
 // #endif
@@ -231,6 +210,9 @@ export default {
   },
   data () {
     return {
+      options: {
+        data: '',
+      },
       is_captain: 0,
       notArr: [],
       orderList: [],
@@ -277,6 +259,7 @@ export default {
   },
   onLoad () {
     this.is_captain = JSON.parse(uni.getStorageSync("USER_INFO")).is_captain
+    this.options.data = bj;
     //#ifdef APP-PLUS
 
     let that = this;

pages/oaLogin/oaLogin.vue

@@ -214,8 +214,9 @@
 
 		.body {
       position: absolute;
-      top: 200rpx;
+      top: 50%;
-      left: 28rpx;
+      left: 50%;
+      transform: translate(-50%, -50%);
 			display: flex;
 			flex-direction: column;
 			align-items: center;

pages/oaMy/oaMy.vue

@@ -1,7 +1,10 @@
 <template>
 	<view class="my">
-		<view class="head_box">
+		<view class="head_box" style="position: relative;">
 			<!-- <image class="head_img" src="../../static/img/home/head-bg.png"></image> -->
+      <view style="position: absolute;bottom: 0;left: 0;overflow: hidden;border-radius: 0 0 30rpx 30rpx;">
+        <hx-lottie :options="options" ref="lottie" style="width: 100vw;height: 400rpx;transform: scale(1.2);"/>
+      </view>
 			<!-- #ifdef APP-PLUS||H5 -->
 			<view style="height: var(--status-bar-height);"></view>
 			<view style="height: 100rpx"></view>
@@ -81,6 +84,7 @@
 	import {
 		myOaData
 	} from '@/static/server/server.js'
+  import bj from "@/static/animation/home.json"
 	// import tabbar from '../components/tabbar'
 	export default {
 		components: {
@@ -88,16 +92,16 @@
 		},
 		data() {
 			return {
+        options: {
+          data: '',
+        },
 				myOaData: myOaData,
 				src: 'https://cdn.uviewui.com/uview/album/1.jpg',
 				modelShow: false
 			}
 		},
-		onReady() {
+    onLoad() {
-			uni.setNavigationBarColor({
+      this.options.data = bj;
-				frontColor: '#ffffff',
-				backgroundColor: '#3175f9'
-			})
     },
 		onShow() {
 			this.getOaUserInfo();