Skip to content

E
educationStu
Commit 7f3fe2ab authored by 罗超's avatar 罗超
Browse files
Options

1

parent a0cc33d2
Hide whitespace changes
Inline Side-by-side
Showing with 560 additions and 460 deletions
src/components/subject/ListenTopic.vue
View file @ 7f3fe2ab
<template> <template>
<!-- 听力题 --> <!-- 听力题 -->
<view class="listen"> <view class="listen">
<view class="item" style="padding: 0 20px"> <view class="item" style="padding: 0 20px">
<view class="name"> <view class="name">
<view> <view>
{{ changeNumToHan(sortIndex) }}、{{ data.GroupName }} {{ changeNumToHan(sortIndex) }}、{{ data.GroupName }}
<text style="color: #999999">（共{{ data.DetailsList.length }}道,{{ data.GScore }}分）</text> <text style="color: #999999"
</view> >（共{{ data.DetailsList.length }}道,{{ data.GScore }}分）</text
<view class="ExamIndex_Box"> >
<text class="Single_Before">{{ ExamIndex }}</text>/<text </view>
class="Exam_Total">{{ data.DetailsList.length }}</text> <view class="ExamIndex_Box">
</view> <text class="Single_Before">{{ ExamIndex }}</text
</view> >/<text class="Exam_Total">{{ data.DetailsList.length }}</text>
<swiper class="swiper-box" :style="{ </view>
</view>
<swiper
class="swiper-box"
:style="{
height: `calc(100vh - 300rpx - ${statusBarHeight}px)`, height: `calc(100vh - 300rpx - ${statusBarHeight}px)`,
}" :autoplay="autoplay" :current="current" @change="onchange" :skip-hidden-item-layout="true"> }"
<swiper-item v-if="sortIndex != 1"></swiper-item> :autoplay="autoplay"
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> :current="current"
<view class="item1"> @change="onchange"
<view class="flex flex_start_center"> :skip-hidden-item-layout="true"
<view class="audioBox flex flex_center_center" @click="audioManage(item1.Src)"> >
<image style="width: 26rpx; height: 22rpx" <swiper-item v-if="sortIndex != 1"></swiper-item>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/horn.png" /> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<van-count-down :time="audioTime" :auto-start="false" class="flex flex_center_center" <view class="item1">
style="color: #00acf9" ref="listenCountdown" format="mm:ss" /> <view class="flex flex_start_center">
</view> <view
</view> class="audioBox flex flex_center_center"
<view class="questionView"> @click="audioManage(item1.Src)"
<view v-for="(item2, index2) in item1.QuestionContentObj" :key="index2" class="item2"> >
<view class="flex questionTitle"> <image
<view>{{ index2 + 1 }}、({{ item2.QuestionName }},{{item2.SubScore}}分)</view> style="width: 26rpx; height: 22rpx"
<view v-html="item2.SubTitle"></view> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/horn.png"
</view> />
<view v-for="(item3, index3) in item2.SubAnwser" :key="index3"> <van-count-down
<!-- 单选 、判断--> :time="audioTime"
<view class="flex flex_start_center item3" :auto-start="false"
v-if="item2.QuestionKey === 'single' || item2.QuestionKey === 'judge'"> class="flex flex_center_center"
<template v-if="isOperate"> style="color: #00acf9"
<view class="chooseNum" :class="{ myAnswer: item3.IsAnswer }" ref="listenCountdown"
@click="singerChange(item2, item3)">{{ item3.Name }} format="mm:ss"
</view> />
<view class="chooseName" @click="singerChange(item2, item3)" </view>
v-html="item3.Content"></view> </view>
</template> <view class="questionView">
<template v-else> <view
<view class="chooseNum" :class="{ isTrueAnswer: item3.IsAnswer }"> v-for="(item2, index2) in item1.QuestionContentObj"
{{ item3.Name }} :key="index2"
</view> class="item2"
<view class="chooseName" :class="{ isTrueAnswer: item3.IsAnswer }" >
v-html="item3.Content"></view> <view class="flex questionTitle">
</template> <view
</view> >{{ index2 + 1 }}、({{ item2.QuestionName }},{{
<!-- 多选 --> item2.SubScore
<view class="flex flex_start_center item3" v-if="item2.QuestionKey === 'multiple'"> }}分)</view
<template v-if="isOperate"> >
<view class="chooseNum" :class="{ myAnswer: item3.IsAnswer }" <view v-html="item2.SubTitle"></view>
@click="multipleChange(item2,item3)">{{ item3.Name }} </view>
</view> <view v-for="(item3, index3) in item2.SubAnwser" :key="index3">
<view class="chooseName" @click="multipleChange(item2, item3)" <!-- 单选 、判断-->
v-html="item3.Content"></view> <view
</template> class="flex flex_start_center item3"
<template v-else> v-if="
<view class="chooseNum" :class="{ isTrueAnswer: item3.IsAnswer }"> item2.QuestionKey === 'single' ||
{{ item3.Name }} item2.QuestionKey === 'judge'
</view> "
<view class="chooseName" :class="{ isTrueAnswer: item3.IsAnswer }" >
v-html="item3.Content"></view> <template v-if="isOperate">
</template> <view
</view> class="chooseNum"
<!-- 填空 --> :class="{ myAnswer: item3.IsAnswer }"
<view class="flex flex_start_center item3" v-if="item2.QuestionKey === 'fill-in'"> @click="singerChange(item2, item3)"
<view class="chooseNum">{{ index3 + 1 }} </view> >{{ item3.Name }}
<template v-if="isOperate"> </view>
<input type="text" v-model="item2.myAnswer" class="chooseName chooseName2" <view
placeholder="请填写答案" @input="AnswerChange(item2)" /> class="chooseName"
</template> @click="singerChange(item2, item3)"
<template v-else> v-html="item3.Content"
<view class="viewAnswerContent" v-html="item2.myAnswer"></view> ></view>
</template> </template>
</view> <template v-else>
<!-- 简答 --> <view
<view class="flex flex_start_center item3" class="chooseNum"
v-if="item2.QuestionKey === 'short-answer'"> :class="{ isTrueAnswer: item3.IsAnswer }"
<template v-if="isOperate"> >
<textarea type="text" v-model="item2.myAnswer" {{ item3.Name }}
class="chooseName chooseName2" placeholder="请填写答案" </view>
@input="AnswerChange(item2)" /> <view
</template> class="chooseName"
<template v-else> :class="{ isTrueAnswer: item3.IsAnswer }"
<view class="viewAnswerContent" v-html="item2.myAnswer"></view> v-html="item3.Content"
</template> ></view>
</view> </template>
</view> </view>
<template v-if="!isOperate&&(ExamStatus==2||ExamStatus==3)"> <!-- 多选 -->
<view class="AnswerContent"> <view
<view> class="flex flex_start_center item3"
<text style="color: #8c8a94">正确答案：</text> v-if="item2.QuestionKey === 'multiple'"
<text class="isTrueAnswer">{{ item1.QuestionAnswerList[index2].SubAnswer }}</text>， >
<text> <template v-if="isOperate">
您的答案： <view
<template v-if="item1.AnswerList && item1.AnswerList.length>0"> class="chooseNum"
<text v-if="item1.QuestionAnswerList[index2].SubAnswer == item1.AnswerList[index2].SubAnswer" :class="{ myAnswer: item3.IsAnswer }"
class="isTrueAnswer"> @click="multipleChange(item2, item3)"
{{ item1.AnswerList[index2].SubAnswer }}，回答正确 >{{ item3.Name }}
</text> </view>
<text v-else class="isNotAnswer"> <view
<template v-if="item1.AnswerList[index2].SubAnswer!=''"> class="chooseName"
{{ item1.AnswerList[index2].SubAnswer }}，回答错误 @click="multipleChange(item2, item3)"
</template> v-html="item3.Content"
<template v-else> ></view>
未回答 </template>
</template> <template v-else>
</text> <view
</template> class="chooseNum"
</text> :class="{ isTrueAnswer: item3.IsAnswer }"
</view> >
<view style="margin:20rpx 0;" v-if="item1.AnswerList[index2].StudentScore"> {{ item3.Name }}
<text style="color:#8c8a94">您的得分：</text> </view>
<text class="isTrueAnswer" v-if="item1.AnswerList[index2].StudentScore>0">{{item1.AnswerList[index2].StudentScore}}</text> <view
<text class="isNotAnswer" v-else>{{item1.AnswerList[index2].StudentScore}}</text> class="chooseName"
</view> :class="{ isTrueAnswer: item3.IsAnswer }"
</view> v-html="item3.Content"
</template> ></view>
</view> </template>
</view> </view>
</view> <!-- 填空 -->
<view class="AnswerContent" v-if="!isOperate&&item1.AnswerParse&&(ExamStatus==2||ExamStatus==3)"> <view
<view style="word-wrap: break-word"> class="flex flex_start_center item3"
<text style="color: #8c8a94">解析：</text> v-if="item2.QuestionKey === 'fill-in'"
<view >
style="color: #000; display: inline-block" <view class="chooseNum">{{ index3 + 1 }} </view>
v-html="item1.AnswerParse" <template v-if="isOperate">
></view> <input
</view> type="text"
</view> v-model="item2.myAnswer"
</swiper-item> class="chooseName chooseName2"
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> placeholder="请填写答案"
</swiper> @input="AnswerChange(item2)"
</view> />
<van-toast id="van-toast" /> </template>
</view> <template v-else>
<view
class="viewAnswerContent"
v-html="item2.myAnswer"
></view>
</template>
</view>
<!-- 简答 -->
<view
class="flex flex_start_center item3"
v-if="item2.QuestionKey === 'short-answer'"
>
<template v-if="isOperate">
<textarea
type="text"
v-model="item2.myAnswer"
class="chooseName chooseName2"
placeholder="请填写答案"
@input="AnswerChange(item2)"
/>
</template>
<template v-else>
<view
class="viewAnswerContent"
v-html="item2.myAnswer"
></view>
</template>
</view>
</view>
<template
v-if="!isOperate && (ExamStatus == 2 || ExamStatus == 3)"
>
<view class="AnswerContent">
<view>
<text style="color: #8c8a94">正确答案：</text>
<text class="isTrueAnswer">{{
item1.QuestionAnswerList[index2].SubAnswer
}}</text
>，
<text>
您的答案：
<template
v-if="item1.AnswerList && item1.AnswerList.length > 0"
>
<text
v-if="
item1.QuestionAnswerList[index2].SubAnswer ==
item1.AnswerList[index2].SubAnswer
"
class="isTrueAnswer"
>
{{ item1.AnswerList[index2].SubAnswer }}，回答正确
</text>
<text v-else class="isNotAnswer">
<template
v-if="item1.AnswerList[index2].SubAnswer != ''"
>
{{ item1.AnswerList[index2].SubAnswer }}，回答错误
</template>
<template v-else> 未回答 </template>
</text>
</template>
</text>
</view>
<view
style="margin: 20rpx 0"
v-if="item1.AnswerList[index2].StudentScore"
>
<text style="color: #8c8a94">您的得分：</text>
<text
class="isTrueAnswer"
v-if="item1.AnswerList[index2].StudentScore > 0"
>{{ item1.AnswerList[index2].StudentScore }}</text
>
<text class="isNotAnswer" v-else>{{
item1.AnswerList[index2].StudentScore
}}</text>
</view>
</view>
</template>
</view>
</view>
</view>
<view
class="AnswerContent"
v-if="
!isOperate &&
item1.AnswerParse &&
(ExamStatus == 2 || ExamStatus == 3)
"
>
<view style="word-wrap: break-word">
<text style="color: #8c8a94">解析：</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view>
</swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper>
</view>
<van-toast id="van-toast" />
</view>
</template> </template>
<script> <script>
import { import {
ref, ref,
reactive, reactive,
toRefs, toRefs,
toRef, toRef,
getCurrentInstance, getCurrentInstance,
watch, watch,
computed, computed,
onMounted, onMounted,
onUnmounted, onUnmounted,
} from "vue"; } from "vue";
import { import { changeNumToHan } from "../../utils/index";
changeNumToHan const innerAudioContext = uni.createInnerAudioContext();
} from "../../utils/index"; innerAudioContext.autoplay = true;
const innerAudioContext = uni.createInnerAudioContext(); export default {
innerAudioContext.autoplay = true; props: {
export default { paperData: Object,
props: { sort: Number,
paperData: Object, sortTotal: Number,
sort: Number, isLast: Boolean,
sortTotal: Number, startIndex: Number,
isLast: Boolean, isOperate: Boolean,
startIndex: Number, ExamStatus: Number,
isOperate: Boolean, },
ExamStatus: Number setup(props, context) {
}, let { refs } = getCurrentInstance();
setup(props, context) { console.log(163, refs);
let s = getCurrentInstance(); let data = reactive({
let { autoplay: false,
refs sortIndex: props.sort + 1, //大题序号
} = getCurrentInstance(); sortTotal: props.sortTotal, //总共多少道大题
console.log(163, s.$refs); data: props.paperData,
let data = reactive({ current: 1, //默认从第几个开始-用于从快捷菜单点入
autoplay: false, ExamIndex: 1, //第几题
sortIndex: props.sort + 1, //大题序号 audioTime: 999,
sortTotal: props.sortTotal, //总共多少道大题 isPlay: true,
data: props.paperData, statusBarHeight: 0,
current: 1, //默认从第几个开始-用于从快捷菜单点入 isOperate: props.isOperate,
ExamIndex: 1, //第几题 ExamStatus: props.ExamStatus,
audioTime: 999, });
isPlay: true, data.data.DetailsList.map((item) => {
statusBarHeight: 0, let arr = item.Title.split(" "); //按空格分段
isOperate: props.isOperate, arr.map((e) => {
ExamStatus: props.ExamStatus if (e.indexOf("src") != -1) {
}); item.Src = decodeURIComponent(e.split("url=")[1].slice(0, -1));
data.data.DetailsList.map((item) => { }
let arr = item.Title.split(" "); //按空格分段 });
arr.map((e) => { item.QuestionContentObj.map((_item) => {
if (e.indexOf("src") != -1) { if (_item.QuestionKey === "multiple") {
item.Src = decodeURIComponent(e.split("url=")[1].slice(0, -1)); _item.myAnswer = [];
} } else {
}); _item.myAnswer = "";
item.QuestionContentObj.map((_item) => { }
if (_item.QuestionKey === "multiple") { });
_item.myAnswer = []; });
} else { //判断是否是第一大题
_item.myAnswer = ""; if (data.sortIndex === 1) {
} data.current = 0;
}); //从答题卡进入
}); if (props.startIndex) {
//判断是否是第一大题 data.current = props.startIndex - 1;
if (data.sortIndex === 1) { data.ExamIndex = props.startIndex;
data.current = 0; }
//从答题卡进入 } else {
if (props.startIndex) { if (props.startIndex) {
data.current = props.startIndex - 1; data.current = props.startIndex;
data.ExamIndex = props.startIndex; data.ExamIndex = props.startIndex;
} }
} else { }
if (props.startIndex) { watch(data.data, (newVal, oldVal) => {
data.current = props.startIndex; if (newVal) {
data.ExamIndex = props.startIndex; context.emit("answerChange", newVal);
} }
} });
watch(data.data, (newVal, oldVal) => { let methods = {
if (newVal) { changeNumToHan,
context.emit("answerChange", newVal); jumpPage() {
} uni.navigateTo({
}); url: "/pages/exam/examPaper",
let methods = { });
changeNumToHan, },
jumpPage() { back() {
uni.navigateTo({ uni.navigateBack();
url: "/pages/exam/examPaper", },
}); audioManage(url) {
}, innerAudioContext.src = url;
back() { innerAudioContext.onCanplay(() => {
uni.navigateBack(); // 必须。可以当做是初始化时长
}, innerAudioContext.duration;
audioManage(url) { // 必须。不然也获取不到时长
innerAudioContext.src = url; setTimeout(() => {
console.log(188, innerAudioContext); let t = innerAudioContext.duration;
innerAudioContext.onCanplay(() => { data.audioTime = t * 1000;
// 必须。可以当做是初始化时长 }, 100);
innerAudioContext.duration; });
// 必须。不然也获取不到时长 if (innerAudioContext.currentTime === innerAudioContext.duration) {
setTimeout(() => { data.isPlay = true;
let t = innerAudioContext.duration; }
data.audioTime = t * 1000; if (data.isPlay) {
}, 100); innerAudioContext.play();
}); // refs.listenCountdown.start();
if (innerAudioContext.currentTime === innerAudioContext.duration) { console.log("开始播放");
data.isPlay = true; data.isPlay = false;
} } else {
if (data.isPlay) { innerAudioContext.stop();
innerAudioContext.play(); console.log("停了");
// refs.listenCountdown.start(); data.isPlay = true;
console.log("开始播放"); }
data.isPlay = false;
} else {
innerAudioContext.stop();
console.log("停了");
data.isPlay = true;
}
innerAudioContext.onError((res) => { innerAudioContext.onError((res) => {
console.log(res.errMsg); console.log(res.errMsg);
console.log(res.errCode); console.log(res.errCode);
}); });
}, },
//----------------------------------------选题---------------------------------- //----------------------------------------选题----------------------------------
// 单选or判断 // 单选or判断
singerChange(item2, item3) { singerChange(item2, item3) {
item2.SubAnwser.map((e) => { item2.SubAnwser.map((e) => {
if (e.Name == item3.Name) { if (e.Name == item3.Name) {
e.IsAnswer = true; e.IsAnswer = true;
item2.IsRes = true; //答题标记 item2.IsRes = true; //答题标记
} else { } else {
e.IsAnswer = false; e.IsAnswer = false;
} }
}); });
}, },
// 多选 // 多选
multipleChange(item2, item3) { multipleChange(item2, item3) {
item3.IsAnswer = !item3.IsAnswer; item3.IsAnswer = !item3.IsAnswer;
//标记已回答 //标记已回答
item2.IsRes = item2.SubAnwser.some((e) => { item2.IsRes = item2.SubAnwser.some((e) => {
return e.IsAnswer; return e.IsAnswer;
}); });
}, },
AnswerChange(item) { AnswerChange(item) {
item.IsRes = item.SubAnwser.some((e) => { item.IsRes = item.SubAnwser.some((e) => {
return e.Content && e.Content != ""; return e.Content && e.Content != "";
}); });
}, },
onchange(e) { onchange(e) {
innerAudioContext.stop(); innerAudioContext.stop();
innerAudioContext.onCanplay(() => { innerAudioContext.onCanplay(() => {
// 必须。可以当做是初始化时长 // 必须。可以当做是初始化时长
innerAudioContext.duration; innerAudioContext.duration;
// 必须。不然也获取不到时长 // 必须。不然也获取不到时长
setTimeout(() => { setTimeout(() => {
data.audioTime = 999; data.audioTime = 999;
}, 100); }, 100);
}); });
data.isPlay = true; data.isPlay = true;
data.ExamIndex = e.detail.current; data.ExamIndex = e.detail.current;
if (data.sortIndex == 1) { if (data.sortIndex == 1) {
data.ExamIndex = e.detail.current + 1; data.ExamIndex = e.detail.current + 1;
} }
if (data.ExamIndex === data.data.DetailsList.length + 1) { if (data.ExamIndex === data.data.DetailsList.length + 1) {
this.$emit("getAfterTopic"); this.$emit("getAfterTopic");
} }
if (e.detail.current == 0 && data.sortIndex != 1) { if (e.detail.current == 0 && data.sortIndex != 1) {
this.$emit("getBeforeTopic"); this.$emit("getBeforeTopic");
} }
}, },
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
if (data.sortIndex === 1) { if (data.sortIndex === 1) {
data.current = props.paperData.DetailsList.length - 1; data.current = props.paperData.DetailsList.length - 1;
} else { } else {
data.current = props.paperData.DetailsList.length; data.current = props.paperData.DetailsList.length;
} }
} }
data.statusBarHeight = uni.getSystemInfoSync().statusBarHeight; data.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
}); });
onUnmounted(() => { onUnmounted(() => {
innerAudioContext.stop(); innerAudioContext.stop();
data.isPlay = true; data.isPlay = true;
}); });
let that = methods; let that = methods;
return { return {
...toRefs(data), ...toRefs(data),
...methods, ...methods,
}; };
}, },
}; };
</script> </script>
<style> <style>
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 800; font-weight: 800;
color: #111111; color: #111111;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.ExamIndex_Box { .ExamIndex_Box {
margin-right: 20px; margin-right: 20px;
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
.isTrueAnswer { .isTrueAnswer {
color: green !important; color: green !important;
} }
.isNotAnswer { .isNotAnswer {
color: red !important; color: red !important;
} }
.AnswerContent { .AnswerContent {
font-size: 28rpx; font-size: 28rpx;
padding: 25rpx; padding: 25rpx;
background-color: #f4f4f4; background-color: #f4f4f4;
border-radius: 5px; border-radius: 5px;
} }
.viewAnswerContent { .viewAnswerContent {
width: 100%; width: 100%;
border-bottom: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
padding-bottom: 5px; padding-bottom: 5px;
} }
.Exam_Total { .Exam_Total {
font-size: 25rpx; font-size: 25rpx;
color: gray; color: gray;
} }
.swiper-box { .swiper-box {
height: calc(100vh - 270rpx); height: calc(100vh - 270rpx);
box-sizing: border-box; box-sizing: border-box;
} }
.num { .num {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
} }
.item { .item {
/* margin-bottom: 40rpx; */ /* margin-bottom: 40rpx; */
position: relative; position: relative;
} }
.item1 { .item1 {
/* margin: 25rpx 0; */ /* margin: 25rpx 0; */
align-items: center; align-items: center;
} }
.audioBox { .audioBox {
width: 120rpx; width: 120rpx;
height: 30rpx; height: 30rpx;
background: #b4ddfe; background: #b4ddfe;
border: 1px solid #35b4fb; border: 1px solid #35b4fb;
border-radius: 4rpx; border-radius: 4rpx;
font-size: 22rpx; font-size: 22rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #00acf9; color: #00acf9;
} }
.item2 { .item2 {
box-sizing: border-box; box-sizing: border-box;
margin: 30rpx 0; margin: 30rpx 0;
/* padding: 0 30rpx; */ /* padding: 0 30rpx; */
} }
.item3 { .item3 {
padding-left: 25rpx; padding-left: 25rpx;
margin: 20rpx 0; margin: 20rpx 0;
} }
.myAnswer { .myAnswer {
background-color: #00acf9 !important; background-color: #00acf9 !important;
color: #ffffff !important; color: #ffffff !important;
} }
.chooseNum { .chooseNum {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
text-align: center; text-align: center;
line-height: 40rpx; line-height: 40rpx;
border-radius: 50%; border-radius: 50%;
border: 1px solid #e2e2e2; border: 1px solid #e2e2e2;
margin-right: 30rpx; margin-right: 30rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
} }
.chooseName { .chooseName {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
} }
.chooseName2 { .chooseName2 {
flex-grow: 1; flex-grow: 1;
border-bottom: 1px solid #111; border-bottom: 1px solid #111;
} }
.questionTitle { .questionTitle {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
} }
.listen .van-count-down { .listen .van-count-down {
font-size: 22rpx !important; font-size: 22rpx !important;
color: #00acf9 !important; color: #00acf9 !important;
} }
</style> </style>
src/pages/activity/activityDetails.vue
View file @ 7f3fe2ab
...@@ -11,11 +11,11 @@ ...@@ -11,11 +11,11 @@
} }
.details-box-top-z { .details-box-top-z {
width: 100%; width: 100%;
height: 3px; height: 6rpx;
} }
.details-box-top-f { .details-box-top-f {
width: 100%; width: 100%;
height: 3px; height: 6rpx;
background: #e2e2e2; background: #e2e2e2;
} }
.details-box-t-positions { .details-box-t-positions {
...@@ -27,8 +27,8 @@ ...@@ -27,8 +27,8 @@
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
padding: 0 26rpx; padding: 0 26rpx;
border-top-right-radius: 6px; border-top-right-radius: 12rpx;
border-bottom-left-radius: 6px; border-bottom-left-radius: 12rpx;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 14px; font-size: 28rpx;
color: #ffffff; color: #ffffff;
background: #cccccc; background: #cccccc;
} }
...@@ -116,7 +116,6 @@ ...@@ -116,7 +116,6 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 800; font-weight: 800;
color: #111111; color: #111111;
// text-align: center;
margin-top: 40rpx; margin-top: 40rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
position: relative; position: relative;
...@@ -124,7 +123,7 @@ ...@@ -124,7 +123,7 @@
.title-pic .line-bottom { .title-pic .line-bottom {
width: 71rpx; width: 71rpx;
height: 12rpx; height: 12rpx;
background-color: #00ACF9; background-color: #00acf9;
border-radius: 4rpx; border-radius: 4rpx;
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -197,7 +196,7 @@ ...@@ -197,7 +196,7 @@
width: 100%; width: 100%;
min-height: 90rpx; min-height: 90rpx;
border-radius: 20rpx; border-radius: 20rpx;
background-color: #00ACF9; background-color: #00acf9;
color: #fff; color: #fff;
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
...@@ -221,7 +220,7 @@ ...@@ -221,7 +220,7 @@
position: absolute; position: absolute;
width: 4rpx; width: 4rpx;
height: 100%; height: 100%;
background-color: #00ACF9; background-color: #00acf9;
left: 24rpx; left: 24rpx;
top: 90rpx; top: 90rpx;
} }
...@@ -245,8 +244,8 @@ ...@@ -245,8 +244,8 @@
background-color: #dfbe6e; background-color: #dfbe6e;
border-radius: 50%; border-radius: 50%;
position: absolute; position: absolute;
left: -17.6px; left: -32rpx;
top: 4px; top: 8rpx;
} }
.Jiaheactivitydetails .con { .Jiaheactivitydetails .con {
width: 622rpx; width: 622rpx;
...@@ -343,7 +342,7 @@ ...@@ -343,7 +342,7 @@
</view> </view>
</view> </view>
<view v-if="detial.IsJoinActivity == 1"> <view v-if="detial.IsJoinActivity == 1">
<view class="details-box-top-f" style="background: #00ACF9"></view> <view class="details-box-top-f" style="background: #00acf9"></view>
<view <view
class="details-box-t-positions" class="details-box-t-positions"
:style="{ background: '#00ACF9' }" :style="{ background: '#00ACF9' }"
......
src/pages/activity/activitySignUp.vue
View file @ 7f3fe2ab
...@@ -250,14 +250,13 @@ export default { ...@@ -250,14 +250,13 @@ export default {
} }
}, },
Pay() { Pay() {
let that = this;
uni.requestPayment({ uni.requestPayment({
provider: "wxpay", provider: "wxpay",
timeStamp: this.orderInfo.timeStamp, timeStamp: data.orderInfo.timeStamp,
nonceStr: this.orderInfo.nonceStr, nonceStr: data.orderInfo.nonceStr,
package: this.orderInfo.package, package: data.orderInfo.package,
signType: this.orderInfo.signType, signType: data.orderInfo.signType,
paySign: this.orderInfo.sign, paySign: data.orderInfo.sign,
success: function (res) { success: function (res) {
console.log("success", res); console.log("success", res);
uni.showToast({ uni.showToast({
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment