From f391ea2e402579ab8fc351232b83d21376386738 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期四, 20 六月 2024 18:58:01 +0800
Subject: [PATCH] 添加页面
---
policy/components/tabs.vue | 28 +++++++++++++++++++++++++---
1 files changed, 25 insertions(+), 3 deletions(-)
diff --git a/policy/components/tabs.vue b/policy/components/tabs.vue
index 3627e6b..84ebf76 100644
--- a/policy/components/tabs.vue
+++ b/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>
\ No newline at end of file
--
Gitblit v1.9.1