Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
08159503 by zhangmeng
Options

手机布局

1 parent 206ec58e
Inline Side-by-side
Showing 3 changed files with 88 additions and 26 deletions
src/viewsPc/match/chooseProject.vue
......@@ -181,6 +181,7 @@
size="large" true-value="1"
/>
<br v-if="language == 1">
<span
@click="handelInsurance"
>《{{ language == 0 ? '赛事购买协议' : 'Event Insurance Procurement Agreement' }} 》</span>
......@@ -916,21 +917,51 @@ function checkedChange(v) {
}
}
.father {
position: relative;
height: 85px;
}
.checkbox {
position: absolute;
right: 5%;
text-align: left;
@media (max-width: 767px) {
span {
color: #453DEA;
.father {
position: relative;
height: 110px;
padding-top: 45px;
line-height: 40px;
}
.checkbox {
position: absolute;
right: 0%;
top: 0;
text-align: left;
font-size: 14px;
span {
color: #453DEA;
position: relative;
top: -4px;
cursor: pointer
}
}
}
/* 桌面（≥1024px） */
@media (min-width: 1024px) {
.father {
position: relative;
top: -1px;
cursor: pointer
height: 85px;
line-height: 85px;
}
.checkbox {
position: absolute;
right: 0%;
text-align: left;
font-size: 14px;
span {
color: #453DEA;
position: relative;
top: -4px;
cursor: pointer
}
}
}
</style>
......
src/viewsPc/match/chooseSportsman.vue
......@@ -1120,21 +1120,52 @@ function checkedChange(v) {
}
}
.father {
position: relative;
height: 85px;
}
.checkbox {
position: absolute;
right: 5%;
text-align: left;
@media (max-width: 767px) {
span {
color: #453DEA;
.father {
position: relative;
height: 110px;
padding-top: 45px;
line-height: 40px;
}
.checkbox {
position: absolute;
right: 0%;
top: 0;
text-align: left;
font-size: 14px;
span {
color: #453DEA;
position: relative;
top: -4px;
cursor: pointer
}
}
}
/* 桌面（≥1024px） */
@media (min-width: 1024px) {
.father {
position: relative;
top: -1px;
cursor: pointer
height: 85px;
line-height: 85px;
}
.checkbox {
position: absolute;
right: 0%;
text-align: left;
font-size: 14px;
span {
color: #453DEA;
position: relative;
top: -4px;
cursor: pointer
}
}
}
</style>
......
src/viewsPc/match/components/insuranceView.vue
<template>
<el-dialog
v-model="show" :close-on-click-modal="false"
v-model="show"
:title="language==0?'赛事购买协议':'Event Insurance Procurement Agreement'" append-to-body center
class="pcloginpop"
close-icon="CircleClose" destroy-on-close
width="1100px"
width="80%"
>
<div v-html="data" />
<div class="checkbox">
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!