Skip to content

M
mt-education-mobile
Commit 9eeb4a68 authored by fanlin@91isoft.com's avatar fanlin@91isoft.com
Browse files
Options

展開收起間距

parent 901404fd
Hide whitespace changes
Inline Side-by-side
Showing with 32 additions and 25 deletions
src/views/TrainDetail/index.vue
View file @ 9eeb4a68
......@@ -227,14 +227,13 @@
style="position: relative"
>
<button
class="person-head"
class="person-head personButton"
v-if="optShowEnrolment"
@click="isTagCoverEnrolment = !isTagCoverEnrolment"
style="width:12vw;height:12vw;margin-top: 1.59vw;margin-left: 2vw;border-radius: 30px 30px 30px 30px;border: white;position: relative;background-color: #f3f3f3;"
id="showAndHide"
>
<van-icon
style="font-size: x-large;position:absolute;top: 52%;left: 50%;transform: translate(-50%,-50%);-webkit-appearance:none;"
class="three_porint"
v-if="isTagCoverEnrolment === false"
name="ellipsis"
/>
......@@ -340,23 +339,22 @@
style="position: relative"
>
<button
class="person-head"
class="person-head personButton"
v-if="optShowArrived"
@click="isTagCoverArrived = !isTagCoverArrived"
style="width:12vw;height:12vw;margin-top: 1.19vw;margin-left: 2vw;border-radius: 30px 30px 30px 30px;border: white;position: relative;background-color: #f3f3f3"
>
<van-icon
style="position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-appearance:none"
v-if="isTagCoverArrived === true"
name="arrow-up"
/>
<!-- <van-icon-->
<!-- style="position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-appearance:none"-->
<!-- v-if="isTagCoverArrived === true"-->
<!-- name="arrow-up"-->
<!-- />-->
<!--<van-icon
style="position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-appearance:none"
v-if="isTagCoverArrived === false"
name="arrow-down"
/>-->
<van-icon
style="position:absolute;top: 52%;left: 50%;transform: translate(-50%,-50%);-webkit-appearance:none;font-size: x-large;"
class="three_porint"
v-if="isTagCoverArrived === false"
name="ellipsis"
/>
......@@ -459,10 +457,10 @@
style="position: relative"
>
<button
class="person-head"
class="person-head personButton"
v-if="optShowAbsent"
@click="isTagCoverAbsent = !isTagCoverAbsent"
style="width:12vw;height:12vw;margin-top: 1.19vw;margin-left: 2vw;border-radius: 30px 30px 30px 30px;border: white;position: relative;background-color: #f3f3f3;-webkit-appearance:none"
style=""
>
<!-- <van-icon
style="position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-appearance:none"
......@@ -475,7 +473,7 @@
name="arrow-down"
/>-->
<van-icon
style="position:absolute;top: 52%;left: 50%;transform: translate(-50%,-50%);-webkit-appearance:none;font-size: x-large;"
class="three_porint"
v-if="isTagCoverAbsent === false"
name="ellipsis"
/>
......@@ -1841,6 +1839,17 @@ export default {
flex-wrap: wrap;
padding-bottom: 5px;
margin-top: 15px;
.personButton{
width:46px;
height:46px;
margin-top: 4.46px;
margin-left: 2vw;
border-radius: 30px 30px 30px 30px;
border: white;
position: relative;
background-color: #f3f3f3;
-webkit-appearance:none
}
.person-head {
/*margin-top: 15px;*/
margin-left: 5px;
......@@ -1849,14 +1858,16 @@ export default {
display: flex;
flex-direction: column;
.three_porint{
position: absolute;
top: 35.5%;
font-size: x-large;
position:absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-appearance: none;
line-height: 47.313px;
height: 47.313px;
font-size: 25px;
transform: translate(-50%,-50%);
-webkit-appearance:none;
.van-icon-ellipsis:before {
content: "\F04E";
font-size: x-large;
}
}
.head-item{
display: flex;
......@@ -1990,10 +2001,6 @@ export default {
}
</style>
<style lang="less">
.van-icon-ellipsis:before {
content: "\F04E";
font-size: x-large;
}
.headStyle{
width: 45px;
height: 45px;
......
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