销售目标

packageA/target/index.js

@@ -5,7 +5,7 @@ Page({
      * 页面的初始数据
      */
     data: {
-
+        active: "业绩目标"
     },
 
     /**
@@ -14,6 +14,11 @@ Page({
     onLoad(options) {
 
     },
+    tabsChange({detail}){
+        this.setData({
+            active:detail.title
+        })
+    },
 
     /**
      * 生命周期函数--监听页面初次渲染完成

packageA/target/index.json

@@ -1,3 +1,4 @@
 {
-    "usingComponents": {}
+    "usingComponents": {},
+    "navigationBarTitleText": "销售目标"
 }

packageA/target/index.scss

@@ -1 +1,35 @@
-/* packageA/target/index.wxss */
+.footer {
+    position: fixed;
+    width: 100vw;
+    height: 130rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    bottom: 0;
+    background-color: #fff;
+
+    .but {
+        width: 500rpx;
+        height: 90rpx;
+        background: #3874F6;
+        border-radius: 100rpx;
+        font-size: 28rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #FFFFFF;
+    }
+}
+
+.tab-class {
+    font-size: 28rpx;
+    font-family: PingFang SC-Bold, PingFang SC;
+    font-weight: bold;
+    color: #999999;
+}
+
+.tab-active-class {
+    font-size: 28rpx;
+    font-family: PingFang SC-Bold, PingFang SC;
+    font-weight: bold;
+    color: #3874F6;
+}

packageA/target/index.wxml

@@ -1,2 +1,12 @@
-<!--packageA/target/index.wxml-->
-<text>packageA/target/index.wxml</text>
+<van-tabs active="{{ active }}" sticky color='#3874F6' tab-class='tab-class' tab-active-class='tab-active-class' bind:change="tabsChange">
+    <van-tab title="业绩目标" />
+    <van-tab title="业绩项目目标" />
+</van-tabs>
+
+
+
+
+
+<view class="footer">
+    <van-button custom-class='but'>{{active=='业绩目标'?'我的业绩目标':'我的项目目标'}}</van-button>
+</view>