投诉详情

346149741

2024-06-22 ade1aa658df84e8b52f5d1dfa9d2971da5cdad55

 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,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>