添加页面

wjt

2024-06-20 f391ea2e402579ab8fc351232b83d21376386738

 policy/components/tabs.vue

@@ -1,12 +1,16 @@
<template>
   <view class="fixed-down">
      <view  @click="activeClick(0)" :class="{ active: active == 0}">
         <image src="/static/policy/main.png" mode="heightFix" v-if="active != 0"></image>
         <image src="/static/policy/main-select.png" mode="heightFix" v-if="active == 0"></image>
         <view>工作台</view>
      </view>
      <view @click="scode">
         扫码
      <view @click="scode" class="relative">
         <image class="code" src="/static/policy/scode.png" mode="heightFix"></image>
      </view>
      <view @click="activeClick(1)" :class="{ active: active == 1}">
         <image src="/static/policy/user.png" mode="heightFix" v-if="active != 1"></image>
         <image src="/static/policy/user-select.png" mode="heightFix" v-if="active == 1"></image>
         <view>我的</view>
      </view>
   </view>
@@ -46,12 +50,30 @@
      justify-content: space-around;
      align-items: center;
      padding-bottom: 29rpx;
      padding-top: 20rpx;
      background-color: white;
      font-size: 20rpx;
      color: #7E8596FF;
      &>view{
         text-align: center;
      }
      .active{
         color: #1171E0FF;
      }
      image{
         height: 58rpx;
         width: 58rpx;
      }
      .code{
         width: 108rpx;
         height: 108rpx;
         position: absolute;
         top: -20rpx;
         left: 0;
      }
      .relative{
         position: relative;
         width: 108rpx;
         height: 108rpx;
      }
   }
</style>