root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
wangfukang 3 weeks ago
parent
136a46f095
commit
137e75488c
1 changed files with 175 additions and 2 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 177
      pages/index/index.vue

177
pages/index/index.vue
View File

@ -141,12 +141,12 @@
<text class="campus-switch-name">{{areaName || '选择校区'}}</text>
</view>
</view>
<view class="seckill-entry seckill-entry--in-card" @tap="goSeckillGroup">
<view class="seckill-entry seckill-entry--in-card" @tap="goPendingGroup">
<view class="heat-dot heat-dot-a"></view>
<view class="heat-dot heat-dot-b"></view>
<view class="seckill-entry-light"></view>
<view class="seckill-entry-info" style="padding-left: 20rpx;">
<view class="seckill-entry-title">秒杀团</view>
<view class="seckill-entry-title">极速团</view>
</view>
<view class="seckill-entry-btn">抢</view>
</view>
@ -442,6 +442,20 @@
<my-center ref="myCenterPage"></my-center>
</view>
</view>
<!-- <view v-if="currentIndex == 0" class="campus-wiki-float"
:class="{'campus-wiki-float--collapsed': campusWikiCollapsed}">
<view class="campus-wiki-puller" @tap.stop="toggleCampusWiki">
<text>{{campusWikiCollapsed ? '拉出' : '隐藏'}}</text>
</view>
<view class="campus-wiki-card">
<view class="campus-wiki-glow campus-wiki-glow-a"></view>
<view class="campus-wiki-glow campus-wiki-glow-b"></view>
<image class="campus-wiki-image" :src="campusWikiImage" mode="aspectFill"></image>
<view class="campus-wiki-copy">
<view class="campus-wiki-kicker">校园百科</view>
</view>
</view>
</view> -->
<!-- 弹出区域选择 -->
<uni-popup ref="areaPopup" class="home-popup-layer" :is-mask-click="areaPopupCanClose" background-color="transparent">
<view class="campus-area-popup">
@ -560,6 +574,8 @@
luck: '',
fish: ''
},
campusWikiImage: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/3ac293b60d934a2a81895f00b055a89a.png',
campusWikiCollapsed: false,
pages: [{
name: '商家账单详情111',
url: '/package3/shop/shopSettlementDetail'
@ -964,6 +980,9 @@
setTabBarVisible(visible) {
this.isTabBarVisible = visible
},
toggleCampusWiki() {
this.campusWikiCollapsed = !this.campusWikiCollapsed
},
refreshTabCounts() {
if (this.$refs.tabBar && this.$refs.tabBar.getWorkerCounts) {
return this.$refs.tabBar.getWorkerCounts()
@ -1833,6 +1852,12 @@
url: '/package3/seckill/seckillGroup'
})
},
goPendingGroup() {
this.preloadGroupBuyListPage()
uni.navigateTo({
url: '/package2/group/groupPendingList'
})
},
//跳转到子页面
goDetail(type) {
let url = ''
@ -2155,6 +2180,154 @@
height: 100%;
}
.campus-wiki-float {
position: fixed;
right: 18rpx;
top: 205rpx;
z-index: 997;
display: flex;
align-items: center;
transform: translate3d(0, 0, 0);
transition: transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1);
will-change: transform;
}
.campus-wiki-float--collapsed {
transform: translate3d(120rpx, 0, 0);
}
.campus-wiki-puller {
width: 56rpx;
height: 92rpx;
margin-right: -8rpx;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0.88);
border-right: 0;
border-radius: 24rpx 18rpx 18rpx 24rpx;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(229, 255, 247, 0.94));
box-shadow: 0 14rpx 34rpx rgba(6, 82, 68, 0.14);
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
color: #0b7c67;
font-size: 18rpx;
font-weight: 900;
line-height: 1.15;
}
.campus-wiki-puller::after {
content: '';
position: absolute;
right: 8rpx;
top: 18rpx;
width: 6rpx;
height: 56rpx;
border-radius: 999rpx;
background: linear-gradient(180deg, #42d7b9, #fff171);
box-shadow: 0 0 18rpx rgba(66, 215, 185, 0.46);
}
.campus-wiki-puller text {
width: 34rpx;
text-align: center;
}
.campus-wiki-card {
width: 130rpx;
min-height: 128rpx;
padding: 12rpx 10rpx 10rpx;
box-sizing: border-box;
border-radius: 28rpx;
border: 1px solid rgba(255, 255, 255, 0.9);
background:
radial-gradient(circle at 14% 8%, rgba(255, 255, 255, 0.96) 0, rgba(255, 255, 255, 0) 118rpx),
radial-gradient(circle at 90% 82%, rgba(166, 255, 234, 0.38) 0, rgba(166, 255, 234, 0) 142rpx),
linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 255, 249, 0.96) 56%, rgba(255, 250, 226, 0.96) 100%);
box-shadow: 0 18rpx 46rpx rgba(0, 35, 28, 0.12), inset 0 1rpx 0 rgba(255, 255, 255, 0.92);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.campus-wiki-card:active {
transform: scale(0.98);
}
.campus-wiki-glow {
position: absolute;
border-radius: 999rpx;
pointer-events: none;
}
.campus-wiki-glow-a {
left: -28rpx;
top: -28rpx;
width: 102rpx;
height: 102rpx;
background: rgba(166, 255, 234, 0.4);
filter: blur(6rpx);
}
.campus-wiki-glow-b {
right: -42rpx;
bottom: -48rpx;
width: 126rpx;
height: 126rpx;
background: rgba(255, 225, 157, 0.38);
filter: blur(10rpx);
}
.campus-wiki-image {
width: 70rpx;
height: 70rpx;
flex-shrink: 0;
border-radius: 20rpx;
border: 3rpx solid rgba(255, 255, 255, 0.94);
background: rgba(245, 255, 251, 0.9);
box-shadow: 0 10rpx 24rpx rgba(20, 146, 119, 0.16);
position: relative;
z-index: 1;
}
.campus-wiki-copy {
flex: none;
width: 100%;
min-width: 0;
margin-top: 8rpx;
position: relative;
z-index: 1;
text-align: center;
}
.campus-wiki-kicker {
display: inline-flex;
align-items: center;
height: 32rpx;
padding: 0 12rpx;
border-radius: 999rpx;
background: linear-gradient(90deg, rgba(227, 255, 150, 0.74), rgba(166, 255, 234, 0.78));
box-shadow: 0 8rpx 18rpx rgba(13, 114, 82, 0.08);
color: #08745f;
font-size: 20rpx;
font-weight: 900;
line-height: 32rpx;
white-space: nowrap;
}
.campus-wiki-title {
margin-top: 10rpx;
color: #0f3e36;
font-size: 27rpx;
font-weight: 900;
line-height: 36rpx;
text-shadow: 0 1rpx 0 rgba(255, 255, 255, 0.9);
}
.home-popup-layer {
z-index: 1200 !important;
}

Write Preview
Loading…
Cancel
Save