Blizzard/sundynix-pets
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat/dev #5

Merged
Blizzard merged 7 commits from feat/dev into main 2026-10-05 05:41:52 +00:00
Conversation 0 Commits 7 Files Changed 111
+48 -33
3 changed files with 48 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d6cb582ffe - Show all commits
pets-fe/components/tab-bar/index.js
+1 -1
View File
@@ -1,5 +1,5 @@
const tabs = [ const tabs = [
{ path: "/pages/home/home", label: "首页", key: "home" }, { path: "/pages/home/home", label: "日常", key: "daily" },
{ path: "/pages/meetups/meetups", label: "约遛", key: "meetups" }, { path: "/pages/meetups/meetups", label: "约遛", key: "meetups" },
{ path: "/pages/walk/walk", label: "遛狗", key: "walk" }, { path: "/pages/walk/walk", label: "遛狗", key: "walk" },
{ path: "/pages/tasks/tasks", label: "任务", key: "tasks" }, { path: "/pages/tasks/tasks", label: "任务", key: "tasks" },
pets-fe/components/tab-bar/index.wxml
+6 -4
View File
@@ -18,10 +18,12 @@
</view> </view>
</view> </view>
<view wx:else class="icon-wrap"> <view wx:else class="icon-wrap">
<view wx:if="{{item.key==='home'}}" class="home-icon"> <view wx:if="{{item.key==='daily'}}" class="daily-icon">
<view class="home-roof"></view> <view class="calendar-ring ring-left"></view>
<view class="home-body"></view> <view class="calendar-ring ring-right"></view>
<view class="home-door"></view> <view class="calendar-divider"></view>
<view class="daily-rays"></view>
<view class="daily-sun"></view>
</view> </view>
<view wx:elif="{{item.key==='meetups'}}" class="friends-icon"> <view wx:elif="{{item.key==='meetups'}}" class="friends-icon">
<view class="friend friend-left"></view> <view class="friend friend-left"></view>
pets-fe/components/tab-bar/index.wxss
+41 -28
View File
@@ -50,44 +50,57 @@
border-radius: 50%; border-radius: 50%;
background: #df936a; background: #df936a;
} }
.home-icon { .daily-icon {
position: relative; position: relative;
width: 42rpx; width: 39rpx;
height: 42rpx; height: 37rpx;
margin-top: 5rpx;
border: 3rpx solid currentColor;
border-radius: 9rpx;
} }
.home-roof { .calendar-ring {
position: absolute; position: absolute;
top: 3rpx; top: -8rpx;
left: 10rpx; width: 3rpx;
width: 25rpx; height: 11rpx;
height: 25rpx;
border-left: 4rpx solid currentColor;
border-top: 4rpx solid currentColor;
border-radius: 3rpx; border-radius: 3rpx;
transform: rotate(45deg); background: currentColor;
} }
.home-body { .ring-left { left: 7rpx; }
.ring-right { right: 7rpx; }
.calendar-divider {
position: absolute;
top: 7rpx;
left: 0;
right: 0;
border-top: 3rpx solid currentColor;
}
.daily-rays {
position: absolute; position: absolute;
left: 6rpx; left: 6rpx;
right: 6rpx; top: 12rpx;
bottom: 1rpx; width: 21rpx;
height: 24rpx; height: 21rpx;
border-left: 4rpx solid currentColor;
border-right: 4rpx solid currentColor;
border-bottom: 4rpx solid currentColor;
border-radius: 0 0 5rpx 5rpx;
} }
.home-door { .daily-rays::before, .daily-rays::after {
content: "";
position: absolute; position: absolute;
left: 18rpx; border-radius: 2rpx;
bottom: 2rpx; background: currentColor;
width: 10rpx;
height: 15rpx;
border-left: 3rpx solid currentColor;
border-right: 3rpx solid currentColor;
border-top: 3rpx solid currentColor;
border-radius: 5rpx 5rpx 0 0;
} }
.daily-rays::before { left: 9rpx; top: 0; width: 3rpx; height: 21rpx; }
.daily-rays::after { left: 0; top: 9rpx; width: 21rpx; height: 3rpx; }
.daily-sun {
position: absolute;
left: 10rpx;
top: 16rpx;
width: 13rpx;
height: 13rpx;
border: 3rpx solid currentColor;
border-radius: 50%;
background: #fff;
}
.active .daily-sun { background: #fff0e2; }
.friends-icon { .friends-icon {
position: relative; position: relative;
width: 48rpx; width: 48rpx;