charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: 优化

Browse Source
This commit is contained in:
charles
2026-07-23 13:59:35 +08:00
parent 268207b01b
commit 3f335074ea
13 changed files with 614 additions and 580 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/active/limited-time/limited-time.vue
+20 -43
View File
@@ -24,32 +24,18 @@
<text class="tab-text">{{ item.name }}</text>
</view>
</view>
<!-- 限时秒杀标签 -->
<!-- <view class="tab-list-container">
<view class="tab-list" @click="onTab(index)" v-for="(item, index) in tabList" :key="index">
<text class="text-28 text-space" :style="{
color: curTab == index ? '#7A35F6' : '#666'
}">
{{ item.name }}
</text>
</view>
</view> -->
</view>
<view class="setting-view">
<view class="name-box">
<mescroll-uni ref="mescrollRef" @down="downCallback" @up="upCallback" :up="upOption" :down="downOption"
@init="mescrollInit" :fixed="false">
<!-- 原来单个 v-for 替换成两列 -->
<view class="mescrollUniView" v-for="item in dataList" :key="item.id">
<productSeckillCard :item="item" :actived-type="activedScekillType" :attributes="attributes" />
<mescroll-uni ref="mescrollRef" top="710rpx" @down="downCallback" @up="upCallback" :up="upOption"
:down="downOption" @init="mescrollInit">
<view class="setting-view">
<view class="name-box">
<view class="mescrollUniView">
<productSeckillCard v-for="item in dataList" :key="item.id" :item="item" :actived-type="activedScekillType" :attributes="attributes" />
</view>
</mescroll-uni>
</view>
</view>
</view>
<!-- #ifndef H5 || MP-WEIXIN-->
<CustomTabBar :tabIndex="2" />
<!-- #endif -->
</mescroll-uni>
<up-toast ref="uToastRef"></up-toast>
</view>
</template>
@@ -238,14 +224,18 @@ export default {
.content-two {
height: 100vh;
background-color: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
overflow: hidden;
}
.product_info_header_warp {
position: relative;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 660rpx;
z-index: 10;
background-color: #fff;
.product_info_header_swiper {
height: 660rpx !important;
@@ -379,9 +369,10 @@ export default {
box-sizing: border-box;
background-color: #fff;
overflow-x: auto;
position: absolute;
position: fixed;
top: 600rpx;
left: 0;
z-index: 11;
.tab-list-container {
width: 100%;
@@ -406,28 +397,14 @@ export default {
}
.setting-view {
margin-top: 0;
width: 100%;
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 0 32rpx;
padding: 0 32rpx 20rpx;
box-sizing: border-box;
position: relative;
margin-top: 126rpx;
/* #ifndef H5 || MP-WEIXIN */
margin-bottom: calc(100rpx + env(safe-area-inset-bottom));
/* #endif */
margin-top: 0;
.name-box {
width: 100%;
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
align-items: center;
pages/active/newcomer-exclusive/newcomer-exclusive.vue
+24 -34
View File
@@ -17,26 +17,25 @@
</view>
<view class="tab-view">
<view class="tab-list" @click="onTab(index)" v-for="(item, index) in tabList" :key="index">
<text class="text-28 text-space" :style="{
color: curTab == index ? '#7A35F6' : '#666',
}">{{ item.name }}</text>
<view class="line" v-if="curTab == index"></view>
<mescroll-uni ref="mescrollRef" top="660rpx" @down="downCallback" @up="upCallback" :up="upOption" :down="downOption"
@init="mescrollInit">
<view class="tab-view">
<view class="tab-list" @click="onTab(index)" v-for="(item, index) in tabList" :key="index">
<text class="text-28 text-space" :style="{
color: curTab == index ? '#7A35F6' : '#666',
}">{{ item.name }}</text>
<view class="line" v-if="curTab == index"></view>
</view>
</view>
</view>
<view class="setting-view">
<view class="name-box">
<mescroll-uni ref="mescrollRef" @down="downCallback" @up="upCallback" :up="upOption" :down="downOption"
@init="mescrollInit" :fixed="false">
<!-- 原来单个 v-for 替换成两列 -->
<view class="mescrollUniView" v-for="item in dataList" :key="item.id">
<productSeckillCard :item="item" actived-type="newcomer" />
<view class="setting-view">
<view class="name-box">
<view class="mescrollUniView">
<productSeckillCard v-for="item in dataList" :key="item.id" :item="item" actived-type="newcomer" />
</view>
</mescroll-uni>
</view>
</view>
</view>
</mescroll-uni>
<!-- #ifndef H5 || MP-WEIXIN-->
<CustomTabBar :tabIndex="2" />
<!-- #endif -->
@@ -193,14 +192,18 @@ export default {
.content-two {
height: 100vh;
background-color: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
overflow: hidden;
}
.product_info_header_warp {
position: relative;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 660rpx;
z-index: 10;
background-color: #fff;
.product_info_header_swiper {
height: 660rpx !important;
@@ -323,25 +326,12 @@ export default {
.setting-view {
margin-top: 40rpx;
width: 100%;
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 0 32rpx;
padding: 0 32rpx 20rpx;
box-sizing: border-box;
position: relative;
/* #ifndef H5 || MP-WEIXIN */
margin-bottom: calc(100rpx + env(safe-area-inset-bottom));
/* #endif */
.name-box {
width: 100%;
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
align-items: center;
pages/active/super-subsidy/super-subsidy.vue
+17 -39
View File
@@ -17,29 +17,16 @@
</view>
<!-- <view class="tab-view">
<view class="tab-list" @click="onTab(index)" v-for="(item, index) in tabList" :key="index">
<text class="text-28 text-space" :style="{
color: curTab == index ? '#7A35F6' : '#666',
}">{{ item.name }}</text>
<view class="line" v-if="curTab == index"></view>
</view>
</view> -->
<view class="setting-view">
<view class="name-box">
<mescroll-uni ref="mescrollRef" @down="downCallback" @up="upCallback" :up="upOption" :down="downOption"
@init="mescrollInit" :fixed="false">
<!-- 原来单个 v-for 替换成两列 -->
<view class="mescrollUniView" v-for="item in dataList" :key="item.id">
<productSeckillCard :item="item" actived-type="super" />
<mescroll-uni ref="mescrollRef" top="660rpx" @down="downCallback" @up="upCallback" :up="upOption"
:down="downOption" @init="mescrollInit">
<view class="setting-view">
<view class="name-box">
<view class="mescrollUniView">
<productSeckillCard v-for="item in dataList" :key="item.id" :item="item" actived-type="super" />
</view>
</mescroll-uni>
</view>
</view>
</view>
<!-- #ifndef H5 || MP-WEIXIN-->
<CustomTabBar :tabIndex="2" />
<!-- #endif -->
</mescroll-uni>
<up-toast ref="uToastRef"></up-toast>
</view>
</template>
@@ -175,14 +162,18 @@ export default {
.content-two {
height: 100vh;
background-color: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
overflow: hidden;
}
.product_info_header_warp {
position: relative;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 660rpx;
z-index: 10;
background-color: #fff;
.product_info_header_swiper {
height: 660rpx !important;
@@ -305,25 +296,12 @@ export default {
.setting-view {
margin-top: 40rpx;
width: 100%;
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 0 32rpx;
padding: 0 32rpx 20rpx;
box-sizing: border-box;
position: relative;
/* #ifndef H5 || MP-WEIXIN */
margin-bottom: calc(100rpx + env(safe-area-inset-bottom));
/* #endif */
.name-box {
width: 100%;
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
align-items: center;