|
|
@@ -23,6 +23,11 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankList
|
|
|
</view>
|
|
|
<text class="today" :data-content="today">{{today}}</text>
|
|
|
</view>
|
|
|
+
|
|
|
+ <view class="topcontent2 uni-column uni-jcsa">
|
|
|
+ <view class="logo"></view>
|
|
|
+ <text v-if="configParam.subTitle && configParam.subTitle.length > 0" class="top-acttime">{{configParam.subTitle}}</text>
|
|
|
+ </view>
|
|
|
|
|
|
<!-- <view class="topcontent uni-column uni-jcsa">
|
|
|
<view class="logo"></view>
|
|
|
@@ -40,9 +45,10 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankList
|
|
|
</view>
|
|
|
<view class="main uni-column">
|
|
|
<view class="main-bar uni-row uni-jcse">
|
|
|
+ <text>题目输出:{{all_totalAnswerNum}}</text>
|
|
|
<text>总里程:{{fmtDistanct(all_totalDistance)}}km</text>
|
|
|
- <text>总打点数:{{all_totalCp}}个</text>
|
|
|
- <text>总百味豆数:{{all_totalSysPoint}}个</text>
|
|
|
+ <text>总打点:{{all_totalCp}}</text>
|
|
|
+ <text>总百味豆:{{all_totalSysPoint}}</text>
|
|
|
</view>
|
|
|
|
|
|
<my-tab ref="tab1" :tabItems="tab1Items" :type="1" @onTabClick="onTab1Click"
|
|
|
@@ -182,11 +188,12 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankList
|
|
|
cssTop: "",
|
|
|
cssTopbarColor: "",
|
|
|
configParam: {
|
|
|
+ subTitle: "",
|
|
|
labelRightAnswerNum: "文化输出",
|
|
|
labelTicketName: "我的奖券",
|
|
|
labelAwardAddress: "兑奖地址",
|
|
|
tab1InitActIndex: 0,
|
|
|
- tab2InitActIndex: 0,
|
|
|
+ tab2InitActIndex: 0
|
|
|
},
|
|
|
// selectedMapId: 0, // 用户选择的地图ID
|
|
|
popupRuleConfig: {}, // 规则弹窗配置
|
|
|
@@ -453,6 +460,9 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankList
|
|
|
// 加载页面参数
|
|
|
const param = config.param;
|
|
|
if (param != undefined) {
|
|
|
+ if (param.subTitle != undefined && param.subTitle.length > 0) {
|
|
|
+ this.configParam.subTitle = param.subTitle;
|
|
|
+ }
|
|
|
if (param.labelRightAnswerNum != undefined && param.labelRightAnswerNum.length > 0) {
|
|
|
this.configParam.labelRightAnswerNum = param.labelRightAnswerNum;
|
|
|
}
|
|
|
@@ -536,47 +546,53 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankList
|
|
|
height: 170px;
|
|
|
padding-top: 36px;
|
|
|
justify-content: space-between;
|
|
|
- background-image: url('static/backgroud/top_bg_dengshanjie.png');
|
|
|
+ background-image: url('static/backgroud/top_bg_sddx2.png');
|
|
|
background-repeat: no-repeat;
|
|
|
background-position-x: center;
|
|
|
- background-position-y: -20px;
|
|
|
+ background-position-y: bottom;
|
|
|
background-size: cover;
|
|
|
}
|
|
|
+ .topbar-rule {
|
|
|
+ color: #FFFFFF;
|
|
|
+ border-radius: 4px;
|
|
|
+ background: #FF870D;
|
|
|
+ }
|
|
|
.topcontent {
|
|
|
display: none !important;
|
|
|
}
|
|
|
- .topbar-color{
|
|
|
- color: #333333;
|
|
|
+ .topcontent2 {
|
|
|
+ display: flex !important;
|
|
|
}
|
|
|
- .topbtm-name {
|
|
|
- background-color: #c77f34 !important;
|
|
|
- border: none !important;
|
|
|
- color: #ffffff !important;
|
|
|
+ .logo{
|
|
|
+ width: 243px !important;
|
|
|
+ height: 50px !important;
|
|
|
+ background-image: url('static/logo/sddx_jjyjy2.png');
|
|
|
}
|
|
|
.topbtm-egg {
|
|
|
- background-color: #c77f34 !important;
|
|
|
- border: none !important;
|
|
|
- color: #ffffff !important;
|
|
|
+ display: none !important;
|
|
|
}
|
|
|
- .main-bar {
|
|
|
+ .main-bar{
|
|
|
display: flex !important;
|
|
|
- background-color: #ffeddb !important;
|
|
|
- color: #ff8d1a !important;
|
|
|
+ background-color: #FFDFDB !important;
|
|
|
+ color: #A43A07 !important;
|
|
|
+ }
|
|
|
+ .topbar-color{
|
|
|
+ color: #ffffff;
|
|
|
}
|
|
|
.btnBack{
|
|
|
- background-color: #ff870e !important;
|
|
|
+ background-color: #a43a07 !important;
|
|
|
}
|
|
|
.tab-active{
|
|
|
- background-color: #ff870e !important;
|
|
|
+ background-color: #a43a07 !important;
|
|
|
}
|
|
|
.swiper-item-button {
|
|
|
- background-color: #ff870e !important;
|
|
|
+ background-color: #a43a07 !important;
|
|
|
}
|
|
|
.uni-swiper-dot-active {
|
|
|
- background: #ff870e !important;
|
|
|
+ background: #a43a07 !important;
|
|
|
}
|
|
|
`,
|
|
|
- "tabActiveColor": "#ff870e",
|
|
|
+ "tabActiveColor": "#a43a07",
|
|
|
"popupRuleConfig": {
|
|
|
"height": "530px"
|
|
|
},
|
|
|
@@ -584,155 +600,85 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankList
|
|
|
{
|
|
|
"type": 7,
|
|
|
"data": {
|
|
|
- "title": "活动规则",
|
|
|
- "content": "<br>① 任何人、任何时间均可体验参赛。<br><br>② 6个场地任意选,比赛时间内,不限次数参赛。<br><br>③ 1次成功打点,获取1个百味豆。<br><br>④ 1次正确答题,获取1个百味豆。"
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- "type": 7,
|
|
|
- "data": {
|
|
|
- "title": "活动奖励",
|
|
|
- "content": "<br><li>活动: 20个百味豆兑换一个鸡蛋<br><span style='font-size: 12px; color:#999999;'>(限本次活动百味豆,兑换以“蛋叔券”为准)</style><li>百味豆越多,“蛋叔”给你的鸡蛋 越多,上不封顶!<li>随时可以兑换哦~<li>能不能吃上自己挣的鸡蛋,就看你的了!<li style='color:#FF870E;'><span style='color:#FF870E;'>同时,参赛即可获取合作机构的奖励!</span><br><br>",
|
|
|
- "imageList": [{
|
|
|
- "src": "/static/common/danshu.png",
|
|
|
- "width": "183px",
|
|
|
- "height": "81px"
|
|
|
- }]
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- "type": 7,
|
|
|
- "data": {
|
|
|
- "title": "合作机构",
|
|
|
- "logo": {
|
|
|
- "src": "/static/logo/xxhpgy.png",
|
|
|
- "width": "120px",
|
|
|
- "height": "120px",
|
|
|
- "memo": "星星和蒲公英双语阅读馆"
|
|
|
+ "topLogo": {
|
|
|
+ "src": "/static/logo/sddx.png",
|
|
|
+ "width": "80px",
|
|
|
+ "height": "80px"
|
|
|
},
|
|
|
- "content": "星星和蒲公英双语阅读馆,济南儿童阅读网红圣地!馆藏2W+册正版图书,涵盖中英文大奖绘本、桥梁书、自然科学与文学社科名著,以及艺术画册和摄影图集。开展面向4-12岁孩子的中文阅读读书会&中英双语阅读课。<br><br><span style='color:#FF870E;'>礼品一:到店阅读权限一年<br>礼品二:店内饮品五折券一张</span>",
|
|
|
- "pointList": [
|
|
|
- {
|
|
|
- "name": "星星和蒲公英双语阅读馆",
|
|
|
- "tel": "电话:<a href='tel:18765812082' style='color: #333333;'>18765812082</a>",
|
|
|
- "longitude": 117.075174,
|
|
|
- "latitude": 36.654108
|
|
|
- }
|
|
|
- ]
|
|
|
+ "title": "“筑梦宿州·创赢未来 ”特训营",
|
|
|
+ "content": "<span style='display:block; text-align: center; margin: 20px; font-weight: bold;'>欢乐定向赛</span> 欢迎加入“筑梦宿州·创赢未来”特训营定向赛!在这里,你将亲历百年奥运精英运动——定向运动,体验个人与团队目标的完美融合,过程中运动与智慧并重。完赛即享奖励,最佳团队更享奖上奖!让我们携手加油吧!<br><br><span style='display:block; text-align: right;'>山东大学经济研究院</span>",
|
|
|
+ "imageList": []
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
"type": 7,
|
|
|
"data": {
|
|
|
- "title": "合作机构",
|
|
|
- "logo": {
|
|
|
- "src": "/static/logo/wensiyu.png",
|
|
|
- "width": "120px",
|
|
|
- "height": "120px",
|
|
|
- "memo": "文思语少年读书会"
|
|
|
+ "topLogo": {
|
|
|
+ "src": "/static/logo/sddx.png",
|
|
|
+ "width": "80px",
|
|
|
+ "height": "80px"
|
|
|
},
|
|
|
- "content": "文思语少年读书会,专注于为4-15岁儿童和家庭提供阅读素养发展解决方案和产品。读书会以整本书精读伴读为核心,塑造良好的读书习惯,训练阅读理解能力,培养创意作文能力。<br><br><span style='color:#FF870E;'>礼品:《山海经》精装套系书<br>书籍原价158元,仅需19.9元/套,不限领取次数,多余权限可赠送他人使用!</span>",
|
|
|
- "pointList": [
|
|
|
- {
|
|
|
- "name": "文思语少年读书会",
|
|
|
- "tel": "电话:<a href='tel:17663733631' style='color: #333333;'>17663733631</a>",
|
|
|
- "longitude": 117.075174,
|
|
|
- "latitude": 36.654108
|
|
|
- }
|
|
|
- ]
|
|
|
+ "title": "活动流程",
|
|
|
+ "content": "<span style='line-height: 30px;'>① 选择战队赛事报名 ↓ <br>② 选择场地导航至起点 ↓ <br>③ 进入活动起点打点 ↓ <br>④ 按序号依次打点 ↓ <br>⑤ 知识问答 ↓ <br>⑥ 终点打点 ↓ <br>⑦ 查看成绩 ↓ <br>⑧ 获得奖励</span>",
|
|
|
+ "imageList": []
|
|
|
}
|
|
|
- },
|
|
|
+ },
|
|
|
{
|
|
|
"type": 7,
|
|
|
"data": {
|
|
|
- "title": "合作机构",
|
|
|
- "logo": {
|
|
|
- "src": "/static/logo/lezhigu.png",
|
|
|
- "width": "120px",
|
|
|
- "height": "120px",
|
|
|
- "memo": "乐知谷"
|
|
|
+ "topLogo": {
|
|
|
+ "src": "/static/logo/sddx.png",
|
|
|
+ "width": "80px",
|
|
|
+ "height": "80px"
|
|
|
},
|
|
|
- "content": "乐知谷是济南科学类口碑最好的机构,主做面向4-12岁儿童,内容涵盖工程科技、自然科学、生命科学、地球太空、PBL综合项目等五大板块,室内&户外相结合,真正将实验、动手、探究融于生活,培养独立思考、永存好奇、敢于创造的未来型孩子。<br><span style='color:#FF870E;'>礼品:乐知谷经典工程体验课《建造一座斜拉桥》一堂,感受力学结构的科技含量课程每人限参与1次,多余权限可赠送他人使用</span>",
|
|
|
- "pointList": [
|
|
|
- {
|
|
|
- "name": "乐知谷",
|
|
|
- "tel": "电话:<a href='tel:19100652564' style='color: #333333;'>19100652564</a>",
|
|
|
- "longitude": 117.075174,
|
|
|
- "latitude": 36.654108
|
|
|
- }
|
|
|
- ]
|
|
|
+ "title": "定向运动怎么玩?",
|
|
|
+ "content": "",
|
|
|
+ "imageList": [{
|
|
|
+ "src": "/static/common/qrcode_spjc.png",
|
|
|
+ "width": "140.5px",
|
|
|
+ "height": "163.5px"
|
|
|
+ }]
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
"type": 7,
|
|
|
"data": {
|
|
|
- "title": "合作机构",
|
|
|
- "logo": {
|
|
|
- "src": "/static/logo/kusentiyu.png",
|
|
|
- "width": "120px",
|
|
|
- "height": "120px",
|
|
|
- "memo": "酷森体育俱乐部"
|
|
|
+ "topLogo": {
|
|
|
+ "src": "/static/logo/sddx.png",
|
|
|
+ "width": "80px",
|
|
|
+ "height": "80px"
|
|
|
},
|
|
|
- "content": "酷森体育俱乐部包含少儿篮球、体能训练、跳绳,三大课程。拥有二十年以上资深学院派专家教练团队,制定系统的少儿运动训练体系,结合不同年龄及能力的孩子进行定制化教学,使其更符合不同孩子的综合能力提升。<br><br><span style='color:#FF870E;'>礼品:手机全年影视会员卡</span>",
|
|
|
- "pointList": [
|
|
|
- {
|
|
|
- "name": "酷森体育俱乐部",
|
|
|
- "tel": "电话:<a href='tel:15621875115' style='color: #333333;'>15621875115</a>",
|
|
|
- "longitude": 117.075174,
|
|
|
- "latitude": 36.654108
|
|
|
- }
|
|
|
- ]
|
|
|
+ "title": "赛事规则及奖励",
|
|
|
+ "content": "<br><span style='line-height: 22px;'>规则:<br>1. 选择心仪战队,共筑个人与战队荣耀。<br>2. 在规定的时间内,<span style='color: #FF8D1A;'>不限完赛次数</span>,最终成绩以完赛累计积分计算。<br>3. 途经点成功打点1积分,正确答题1积分。<br>4. 未成功完赛(未打结束点)积分不计入。<br><br>奖励:<br><span style='color: #FF8D1A;'>完赛奖、最佳战队奖、个人前三名</span></span>",
|
|
|
+ "imageList": []
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
+ "default2"
|
|
|
],
|
|
|
"popupExchgConfig": {
|
|
|
"height": "460px"
|
|
|
},
|
|
|
"popupExchgList": [
|
|
|
- {
|
|
|
- "type": 5,
|
|
|
- "data": {
|
|
|
- "title": "兑换地点1",
|
|
|
- "img": "/static/common/gtgwcs.png",
|
|
|
- "point": {
|
|
|
- "longitude": 117.022194,
|
|
|
- "latitude": 36.661612,
|
|
|
- "name": "冠同购物超市"
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- "type": 5,
|
|
|
- "data": {
|
|
|
- "title": "兑换地点2",
|
|
|
- "img": "/static/common/wslgwcs2.png",
|
|
|
- "point": {
|
|
|
- "longitude": 117.022194,
|
|
|
- "latitude": 36.661612,
|
|
|
- "name": "万盛隆购物超市"
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
],
|
|
|
"popupMessageConfig": {
|
|
|
"height": "500px"
|
|
|
},
|
|
|
"param": {
|
|
|
- "labelRightAnswerNum": "文化输出",
|
|
|
- "labelTicketName": "蛋叔券",
|
|
|
- "labelAwardAddress": "兑换地址",
|
|
|
+ "subTitle": "“筑梦宿州·创赢未来 ”特训营",
|
|
|
+ "labelRightAnswerNum": "正确答题",
|
|
|
+ "labelTicketName": "",
|
|
|
+ "labelAwardAddress": "",
|
|
|
"tab1InitActIndex": 0,
|
|
|
"tab2InitActIndex": 0
|
|
|
},
|
|
|
"rankParam": {
|
|
|
- "tab2ItemsMark": [],
|
|
|
- "dispArrStr": "teamDistance,teamPoint,teamCp,teamPace,regionDistance,regionPoint,regionCp,regionPace",
|
|
|
- "tab2Items_team": ["里程", "打点数", "百味豆", "配速"],
|
|
|
- "tab2Items_person": ["里程", "打点数", "百味豆", "配速"],
|
|
|
- "rankTypeList_team": ["totalDistance", "totalCp", "totalSysPoint", "fastPace"],
|
|
|
- "rankTypeList_person": ["totalDistance", "totalCp", "totalSysPoint", "fastPace"],
|
|
|
- "rank1List": ["teamDistanceRs", "teamPointRs", "teamCpRs", "teamPaceRs"],
|
|
|
- "rank2List": ["regionDistanceRs", "regionPointRs", "regionCpRs", "regionPaceRs"]
|
|
|
+ "dispArrStr": "teamCp,teamDistance,teamRightAnswerPer,teamSpeed,regionCp,regionDistance,regionRightAnswerPer,regionSpeed",
|
|
|
+ "tab2Items_team": ["累计积分", "总里程", "正确答题", "单场用时"],
|
|
|
+ "tab2Items_person": ["累计积分", "总里程", "正确答题", "单场用时"],
|
|
|
+ "rankTypeList_team": ["totalScore", "totalDistance", "rightAnswerPer", "speed"],
|
|
|
+ "rankTypeList_person": ["totalScore", "totalDistance", "rightAnswerPer", "speed"],
|
|
|
+ "rank1List": ["teamCpRs", "teamDistanceRs", "teamRightAnswerPerRs", "teamSpeedRs"],
|
|
|
+ "rank2List": ["regionCpRs", "regionDistanceRs", "regionRightAnswerPerRs", "regionSpeedRs"]
|
|
|
}
|
|
|
}; */
|
|
|
|
|
|
@@ -1003,7 +949,8 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankList
|
|
|
if (code == 0) {
|
|
|
this.isJoin = data.isJoin;
|
|
|
if (this.isJoin) { // 已报名
|
|
|
- this.btnStartGameText = "我要比赛";
|
|
|
+ // this.btnStartGameText = "我要比赛";
|
|
|
+ this.btnStartGameText = "选择场地";
|
|
|
} else { // 未报名
|
|
|
this.btnStartGameText = "我要报名";
|
|
|
}
|
|
|
@@ -1244,6 +1191,11 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankList
|
|
|
/* margin-bottom: 20px; */
|
|
|
}
|
|
|
|
|
|
+ .topcontent2 {
|
|
|
+ width: 90%;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
.logo {
|
|
|
width: 80px;
|
|
|
height: 80px;
|
|
|
@@ -1256,6 +1208,15 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankList
|
|
|
background-size: contain;
|
|
|
}
|
|
|
|
|
|
+ .top-acttime {
|
|
|
+ text-shadow: 3px 3px 0px #640008;
|
|
|
+ font-family: YouSheBiaoTiHei;
|
|
|
+ /* font-family: Arial, Helvetica, sans-serif; */
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ffee0b;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
.tcview {
|
|
|
width: 90%;
|
|
|
/* height: 100px; */
|