更改首页秒杀活动显示价格问题

This commit is contained in:
2024-12-05 13:24:22 +08:00
parent d412daf446
commit 23ca083403
2 changed files with 1786 additions and 1878 deletions

View File

@@ -10,8 +10,8 @@
"sizes": "分辨率192x192",
"src": "图片路径"
}],
"versionName": "1.0.35",
"versionCode": 1035,
"versionName": "1.0.36",
"versionCode": 1036,
"app-plus": {
"nvueCompiler": "weex",
"compatible": {

View File

@@ -4,37 +4,23 @@
<view class="" style="">
<view style="height: 60rpx"></view>
<view class="icon_hua">
<image
src="../../static/homeLogo.png"
mode="aspectFit"
class="icon_hua_1"
></image>
<image src="../../static/homeLogo.png" mode="aspectFit" class="icon_hua_1"></image>
</view>
<view class="hehan">
<image
src="../../static/icon/hehan.png"
mode="aspectFit"
class="icon_hua_1"
></image>
<image src="../../static/icon/hehan.png" mode="aspectFit" class="icon_hua_1"></image>
</view>
<view class="topSearch_box">
<image
src="../../static/search.png"
mode="aspectFit"
@click="onPageJump('/pages/peanut/searchFor')"
></image>
<image src="../../static/search.png" mode="aspectFit"
@click="onPageJump('/pages/peanut/searchFor')"></image>
</view>
</view>
</view>
<view class="fourBox nopadding" style="">
<view
class="fourIcon flexbox noRadius"
style="
<view class="fourIcon flexbox noRadius" style="
justify-content: space-around;
margin-bottom: 0;
box-shadow: none;
"
>
">
<div class="item flexbox" @click="onPageJump('/pages/course/outline')">
<image src="../../static/my_01.png" mode="aspectFit"></image>
<text>学习大纲</text>
@@ -43,10 +29,7 @@
<image src="../../static/my_02.png" mode="aspectFit"></image>
<text>我的课程</text>
</div>
<div
class="item flexbox"
@click="onPageJump('/pages/course/vipCourse')"
>
<div class="item flexbox" @click="onPageJump('/pages/course/vipCourse')">
<image src="../../static/my_06.png" mode="aspectFit"></image>
<text>超V专享</text>
</div>
@@ -54,78 +37,42 @@
<image src="../../static/my_03.png" mode="aspectFit"></image>
<text>太湖讲堂</text>
</div> -->
<div
class="item flexbox"
@click="onPageJump('/pages/medicaldes/medicaldes')"
>
<div class="item flexbox" @click="onPageJump('/pages/medicaldes/medicaldes')">
<image src="../../static/my_04.png" mode="aspectFit"></image>
<text>吴门医述</text>
</div>
</view>
</view>
<view class="newLeve2">
<view
class="home_nar nomargin"
style="padding: 0; background-color: #fff"
>
<view class="home_nar nomargin" style="padding: 0; background-color: #fff">
<view class="flexbox">
<view
:class="['hn_cl_tit', tabsid == item.id ? 'active' : '']"
@click="curseClick(item)"
v-for="(item, index) in curseTagList"
:key="index"
>
<view :class="['hn_cl_tit', tabsid == item.id ? 'active' : '']" @click="curseClick(item)"
v-for="(item, index) in curseTagList" :key="index">
<image :src="item.icon" mode="aspectFit"></image>
<text>{{ item.title }}</text>
</view>
</view>
</view>
<view
class="fourBox"
style="padding: 0; padding-bottom: 8rpx"
v-if="sbuMedicalTagsList && sbuMedicalTagsList.length > 0"
>
<view
class="childrenBox fourIcon flexbox"
style="justify-content: space-around"
>
<div
class="item flexbox"
@click="curseClickJump(item)"
v-for="(item, index) in sbuMedicalTagsList"
:key="index"
>
<image
:src="item.icon"
mode="aspectFit"
v-if="item.icon != '' && item.icon != null"
></image>
<view class="fourBox" style="padding: 0; padding-bottom: 8rpx"
v-if="sbuMedicalTagsList && sbuMedicalTagsList.length > 0">
<view class="childrenBox fourIcon flexbox" style="justify-content: space-around">
<div class="item flexbox" @click="curseClickJump(item)" v-for="(item, index) in sbuMedicalTagsList"
:key="index">
<image :src="item.icon" mode="aspectFit" v-if="item.icon != '' && item.icon != null"></image>
<text>{{ item.title }}</text>
</div>
</view>
</view></view
>
</view>
</view>
<view class="" v-if="showCountDown" style="padding: 0 10rpx">
<view class="flex_box flex_between align-items_box learnBox homeTestBox">
<text>考试进行中</text>
<view class="">
<uni-countdown
@timeup="timeup"
:font-size="20"
:show-day="false"
:hour="timeDif.hour"
:minute="timeDif.minutes"
:second="timeDif.second"
color="#fff"
splitorColor="#fff"
/>
<uni-countdown @timeup="timeup" :font-size="20" :show-day="false" :hour="timeDif.hour"
:minute="timeDif.minutes" :second="timeDif.second" color="#fff" splitorColor="#fff" />
</view>
<view class="">
<text
class="small_btn retake border_radius_10"
@click="continueTest(examId, classId)"
>继续考试</text
>
<text class="small_btn retake border_radius_10" @click="continueTest(examId, classId)">继续考试</text>
</view>
</view>
</view>
@@ -137,18 +84,10 @@
<text>观看记录</text>
</view>
<view class="learn flexbox">
<view
class="item"
v-for="(item, index) in learnList"
:key="index"
@click="onPageJump('/pages/course/courseDetail', item.id)"
>
<view class="item" v-for="(item, index) in learnList" :key="index"
@click="onPageJump('/pages/course/courseDetail', item.id)">
<view class="img" style="overflow: hidden">
<image
v-if="item.image && item.image != ''"
:src="item.image"
mode="aspectFit"
></image>
<image v-if="item.image && item.image != ''" :src="item.image" mode="aspectFit"></image>
<image v-else src="/static/nobg.jpg" mode="widthFix"></image>
</view>
<view class="txt555">
@@ -166,40 +105,22 @@
<image src="../../static/class.png" mode="aspectFit"></image>
<text>班级列表</text>
</view>
<view
class="moreBtn"
@click="onPageJump('/pages/miniClass/allLearningClassList')"
>
<view class="moreBtn" @click="onPageJump('/pages/miniClass/allLearningClassList')">
<text>更多班级</text>
</view>
</view>
<view class="classItemBox uni-margin-wrap">
<view class="uni-margin-wrap">
<swiper
class="swiper"
circular
:indicator-dots="false"
:autoplay="true"
interval="3000"
duration="500"
>
<swiper class="swiper" circular :indicator-dots="false" :autoplay="true" interval="3000"
duration="500">
<swiper-item v-for="(item, index) in classList" :key="index">
<view
class="classItem flex_box"
@click="onPageJump('/pages/miniClass/classInfo', item.id)"
>
<view class="classItem flex_box"
@click="onPageJump('/pages/miniClass/classInfo', item.id)">
<view class="img" style="overflow: hidden">
<image
v-if="item.icon && item.icon != ''"
:src="item.icon"
mode="aspectFit"
></image>
<image
v-else
src="@/static/my_04.png"
mode="widthFix"
></image>
<image v-if="item.icon && item.icon != ''" :src="item.icon" mode="aspectFit">
</image>
<image v-else src="@/static/my_04.png" mode="widthFix"></image>
</view>
<view class="textBox flex_box">
<view class="">
@@ -228,22 +149,15 @@
</view>
<!-- 健康超市 -->
<view class="supermarketBox" v-if="tjProList.length > 0">
<view
class="hightLightTitleBox"
@click="onPageJump('/pages/course/healthMarket', 2, '健康超市')"
>
<view class="hightLightTitleBox" @click="onPageJump('/pages/course/healthMarket', 2, '健康超市')">
<text>健康超市</text>
</view>
<view class="supermarket">
<view class="borderbb">
<view class="main">
<view class="flexbox">
<view
class="item"
v-for="(item, index) in tjProList"
:key="index"
@click="goGoodsDetail(item, 0)"
>
<view class="item" v-for="(item, index) in tjProList" :key="index"
@click="goGoodsDetail(item, 0)">
<view class="imgcontainer">
<image :src="item.productImages" mode="aspectFit"></image>
</view>
@@ -251,10 +165,7 @@
{{ item.productName }}
</view>
<view
class="price"
v-if="item.activityPrice && item.activityPrice > 0"
>
<view class="price" v-if="item.activityPrice && item.activityPrice > 0">
{{ item.activityPrice }}
</view>
<view class="price" v-else> {{ item.price }} </view>
@@ -280,30 +191,23 @@
</view>
<scroll-view class="scroll-view_H" scroll-x="true">
<!-- <view class=""> -->
<view
class="item"
v-for="(item, index) in seckillList"
:key="index"
@click="goGoodsDetail(item, 1)"
>
<view class="item" v-for="(item, index) in seckillList" :key="index"
@click="goGoodsDetail(item, 1)">
<view class="imgcontainer">
<image :src="item.productImages" mode="aspectFit"></image>
</view>
<view class="name">
{{ item.productName }}
</view>
<view
class="price"
v-if="item.activityPrice && item.activityPrice > 0"
>
{{ item.activityPrice }}
</view>
<view class="price" v-else> {{ item.price }} </view>
<view class="price"> {{ item.price }} </view>
<view class="fall">
<text class="mprice">{{ item.price }}</text>
<text class="cprice"
>直降<br />{{ item.price - item.activityPrice }}</text
>
<text class="mprice">{{
item.activityPrice && item.activityPrice > 0
? item.activityPrice
: item.price
}}</text>
<text class="cprice">直降<br />{{ item.price - item.activityPrice }}</text>
</view>
</view>
@@ -320,20 +224,9 @@
<u-icon name="volume-fill" color="#2979ff" size="26"></u-icon>
</view>
<view class="newscoll">
<swiper
class="swiper"
interval="5000"
circular
autoplay
vertical
indicator-dots="false"
>
<swiper-item
class="item"
v-for="(item, index) in newsList"
:key="index"
@click="newsClick(item)"
>
<swiper class="swiper" interval="5000" circular autoplay vertical indicator-dots="false">
<swiper-item class="item" v-for="(item, index) in newsList" :key="index"
@click="newsClick(item)">
<view class="swiper-item">{{ item.title }}</view>
</swiper-item>
</swiper>
@@ -348,20 +241,12 @@
<text>精彩试听</text>
</view>
<view class="learn flexbox shiting">
<view
class="item"
v-for="(item, index) in tryListenList"
:key="index"
@click="
<view class="item" v-for="(item, index) in tryListenList" :key="index" @click="
onPageJump('/pages/course/courseDetail', item.id, item.title)
"
>
">
<view class="imgcontainer">
<image
v-if="item.image == '' || !item.image"
src="@/static/nobg.jpg"
mode="aspectFit"
></image>
<image v-if="item.image == '' || !item.image" src="@/static/nobg.jpg" mode="aspectFit">
</image>
<image v-else :src="item.image" mode="aspectFit"></image>
</view>
<view class="buyItems flexbox">
@@ -375,19 +260,12 @@
</view>
</view>
<view class="moreBox shiting">
<text @click="onPageJump('/pages/course/tryListen', 1, '精彩试听')"
>更多试听</text
>
<text @click="onPageJump('/pages/course/tryListen', 1, '精彩试听')">更多试听</text>
</view>
</view>
</view>
<view>
<u-back-top
:scroll-top="scrollTop"
bottom="60"
:customStyle="bgiStyle"
:iconStyle="iconStyle"
></u-back-top>
<u-back-top :scroll-top="scrollTop" bottom="60" :customStyle="bgiStyle" :iconStyle="iconStyle"></u-back-top>
</view>
<!-- 应对华为审核去掉app跳转 -->
<view class="appJump">
@@ -419,16 +297,13 @@
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<z-navigation></z-navigation>
<common-advertisement
ref="commonAdvertisement"
:list="advertisementList"
></common-advertisement>
<common-advertisement ref="commonAdvertisement" :list="advertisementList"></common-advertisement>
<!-- <music-play :playList="myList"></music-play> -->
</view>
</template>
<script>
export default {
export default {
methods: {
getWebViewMessage(e) {
uni.showModal({
@@ -437,19 +312,22 @@ export default {
});
},
},
};
};
</script>
<script>
import musicPlay from "@/components/music.vue";
import repciptData from "@/static/json/repcipt.json";
import $http from "@/config/requestConfig.js";
// #ifdef APP-PLUS
import updata from "@/uni_modules/uni-upgrade-center-app/utils/check-update";
import advertisement from "@/uni_modules/uni-upgrade-center-app/utils/check-update";
// #endif
import { mapState, mapMutations } from "vuex";
export default {
import musicPlay from "@/components/music.vue";
import repciptData from "@/static/json/repcipt.json";
import $http from "@/config/requestConfig.js";
// #ifdef APP-PLUS
import updata from "@/uni_modules/uni-upgrade-center-app/utils/check-update";
import advertisement from "@/uni_modules/uni-upgrade-center-app/utils/check-update";
// #endif
import {
mapState,
mapMutations
} from "vuex";
export default {
data() {
return {
myList: [],
@@ -656,7 +534,10 @@ export default {
.then(async (res) => {
console.log("考试中", res);
if (res.code == 0 && res.classExamUser != null) {
obj = { ...res.classExamUser, planEndTime: res.planEndTime };
obj = {
...res.classExamUser,
planEndTime: res.planEndTime
};
} else {
obj = undefined;
}
@@ -822,6 +703,7 @@ export default {
if (res.code == 0) {
if (res.result.records.length > 0) {
this.seckillList = res.result.records;
console.log(this.seckillList, '111111111111111ss')
} else {
this.seckillList = [];
}
@@ -1032,7 +914,7 @@ export default {
//未安装app
plus.runtime.openURL(
`https://a.app.qq.com/o/simple.jsp?pkgname=${bagName}`,
function (res) {
function(res) {
//进入后台小哥哥给我的应用宝下载链接,让你们后台给你
//这链接会判断你手机是ios还是AndroidAndroid进入应用宝下载app
//跟下面的是一个链接
@@ -1044,14 +926,13 @@ export default {
//苹果
//因为ios查不到B款app在ios系统手机里面其实下载了也是检测不到所以就不检测了
//直接打开B款appB款app没有的话会进入回调报错我们在回调去打开下载链接
plus.runtime.launchApplication(
{
plus.runtime.launchApplication({
action: "${schemes}://",
},
function (e) {
function(e) {
plus.runtime.openURL(
`https://a.app.qq.com/o/simple.jsp?pkgname=${bagName}`,
function (res) {
function(res) {
//进入后台小哥哥给我的appStore下载app链接让你们后台给你
//这链接会判断你手机是ios还是Androidios进入应用宝下载app
//跟上面的是一个链接
@@ -1071,25 +952,30 @@ export default {
});
},
},
};
};
</script>
<style lang="scss" scoped>
@import "@/style/mixin.scss";
.classItemBox {
@import "@/style/mixin.scss";
.classItemBox {
.jianjie {
@include bov(2);
}
}
.nomargin {
}
.nomargin {
margin: 0 !important;
}
.nopadding {
}
.nopadding {
padding: 0 !important;
}
.noRadius {
}
.noRadius {
border-radius: 0 !important;
}
.appJump {
}
.appJump {
position: fixed;
right: 0;
top: 8%;
@@ -1120,9 +1006,9 @@ export default {
}
}
}
}
}
.newsBox {
.newsBox {
justify-content: space-between;
background-color: #fff;
@include mshadow(10px, 1);
@@ -1150,13 +1036,13 @@ export default {
}
}
}
}
}
.containerBg {
.containerBg {
background-color: $containerColor;
}
}
.shiting {
.shiting {
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40rpx;
@@ -1182,9 +1068,9 @@ export default {
overflow: hidden;
}
}
}
}
.moreBox {
.moreBox {
margin-top: 10px;
text-align: center;
@@ -1197,9 +1083,9 @@ export default {
border-radius: 60rpx;
color: $themeColor;
}
}
}
.supermarket {
.supermarket {
@include pleft_right(5px) .borderbb {
background-image: linear-gradient(180deg, #468aff 0%, #46c0ff 100%);
@include pleft_right(10px);
@@ -1220,18 +1106,18 @@ export default {
color: $themeColor;
}
}
}
}
.seckillBox {
.seckillBox {
.hightLightTitleBox {
background: url("@/static/level_bg_red.png") center top no-repeat;
background-size: contain;
height: 60rpx;
color: red;
}
}
}
.seckill {
.seckill {
@include pleft_right(5px) .borderbb {
background-image: linear-gradient(180deg, #d93737 0%, #fff 100%);
@include pleft_right(10px);
@@ -1325,9 +1211,9 @@ export default {
height: 240rpx;
}
}
}
}
.supermarketBox {
.supermarketBox {
.hightLightTitleBox {
background: url("@/static/level_bg_green.png") center top no-repeat;
background-size: contain;
@@ -1369,9 +1255,9 @@ export default {
height: 240rpx;
}
}
}
}
.hightLightTitleBox {
.hightLightTitleBox {
margin: 20rpx 0;
text-align: center;
line-height: 60rpx;
@@ -1380,12 +1266,14 @@ export default {
font-size: 30rpx;
font-weight: bold;
}
}
.moreBtn {
}
.moreBtn {
color: $themeColor;
font-size: 26rpx;
}
.learnBox {
}
.learnBox {
background-color: #fff;
margin-top: 10px;
border-radius: 20rpx;
@@ -1393,6 +1281,7 @@ export default {
@include pleft_right(10px);
@include mshadow(10px, 1);
margin-bottom: 10px;
.img {
width: 100%;
height: 180rpx;
@@ -1400,10 +1289,12 @@ export default {
display: flex;
align-items: center;
}
.learn {
justify-content: space-between;
margin-top: 20rpx;
flex-wrap: wrap;
.item {
width: 48%;
@@ -1423,9 +1314,9 @@ export default {
}
}
}
}
}
.titleBox {
.titleBox {
align-items: center;
image {
@@ -1438,13 +1329,13 @@ export default {
padding-left: 20rpx;
align-items: center;
}
}
}
.fourBox {
.fourBox {
@include pleft_right(4px);
}
}
.childrenBox {
.childrenBox {
background-color: #e4eefa !important;
// border:1px solid #e4eefa;
border-radius: 6rpx !important;
@@ -1464,12 +1355,14 @@ export default {
width: 80rpx;
height: 80rpx;
}
}
.homeTestBox {
}
.homeTestBox {
background-color: #ffaa00;
color: #fff;
}
.children_cate {
}
.children_cate {
justify-content: space-evenly;
padding: 0 10rpx;
background-color: #fff;
@@ -1501,9 +1394,9 @@ export default {
font-weight: bold;
border-radius: 5rpx;
}
}
}
.fourIcon {
.fourIcon {
justify-content: space-between;
box-shadow: 0px 0px 10px 0px rgba(167, 187, 228, 1);
// margin-bottom: 8px;
@@ -1531,13 +1424,13 @@ export default {
height: 48rpx;
margin: 0 auto;
}
}
}
.activityPrice {
.activityPrice {
font-size: 60rpx;
}
}
.ProTabs {
.ProTabs {
// margin: 20rpx 0;
padding: 0 20rpx;
@@ -1556,9 +1449,9 @@ export default {
background-color: #55aa7f;
color: #fff;
}
}
}
.New_ProTabs {
.New_ProTabs {
justify-content: space-between;
background-color: #fff;
padding-left: 5px;
@@ -1584,17 +1477,17 @@ export default {
background-color: #55aa7f;
color: #fff;
}
}
}
// .newBook{margin-top: 10rpx;}
.scroll-view_H {
// .newBook{margin-top: 10rpx;}
.scroll-view_H {
background-color: #fff;
white-space: nowrap;
padding: 10rpx;
margin-top: 12rpx;
}
}
.scroll-view_H {
.scroll-view_H {
.item {
padding: 10rpx;
overflow: hidden;
@@ -1625,13 +1518,13 @@ export default {
}
// .item.active{margin-right: 20rpx; border: 1px solid #55aa00; border-radius: 10rpx;}
}
}
.flexbox {
.flexbox {
display: flex;
}
}
.home_bg {
.home_bg {
background-image: url("@/static/icon/home_bg.jpg");
background-position: center center;
background-repeat: no-repeat;
@@ -1639,6 +1532,7 @@ export default {
padding: 30rpx 20rpx;
position: relative;
padding-bottom: 40rpx;
// margin-bottom:60rpx;
// height: 400rpx; margin-bottom: 130rpx;
.icon_hua_1 {
@@ -1664,9 +1558,9 @@ export default {
margin: 0 auto;
}
}
}
}
.topSearch_box {
.topSearch_box {
image {
width: 48rpx;
height: 48rpx;
@@ -1674,9 +1568,9 @@ export default {
top: 54rpx;
right: 30rpx;
}
}
}
.search_box {
.search_box {
margin: 20rpx auto 10rpx auto;
align-items: center;
width: calc(100% - 30rpx);
@@ -1721,16 +1615,18 @@ export default {
border-top-right-radius: 20upx;
border-bottom-right-radius: 20upx;
}
}
.newLeve2 {
}
.newLeve2 {
// box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
background-color: #fff;
padding: 0 10rpx;
border-top: 1px solid #eee;
padding-top: 4rpx;
// padding-bottom:2rpx;
}
.home_nar {
}
.home_nar {
margin: 10px 0;
justify-content: space-between;
color: #333;
@@ -1774,12 +1670,14 @@ export default {
.hn_cl_tit.active {
background-color: #e4eefa;
// position: relative;
text {
color: #3361a5;
// font-weight: bold;
}
}
// .hn_cl_tit.active::after{
// display: block;
// transform: rotate(180deg);
@@ -1788,9 +1686,9 @@ export default {
// border-left: 20rpx solid transparent;
// border-bottom: 20rpx solid #ffff;
// }
}
}
.home_shujia {
.home_shujia {
margin: 40rpx 20rpx 0 20rpx;
display: flex;
color: #333;
@@ -1806,9 +1704,9 @@ export default {
margin: 0 auto;
}
}
}
}
.limited {
.limited {
width: 100%;
height: auto;
padding: 20rpx 10rpx 10rpx 10rpx;
@@ -1867,51 +1765,61 @@ export default {
color: #c1c1c1;
}
}
}
}
.imgcontainer {
.imgcontainer {
background-color: $imgBg;
}
.classItemBox {
}
.classItemBox {
margin-top: 20rpx;
height: 250rpx;
swiper-item {
padding: 10rpx;
width: 90% !important;
.wid90 {
width: 90% !important;
}
.classItem {
border: 1px solid #eee;
border-radius: 10rpx;
padding: 10rpx;
}
padding-right: 20rpx;
box-sizing: border-box;
}
}
.classItem {
}
.classItem {
.className {
font-weight: bold;
font-size: 32rpx;
}
.textBox {
margin-left: 20rpx;
flex: 1;
align-items: center;
}
.img {
width: 200rpx;
height: 200rpx;
overflow: hidden;
imgage {
width: 100%;
height: 100%;
}
}
}
.retake {
}
.retake {
border: 1px solid #fff;
color: #fff;
}
}
</style>