|
@@ -1,14 +1,14 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="ps-wrapper">
|
|
<view class="ps-wrapper">
|
|
|
<view id="headerBox" ref="headerBox" :class="[mpCommonClass]" :style="{
|
|
<view id="headerBox" ref="headerBox" :class="[mpCommonClass]" :style="{
|
|
|
- background: `url(${bgImg}) no-repeat center top`,
|
|
|
|
|
|
|
+ // background: `url(${bgImg}) no-repeat center top`,
|
|
|
backgroundSize: '100% 400rpx',
|
|
backgroundSize: '100% 400rpx',
|
|
|
- marginTop:`${statusBarHeight}px`,
|
|
|
|
|
- backgroundColor: '#F7F7F7',
|
|
|
|
|
|
|
+ paddingTop: `${navbarHeight+topData.height}px`,
|
|
|
|
|
+ backgroundColor: '#D6E1D0',
|
|
|
}" class="header-box">
|
|
}" class="header-box">
|
|
|
<view>
|
|
<view>
|
|
|
- <view :height=" '1225rpx'" class="banner-container">
|
|
|
|
|
- <u-swiper :autoplay="true" :current="current" :height=" '1225rpx'" :list="bannerList" circular
|
|
|
|
|
|
|
+ <view :height="'1080rpx'" class="banner-container">
|
|
|
|
|
+ <u-swiper :autoplay="true" :current="current" :height="'1080rpx'" :list="bannerList" circular
|
|
|
duration="1000" interval="5000" @change="(data) => (current = data.current)" @click="bannerClick">
|
|
duration="1000" interval="5000" @change="(data) => (current = data.current)" @click="bannerClick">
|
|
|
<template #indicator>
|
|
<template #indicator>
|
|
|
<view class="custom-indicator">
|
|
<view class="custom-indicator">
|
|
@@ -17,34 +17,36 @@
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
</u-swiper>
|
|
</u-swiper>
|
|
|
- <view class="logo-search-container" :style="{top:`${navbarHeight}px`,left:'0rpx'}">
|
|
|
|
|
- <view class="centered-image">
|
|
|
|
|
|
|
+ <view class="logo-search-container" :style="{top:0,left:'0rpx',paddingBottom:'20rpx',height:navbarHeight+topData.height+10+'px'}">
|
|
|
|
|
+ <view class="centered-image" :style="{
|
|
|
|
|
+ marginTop:`${navbarHeight}px`
|
|
|
|
|
+ }">
|
|
|
<van-image
|
|
<van-image
|
|
|
:src="logoImg"
|
|
:src="logoImg"
|
|
|
fit="contain"
|
|
fit="contain"
|
|
|
- height="20px"
|
|
|
|
|
|
|
+ :height="topData.height"
|
|
|
width="83px"
|
|
width="83px"
|
|
|
/>
|
|
/>
|
|
|
</view>
|
|
</view>
|
|
|
<view :style="{
|
|
<view :style="{
|
|
|
- width: '75%',
|
|
|
|
|
- height: '100%',
|
|
|
|
|
|
|
+ width: '50%',
|
|
|
|
|
+ height:topData.height+'px',
|
|
|
|
|
+ marginTop:`${navbarHeight}px`
|
|
|
}" class="search-box" @click="toSearchList">
|
|
}" class="search-box" @click="toSearchList">
|
|
|
<u-icon name="search" size="20"></u-icon>
|
|
<u-icon name="search" size="20"></u-icon>
|
|
|
<text>请输入关键词</text>
|
|
<text>请输入关键词</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view style="background-color: #FFFFFF;margin-top: 16rpx;">
|
|
|
|
|
- <view >
|
|
|
|
|
- <u-notice-bar @click="handleAdv" :text="advList.map((a) => a.remark)"></u-notice-bar>
|
|
|
|
|
|
|
+ <view style="background-color: #FFFFFF;">
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <u-notice-bar @click="handleAdv" color="#EE7945" :text="advList.map((a) => a.remark)"></u-notice-bar>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
-
|
|
|
|
|
<!-- 商品分类 -->
|
|
<!-- 商品分类 -->
|
|
|
- <view class="goods-list">
|
|
|
|
|
- <view class="goods-list-item" @click="jumpPage('haowu')">
|
|
|
|
|
|
|
+ <view class="box-list">
|
|
|
|
|
+ <view class="box-list-item" @click="jumpPage('haowu')">
|
|
|
<van-image
|
|
<van-image
|
|
|
height="136rpx"
|
|
height="136rpx"
|
|
|
src="/static/hd1.png"
|
|
src="/static/hd1.png"
|
|
@@ -52,7 +54,7 @@
|
|
|
/>
|
|
/>
|
|
|
<view style=" margin-top: 14rpx">芳香好物</view>
|
|
<view style=" margin-top: 14rpx">芳香好物</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="goods-list-item" @click="jumpPage('xueyuan')">
|
|
|
|
|
|
|
+ <view class="box-list-item" @click="jumpPage('xueyuan')">
|
|
|
<van-image
|
|
<van-image
|
|
|
height="136rpx"
|
|
height="136rpx"
|
|
|
src="/static/hd2.png"
|
|
src="/static/hd2.png"
|
|
@@ -61,7 +63,7 @@
|
|
|
<view style=" margin-top: 14rpx"> 芳香学院</view>
|
|
<view style=" margin-top: 14rpx"> 芳香学院</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <view class="goods-list-item" @click="jumpPage('huodong')">
|
|
|
|
|
|
|
+ <view class="box-list-item" @click="jumpPage('huodong')">
|
|
|
<van-image
|
|
<van-image
|
|
|
height="136rpx"
|
|
height="136rpx"
|
|
|
src="/static/hd3.png"
|
|
src="/static/hd3.png"
|
|
@@ -70,7 +72,7 @@
|
|
|
<view style=" margin-top: 14rpx"> 芳香活动</view>
|
|
<view style=" margin-top: 14rpx"> 芳香活动</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <view class="goods-list-item" @click="jumpPage('shenghuo')">
|
|
|
|
|
|
|
+ <view class="box-list-item" @click="jumpPage('shenghuo')">
|
|
|
<van-image
|
|
<van-image
|
|
|
height="136rpx"
|
|
height="136rpx"
|
|
|
src="/static/hd5.png"
|
|
src="/static/hd5.png"
|
|
@@ -80,7 +82,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <view class="goods-list-item" @click="jumpPage('peiban')">
|
|
|
|
|
|
|
+ <view class="box-list-item" @click="jumpPage('peiban')">
|
|
|
<van-image
|
|
<van-image
|
|
|
height="136rpx"
|
|
height="136rpx"
|
|
|
src="/static/hd4.png"
|
|
src="/static/hd4.png"
|
|
@@ -90,91 +92,88 @@
|
|
|
<view style=" margin-top: 14rpx">陪伴营</view>
|
|
<view style=" margin-top: 14rpx">陪伴营</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="biaoti">
|
|
|
|
|
- <van-image
|
|
|
|
|
- height="85.94rpx"
|
|
|
|
|
- src="/static/biaoti1.png"
|
|
|
|
|
- width="171.3rpx"
|
|
|
|
|
- />
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+
|
|
|
<view class="content-box">
|
|
<view class="content-box">
|
|
|
- <view v-for="(item, index) in activityList" :key="index" :style="{width: '95%',borderRadius:'24rpx', margin: '0rpx auto', height: '378rpx' ,borderRadius: '24rpx 24rpx 24rpx 24rpx',backgroundColor: '#F2FAF2'}"
|
|
|
|
|
- @click="toHuodong(item)">
|
|
|
|
|
- <van-image
|
|
|
|
|
- height="280rpx"
|
|
|
|
|
- :src="item.pic"
|
|
|
|
|
- width="100%"
|
|
|
|
|
- />
|
|
|
|
|
- <view >
|
|
|
|
|
- <van-row>
|
|
|
|
|
- <van-col span="16">
|
|
|
|
|
- <view class="huodongText">
|
|
|
|
|
- {{ item.name }}
|
|
|
|
|
- </view>
|
|
|
|
|
- </van-col>
|
|
|
|
|
- <van-col span="8">
|
|
|
|
|
- <van-row>
|
|
|
|
|
- <van-col span="12">
|
|
|
|
|
- <view class="huodongText2">
|
|
|
|
|
- <van-image
|
|
|
|
|
- class="huodongText2-img"
|
|
|
|
|
- height="28rpx"
|
|
|
|
|
- src="/static/hdlist2.png" width="28rpx"
|
|
|
|
|
- />
|
|
|
|
|
- {{item.hits }}
|
|
|
|
|
- </view>
|
|
|
|
|
- </van-col>
|
|
|
|
|
- <van-col span="12">
|
|
|
|
|
- <view class="huodongText2">
|
|
|
|
|
- <van-image
|
|
|
|
|
- class="huodongText2-img"
|
|
|
|
|
- height="28rpx"
|
|
|
|
|
- src="/static/hdlist3.png" width="28rpx"
|
|
|
|
|
- />
|
|
|
|
|
- {{item.entry_num }}
|
|
|
|
|
- </view>
|
|
|
|
|
- </van-col>
|
|
|
|
|
- </van-row>
|
|
|
|
|
- </van-col>
|
|
|
|
|
- </van-row>
|
|
|
|
|
|
|
+ <view class="activity-list">
|
|
|
|
|
+ <view class="biaoti" style="background: linear-gradient( 180deg, #C4D1BB 0%, #F7F9F6 84%);">
|
|
|
|
|
+ <van-image
|
|
|
|
|
+ height="85.94rpx"
|
|
|
|
|
+ src="/static/biaoti1.png"
|
|
|
|
|
+ width="171.3rpx"
|
|
|
|
|
+ />
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- <view class="biaoti">
|
|
|
|
|
- <van-image
|
|
|
|
|
- height="85.94rpx"
|
|
|
|
|
- src="/static/biaoti2.png"
|
|
|
|
|
- width="171.3rpx"
|
|
|
|
|
- />
|
|
|
|
|
- </view>
|
|
|
|
|
- <view
|
|
|
|
|
- :style="{width: '95%', margin: '0rpx auto'}">
|
|
|
|
|
- <view style="width: 100%;">
|
|
|
|
|
-
|
|
|
|
|
- <view v-for="(item, index) in goods_class" :key="index">
|
|
|
|
|
- <view style="margin-bottom: 24rpx" @click="toKecheng(item)">
|
|
|
|
|
- <van-image
|
|
|
|
|
- :src="item.cover"
|
|
|
|
|
- height="200rpx"
|
|
|
|
|
- width="100%"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <image src="/static/huodong-icon.png" mode="aspectFill" class="biaoti-icon"></image>
|
|
|
|
|
+ <view v-for="(item, index) in activityList" :key="index"
|
|
|
|
|
+ @click="toHuodong(item)" class="activity-item">
|
|
|
|
|
+ <van-image
|
|
|
|
|
+ height="670rpx"
|
|
|
|
|
+ :src="item.pic"
|
|
|
|
|
+ width="750rpx"
|
|
|
|
|
+ />
|
|
|
|
|
+ <view class="activity-init display-flex-between ">
|
|
|
|
|
+ <view class="display-flex-content-center">
|
|
|
|
|
+ <view class="huodongText2">
|
|
|
|
|
+ <van-image
|
|
|
|
|
+ class="huodongText2-img"
|
|
|
|
|
+ height="28rpx"
|
|
|
|
|
+ src="/static/hdlist2.png" width="28rpx"
|
|
|
|
|
+ />
|
|
|
|
|
+ {{ item.hits }}
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="huodongText2">
|
|
|
|
|
+ <van-image
|
|
|
|
|
+ class="huodongText2-img"
|
|
|
|
|
+ height="28rpx"
|
|
|
|
|
+ src="/static/hdlist3.png" width="28rpx"
|
|
|
|
|
+ />
|
|
|
|
|
+ {{ item.entry_num }}
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="activity-btn display-flex-content-center" @click.stop="handleRegister(item)">
|
|
|
|
|
+ 立即报名
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="biaoti">
|
|
|
|
|
- <van-image
|
|
|
|
|
- height="85.94rpx"
|
|
|
|
|
- src="/static/biaoti3.png"
|
|
|
|
|
- width="171.3rpx"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <view class="course-list">
|
|
|
|
|
+ <view class="biaoti">
|
|
|
|
|
+ <van-image
|
|
|
|
|
+ height="85.94rpx"
|
|
|
|
|
+ src="/static/biaoti2.png"
|
|
|
|
|
+ width="171.3rpx"
|
|
|
|
|
+ />
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <image src="/static/kecheng-icon.png" mode="aspectFill" class="biaoti-icon">
|
|
|
|
|
+ </image>
|
|
|
|
|
+ <view v-for="(item, index) in goods_class" :key="index" class="course-item" v-if="index < 2">
|
|
|
|
|
+ <view style="margin-bottom: 24rpx" @click="toKecheng(item)">
|
|
|
|
|
+ <van-image
|
|
|
|
|
+ :src="item.cover"
|
|
|
|
|
+ height="208rpx"
|
|
|
|
|
+ width="100%"
|
|
|
|
|
+ />
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view
|
|
|
|
|
- :style="{width: '95%', margin: '0rpx auto'}">
|
|
|
|
|
- <CommercePart :data="commonDataList"></CommercePart>
|
|
|
|
|
- <!-- 赠品专区 -->
|
|
|
|
|
- <image v-if="giftBanner.pic" :src="giftBanner.pic" mode="aspectFill"
|
|
|
|
|
- style="width: 100%; height: 206rpx" @click="toSubpages('giftZone')">
|
|
|
|
|
|
|
+ <view class="goods-list">
|
|
|
|
|
+ <view class="biaoti">
|
|
|
|
|
+ <van-image
|
|
|
|
|
+ height="85.94rpx"
|
|
|
|
|
+ src="/static/biaoti3.png"
|
|
|
|
|
+ width="171.3rpx"
|
|
|
|
|
+ />
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <image src="/static/shangpin-icon.png" style="width: 250rpx;height: 250rpx;right: -43px;" mode="aspectFill" class="biaoti-icon">
|
|
|
</image>
|
|
</image>
|
|
|
|
|
+ <view
|
|
|
|
|
+ :style="{width: '690rpx', margin: '0rpx auto'}">
|
|
|
|
|
+ <CommercePart :data="commonDataList"></CommercePart>
|
|
|
|
|
+ <!-- 赠品专区 -->
|
|
|
|
|
+ <image v-if="giftBanner.pic" :src="giftBanner.pic" mode="aspectFill"
|
|
|
|
|
+ style="width: 100%; height: 206rpx" @click="toSubpages('giftZone')">
|
|
|
|
|
+ </image>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -267,25 +266,18 @@ export default {
|
|
|
advList: [],
|
|
advList: [],
|
|
|
goods_class: [],
|
|
goods_class: [],
|
|
|
sourceBanner: [],
|
|
sourceBanner: [],
|
|
|
- activityList:[]
|
|
|
|
|
|
|
+ activityList: []
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
|
- // 导航栏内部盒子的样式
|
|
|
|
|
- navbarInnerStyle() {
|
|
|
|
|
- let style = {};
|
|
|
|
|
- // 导航栏宽度,如果在小程序下,导航栏宽度为胶囊的左边到屏幕左边的距离
|
|
|
|
|
- style.height = this.navbarHeight + "px";
|
|
|
|
|
- // // 如果是各家小程序,导航栏内部的宽度需要减少右边胶囊的宽度
|
|
|
|
|
- // #ifdef MP
|
|
|
|
|
- let rightButtonWidth = systemInfo.windowWidth - menuButtonInfo.left;
|
|
|
|
|
- style.marginRight = rightButtonWidth + "px";
|
|
|
|
|
- // #endif
|
|
|
|
|
- return style;
|
|
|
|
|
- },
|
|
|
|
|
// 转换字符数值为真正的数值
|
|
// 转换字符数值为真正的数值
|
|
|
navbarHeight() {
|
|
navbarHeight() {
|
|
|
- return this.topData.top -systemInfo.statusBarHeight+1
|
|
|
|
|
|
|
+ console.log( uni.getMenuButtonBoundingClientRect())
|
|
|
|
|
+ console.log( uni.getSystemInfoSync().statusBarHeight)
|
|
|
|
|
+ console.log(this.topData)
|
|
|
|
|
+ console.log(systemInfo.statusBarHeight)
|
|
|
|
|
+ console.log("+++++++++++++++++++++++++++++++=")
|
|
|
|
|
+ return this.topData.top
|
|
|
},
|
|
},
|
|
|
token() {
|
|
token() {
|
|
|
return this.$U.getStorage("token");
|
|
return this.$U.getStorage("token");
|
|
@@ -309,7 +301,7 @@ export default {
|
|
|
this.getBanner();
|
|
this.getBanner();
|
|
|
this.getNewsList();
|
|
this.getNewsList();
|
|
|
this.getActivityList();
|
|
this.getActivityList();
|
|
|
- this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight-1; // 状态栏高度
|
|
|
|
|
|
|
+ this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight - 1; // 状态栏高度
|
|
|
// uni
|
|
// uni
|
|
|
// .createSelectorQuery()
|
|
// .createSelectorQuery()
|
|
|
// .in(this)
|
|
// .in(this)
|
|
@@ -402,29 +394,26 @@ export default {
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
url: '/pages/productCenter/productCenter',
|
|
url: '/pages/productCenter/productCenter',
|
|
|
})
|
|
})
|
|
|
- } else if( type === "xueyuan"){
|
|
|
|
|
|
|
+ } else if (type === "xueyuan") {
|
|
|
uni.navigateTo({url: `/subPages/course/course`,})
|
|
uni.navigateTo({url: `/subPages/course/course`,})
|
|
|
- } else if( type === "huodong"){
|
|
|
|
|
|
|
+ } else if (type === "huodong") {
|
|
|
uni.switchTab({
|
|
uni.switchTab({
|
|
|
- url: '/pages/activity/activity',
|
|
|
|
|
- })
|
|
|
|
|
- }else if (type === "peiban"){
|
|
|
|
|
|
|
+ url: '/pages/activity/activity',
|
|
|
|
|
+ })
|
|
|
|
|
+ } else if (type === "peiban") {
|
|
|
uni.navigateTo({url: `/subPages/accompanyingCamp/accompanyingCamp`,})
|
|
uni.navigateTo({url: `/subPages/accompanyingCamp/accompanyingCamp`,})
|
|
|
- }else if (type === "shenghuo"){
|
|
|
|
|
|
|
+ } else if (type === "shenghuo") {
|
|
|
uni.navigateTo({url: `/subPages/fragrantLife/fragrantLife`,})
|
|
uni.navigateTo({url: `/subPages/fragrantLife/fragrantLife`,})
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- else {
|
|
|
|
|
|
|
+ } else {
|
|
|
Toast('敬请期待');
|
|
Toast('敬请期待');
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
toHuodong(item) {
|
|
toHuodong(item) {
|
|
|
- uni.navigateTo({url: `/subPages/activityDetail/activityDetail?activityId=${ item.id}`,})
|
|
|
|
|
|
|
+ uni.navigateTo({url: `/subPages/activityDetail/activityDetail?activityId=${item.id}`,})
|
|
|
},
|
|
},
|
|
|
toKecheng(item) {
|
|
toKecheng(item) {
|
|
|
- uni.navigateTo({url: `/subPages/courseDetail/courseDetail?goods_code=${ item.code}`,})
|
|
|
|
|
|
|
+ uni.navigateTo({url: `/subPages/courseDetail/courseDetail?goods_code=${item.code}`,})
|
|
|
},
|
|
},
|
|
|
bannerClick(index) {
|
|
bannerClick(index) {
|
|
|
const currentUrl = this.sourceBanner[index].pic_url
|
|
const currentUrl = this.sourceBanner[index].pic_url
|
|
@@ -465,7 +454,7 @@ export default {
|
|
|
this.bannerList = slider.map(item => item.pic);
|
|
this.bannerList = slider.map(item => item.pic);
|
|
|
this.sourceBanner = slider
|
|
this.sourceBanner = slider
|
|
|
this.goodsList = goods_cate;
|
|
this.goodsList = goods_cate;
|
|
|
- this.commonDataList = goods_online;
|
|
|
|
|
|
|
+ this.commonDataList = goods_online.slice(0, 4);;
|
|
|
this.msGoodsList = seckill_goods;
|
|
this.msGoodsList = seckill_goods;
|
|
|
this.goods_class = goods_class;
|
|
this.goods_class = goods_class;
|
|
|
this.ponitsBanner = integral_page.length && integral_page[0];
|
|
this.ponitsBanner = integral_page.length && integral_page[0];
|
|
@@ -496,8 +485,8 @@ export default {
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
getActivityList() {
|
|
getActivityList() {
|
|
|
- getActivityList({ page: 1, pageSize: 1}).then(({ data }) => {
|
|
|
|
|
- this.activityList =data.list
|
|
|
|
|
|
|
+ getActivityList({page: 1, pageSize: 1}).then(({data}) => {
|
|
|
|
|
+ this.activityList = data.list
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
getMsData() {
|
|
getMsData() {
|
|
@@ -615,7 +604,10 @@ export default {
|
|
|
url: `/pages/productCenter/productCenter?cateid=${item.id}`,
|
|
url: `/pages/productCenter/productCenter?cateid=${item.id}`,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
- handleAdv(index=0) {
|
|
|
|
|
|
|
+ handleRegister(item2) {
|
|
|
|
|
+ uni.navigateTo({url: `/subPages/activityDetail/activitySave?activityId=${item2.id}`,})
|
|
|
|
|
+ },
|
|
|
|
|
+ handleAdv(index = 0) {
|
|
|
const activeAdv = this.advList[index];
|
|
const activeAdv = this.advList[index];
|
|
|
console.log("index==>", index)
|
|
console.log("index==>", index)
|
|
|
console.log("advList==>", this.advList)
|
|
console.log("advList==>", this.advList)
|
|
@@ -626,10 +618,15 @@ export default {
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
-
|
|
|
|
|
|
|
+w
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
|
+page {
|
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
|
+}
|
|
|
.ps-wrapper {
|
|
.ps-wrapper {
|
|
|
- background-color: $primary-bg-color;
|
|
|
|
|
|
|
+ //background-color: $primary-bg-color;
|
|
|
|
|
+ background-color: #C4D1BB;
|
|
|
|
|
+ overflow: hidden;
|
|
|
.adv-box {
|
|
.adv-box {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
// padding: 0 33rpx 20rpx;
|
|
// padding: 0 33rpx 20rpx;
|
|
@@ -689,8 +686,87 @@ export default {
|
|
|
.content-box {
|
|
.content-box {
|
|
|
// overflow-y: auto;
|
|
// overflow-y: auto;
|
|
|
background-color: $primary-bg-color;
|
|
background-color: $primary-bg-color;
|
|
|
- padding: 20rpx 0 0;
|
|
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ .activity-list{
|
|
|
|
|
+ width: 750rpx;
|
|
|
|
|
+ border-radius: 0;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ .activity-item{
|
|
|
|
|
+ width: 750rpx;
|
|
|
|
|
+ height: 750rpx;
|
|
|
|
|
+ background-color: #E1E3D5;
|
|
|
|
|
+ opacity: 0.8;
|
|
|
|
|
+ .activity-init {
|
|
|
|
|
+ width: 750rpx;
|
|
|
|
|
+ height: 80rpx;
|
|
|
|
|
+
|
|
|
|
|
+ .huodongText2-img {
|
|
|
|
|
+ margin-right: 30rpx;
|
|
|
|
|
+ margin-left: 30rpx;
|
|
|
|
|
+ display: flex; // 添加 flex 布局
|
|
|
|
|
+ align-items: center; // 垂直居中
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .huodongText2 {
|
|
|
|
|
+ height: 80rpx;
|
|
|
|
|
+ display: flex; // 添加 flex 布局
|
|
|
|
|
+ align-items: center; // 垂直居中
|
|
|
|
|
+ font-weight: 350;
|
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
|
+ color: #4C644A;
|
|
|
|
|
+ line-height: 34rpx;
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ font-style: normal;
|
|
|
|
|
+ text-transform: none;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
|
|
+ .activity-btn {
|
|
|
|
|
+ width: 144rpx;
|
|
|
|
|
+ height: 48rpx;
|
|
|
|
|
+ border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
|
|
+ border: 1rpx solid #4C644A;
|
|
|
|
|
+ font-weight: 350;
|
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
|
+ color: #4C644A;
|
|
|
|
|
+ line-height: 32rpx;
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ font-style: normal;
|
|
|
|
|
+ text-transform: none;
|
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .biaoti-icon{
|
|
|
|
|
+ width: 200rpx;
|
|
|
|
|
+ height: 200rpx;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ right: -22px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .course-list {
|
|
|
|
|
+ width: 750rpx;
|
|
|
|
|
+ background: linear-gradient(180deg, #C4D1BB 0%, #F7F9F6 31%);
|
|
|
|
|
+ border-radius: 0;
|
|
|
|
|
+ padding-bottom: 22rpx;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ .course-item {
|
|
|
|
|
+ width: 690rpx;
|
|
|
|
|
+ height: 208rpx;
|
|
|
|
|
+ margin-bottom: 28rpx;
|
|
|
|
|
+ padding: 0 30rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ }
|
|
|
|
|
+ .goods-list{
|
|
|
|
|
+ width: 750rpx;
|
|
|
|
|
+ background: linear-gradient( 180deg, #C4D1BB 0%, #F7F9F6 31%);
|
|
|
|
|
+ border-radius: 0;
|
|
|
|
|
+ padding-bottom: 22rpx;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ }
|
|
|
.part-box {
|
|
.part-box {
|
|
|
background: linear-gradient(180deg, #fdd118 0%, #f7f7f7 100%);
|
|
background: linear-gradient(180deg, #fdd118 0%, #f7f7f7 100%);
|
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
@@ -723,13 +799,14 @@ export default {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
|
|
|
|
.logo-search-container {
|
|
.logo-search-container {
|
|
|
- position: absolute;
|
|
|
|
|
- width: 77%;
|
|
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ width: 100%;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
padding: 0 20rpx;
|
|
padding: 0 20rpx;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
|
+ z-index: 9999;
|
|
|
|
|
+ background-color: rgba(214, 225, 208,1);
|
|
|
.search-box {
|
|
.search-box {
|
|
|
margin: 0rpx 20rpx 0rpx 20rpx;
|
|
margin: 0rpx 20rpx 0rpx 20rpx;
|
|
|
height: 61rpx;
|
|
height: 61rpx;
|
|
@@ -739,10 +816,8 @@ export default {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
|
-
|
|
|
|
|
text {
|
|
text {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
- font-family: PingFang SC-Regular, PingFang SC;
|
|
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
color: #9D9D9D;
|
|
color: #9D9D9D;
|
|
|
line-height: 61rpx;
|
|
line-height: 61rpx;
|
|
@@ -750,7 +825,6 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
.centered-image {
|
|
.centered-image {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
@@ -782,20 +856,24 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-
|
|
|
|
|
- .goods-list {
|
|
|
|
|
|
|
+ .box-list {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
|
- background-color: #FFFFFF;;
|
|
|
|
|
- padding: 0 20rpx;
|
|
|
|
|
- padding-top: 40rpx;
|
|
|
|
|
-
|
|
|
|
|
|
|
+ width: calc(750rpx - 40rpx);
|
|
|
|
|
+ height: 292rpx;
|
|
|
|
|
+ background: linear-gradient(180deg, #C4D1BB 0%, #F7F9F6 44%);
|
|
|
|
|
+ border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
|
|
+ //background-color: #FFFFFF;;
|
|
|
|
|
+ padding: 0 20rpx 0;
|
|
|
&-item {
|
|
&-item {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
width: 20%;
|
|
width: 20%;
|
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- margin-bottom: 30rpx;
|
|
|
|
|
color: #1d161f;
|
|
color: #1d161f;
|
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
|
}
|
|
}
|
|
@@ -803,45 +881,12 @@ export default {
|
|
|
|
|
|
|
|
.biaoti {
|
|
.biaoti {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 180rpx;
|
|
|
|
|
|
|
+ height: 186rpx;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
align-items: center
|
|
align-items: center
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .huodongText {
|
|
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- font-size: 26rpx;
|
|
|
|
|
- color: #333333;
|
|
|
|
|
- line-height: 36rpx; // 修正拼写错误
|
|
|
|
|
- text-align: left; // 如果需要水平居中,可以改为 'center'
|
|
|
|
|
- font-style: normal;
|
|
|
|
|
- text-transform: none;
|
|
|
|
|
- height: 98rpx;
|
|
|
|
|
- display: flex; // 添加 flex 布局
|
|
|
|
|
- align-items: center; // 垂直居中
|
|
|
|
|
- margin-left: 30rpx; // 添加左边距
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .huodongText2 {
|
|
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- font-size: 20rpx;
|
|
|
|
|
- color: #666666;
|
|
|
|
|
- height: 98rpx;
|
|
|
|
|
- line-height: 28rpx;
|
|
|
|
|
- text-align: left;
|
|
|
|
|
- font-style: normal;
|
|
|
|
|
- display: flex; // 添加 flex 布局
|
|
|
|
|
- align-items: center; // 垂直居中
|
|
|
|
|
- text-transform: none;
|
|
|
|
|
-
|
|
|
|
|
- .huodongText2-img {
|
|
|
|
|
- margin-right: 15rpx;
|
|
|
|
|
- margin-left: 15rpx
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|