问题处理

wjt

2024-06-25 244d89b41c0e0e995d38f635a126a0959b9ba25b

 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>
@@ -25,6 +29,9 @@
               success: val => {
                  if(val.errMsg === 'scanCode:ok'){
                     console.log(val.result)
                     uni.navigateTo({
                        url: `/policy/scodePage/scodePage?code=${val.result}`
                     })
                  }
               }
            })
@@ -46,12 +53,38 @@
      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: 136rpx;
         height: 136rpx;
         background-color: white;
         border-radius: 50%;
         padding: 12rpx;
         top: -40rpx;
         display: flex;
         box-sizing: border-box;
         justify-content: center;
         align-items: center;
      }
   }
</style>